.message {
    font-size: 1.8vmax;
    color: #fcfbff;
    text-align: center;
    font-family: "boska"
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#formulaire {
    animation: fadeIn 2s ease-in-out
}

#formulaire {
    position: relative;
    top: 8rem
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.contact-form {
    padding: 2vmin 0
}

#contact .form-row {
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    .col-sm-12 {
        width: 100%
    }
}

.form-group {
    margin-bottom: 15px
}

.contact-form .form-control {
    display: block;
    width: 40%;
    height: auto;
    margin: 4px auto;
    border-color: rgb(27 107 107);
    background-color: rgb(191 227 227);
    color: #433b24;
    padding: 1.5vmin 1vw;
    font-size: 2vmin;
    text-align: center;
    border-radius:7px;
    text-align: start;
}

.form-group {
    margin-bottom: 15px
}

#contact .form-row {
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

.btn-confirm {
    margin-top: 20px;
    font-size: 2vh !important;
    background: #0b4949
}

.btnn {
    font-family: Gilroy;
    color: #fff;
    font-size: 1.5vw;
    border: 0;
    padding: 1vh 2.2vw;
    ;
    border-radius: 7px;
    box-shadow: 0 8px 15px rgb(51 142 142);
    margin: 1vh 10vw;
    top: 3rem;
    left: 1rem
}

.accept {
    color: #f3f2f6
}

.rotating {
    -webkit-animation: rotating 3s linear infinite;
    -moz-animation: rotating 3s linear infinite;
    -ms-animation: rotating 3s linear infinite;
    -o-animation: rotating 3s linear infinite;
    animation: rotating 3s linear infinite
}

input::placeholder {
    color: #473f26
}

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

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

.lazyload[data-src] {
    display: none !important
}

.lazyload {
    background-image: none !important
}

.lazyload:before {
    background-image: none !important
}

.icon-turn {
    width: 1.5rem
}

.logo {
    position: fixed;
    z-index: 100;
    width: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;
    transform: translateZ(0);
    will-change: transform
}

.logo img {
    width: 8%;
    padding: 2vh 0 0 2vw
}

@font-face {
    src: url('../images/fonts/boska/Boska-Regular-Light.woff2') format('woff2');
    font-family: 'boska';
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    src: url('../images/fonts/lexend/Lexend-Regular-Light.woff2') format('woff2');
    font-family: 'lexend';
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

html,
body {
    font-size: 16px;
    line-height: 1.4
}

@media only screen and (min-width:1024px) {

    html,
    body {
        font-size: 20px;
        line-height: 1.4
    }
}

@media only screen and (min-width:1600px) {

    html,
    body {
        font-size: 22px;
        line-height: 1.4
    }
}

@media only screen and (min-width:1920px) {

    html,
    body {
        font-size: 24px;
        line-height: 1.4
    }
}

.container {
    position: relative;
    min-height: 100vh;
    width: 100%
}

.home-page .welcome {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    margin-top: 10vh;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA0gAAAMuCAYAAAAjSiOcAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAADSKADAAQAAAABAAADLgAAAADqUWvOAAA4m0lEQVR4Ae3dPYskxxkA4Jvhso6VXKJf4Gj+gDNHFzgwGAUOZLSKLWFQ5jPGDmxZDoyDlZEDZ0J2ImGDMoHAyHCKBHZozgYh2GzmOhOUq4UO3a725np6urrr4xE0up3pqnrf5+2d7eqvuXPHfwQIECBAgACBzAT6vg+ZhSQcAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgRaEOj7PgxLC7nKkQABAgSmCWynNdOKAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQKFHADeglVk3MBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQmCBwOBweTGimCQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQWE+g7/uw3uhGJkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBJ4t0Pd9ePa73iFAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBzAVcBpZ5gYRHgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgSqEej7PlSTjEQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEChfoO/7MCzlZyIDAgQIECDwjcD2m3/6FwECBAgQIECAAAECBAgQIECAAAECBBILOOOWGFj3BAgQmEnAGaSZIHVDgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAtcFPN73uoefCBAgQIAAAQIECBAgQIAAAQIECBCYKOBg40Q4zQgQWF/AB9j6NRABAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGAQiN8r9ZAEAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLVCcRLhUN1SUmIAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgEHBpiO2AAAECBAgQIECAAAECBAgQIFCQgIM5BRVLqAQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMAxAY9dPqbjPQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCoVSBchjAsteYnLwIECBAYJ7Adt5q1CBAgQIAAAQIECBAgQIBABQKeOlZBEaXQvMDh1yEMS/MQAAgQIECAQGIBZ5ASA+fQfdd1m6fjMGF6WsO/CRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAtQIpvqIgRZ/VFkBiBAgQIECAAAECBAgQIECAAAECBAgQIECAQGMCqc+kpO6/sXJJlwABAgQIECBAgACBWgVMnmqtrLxKFPD7WGLVxEyAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAg8Q8ClEM+A8TIBAtUJ+LyrrqQSIkCAwDQBfxCmuWlFgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAukFfOdeemMjECBAgAABAgQIEPhKwM63DYEAAQIECBAgQIAAAQIECBAgsJLA1dXVvZWGNuyJAg6inQhmdQItCvigaLHqciZAgAABAgQIECBAgAABAgQIJBBwoCkBqi6LF/B7UXwJJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGxAh5JO1bKegQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgROF3D/zulmWhAgQIAAAQIECBAgQGCUgAnXKCYrESBAgAABAgQIECBAgMAYAZPMMUrWIUCAAAECBFYTGHZW7LCsxm9gAgQIECCQtUDcR9hlHaDgCBAgMLeACdLcovojME7ATsc4pznX8nk3p6a+ShcYfh9Kz0H8BAgQIECAAAECZwiYIJ2BpykBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQINCQQn+B32VC6UiVAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIpBGID3EIaXrWKwECBAgQIECAAAECBAgQqFjAhLri4kqNAAECBAgQIECAAIHjAo8fP/7g+BreJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSBNw0W0qlxElgfgG///Ob6pEAAQIECBQhYCfg9DIxO91syRZDfdRoSXFjESBAgAABAgQIECCQrcDYCZJJVLYlFBgBAgQIECBAgEDuAmN3unPPY834ouFu7vFNcuYW1d8cArbLORT1QYAAAQIECGQtYIKUdXkER4AAAQIECBAgQIBAyQImXPlUL/XR/tT95yMpEgIECBAgQIDAEQE7RUdwvHXHBGnZjcDv47LeRiNAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAIAuBeOnUZRaBCIIAAQKJBVwqmhhY9wQIECBAgAABAgQIECBQh4AJdB11lAUBAgQIECBwi4AdnVtQvESAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjMKTBcruiSxTlF9UWAwFSB7dSG2hEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBA4X8CldOcb6oEAAQIECBAgkFzATltyYgMQIECAAAECBAgQIECAwFwCcRL7cK6+9EOAAAECBIoQePz48QdFBCpIAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIELghEC93urzxkh8JECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAII2AR8SncdUrAQIECBAgQIBAIwJxhzo0kqo0CRAgQIAAAQIECBAgULaACVzZ9RM9AQIECBAgQIAAAQJnCJgQnYGnKQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIEsBOJZv10WgQiCAAECBAgQIECAAIHzBPb7/f3zetC6NQGXgbZWcfkSIECAAAECBAgQIEAgAwGT0QyKIAQCBAgsJXA4HB4sNZZxCBAgQIBALQImTbVUUh4ECBAgcFTg32+GMCxHV/ImAQIECBAgQIBAsQLbYiMXOAECBAgQIECAAAECBAgQIECAAAECBOYQ+PKtEIZljr70QYAAgVoEnEGqpZLyIECAQIYC7sPIsChCSiLw7m/+FYYlSec6JUBgUYG7i45mMAIECBBoSqDruk1TCReW7N3XNupTWM2ES4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLFCLjPrJhSCZQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECMwmsN/v78/WmY4IECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAs0IfPTuf8OwNJNwI4luG8lTmgQIEGhOwOOXmyu5hAkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQyFsgXta1yztC0REgkErgcDg8SNW3fgkQIECAAAECBAgQIJClQDwQcpFlYBkH5Z7AjIsjNAIECBAgQIDAWgJz7CTO0cda+RuXAAECBAgQIECgQAE7oAUWTcgECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgRkE4vdYXczQjS4IECBAgAABAgQIECBA4DYBXx58m4rXCBAgQIAAgSwF7LhkWRZBESBAgAABAgQIECBAgAABAgQIECBA4LqAg7nXPfxEgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEJhBwCUZMyDqggABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBbAh5z3la9ZUuAAAECBAgQIECAAAECBCYJ5HoA4cu3QhiWSUlpRIBAFgLbLKIQBAECBAgQIEDgBIGu6zYnrG5VAgQIECBAgAABAgQI5C/gjEv+NRIhgdYEnEFqreLyJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAisLhAfqrBbPQgBECBAgAABAgQIECDQhkCuT3VrQ1+WBAgQIECAAAECRQnYeS6qXLMEq+azMOqEAAECBAgQIECAAAEC5QqYGJZbO5ETIECAAAECBAgQWFzABGJxcgMSIECAAAECBOoXsJNZf41lSIAAAQIECBAgULiAnfbCCyh8AgQIECBAgAABAgSmCZgMTXPTigABAmsJ+NxeS964BAgsJuCDbjFqAxEoViB8/V+xCQicAAECBAgQIEBgWYEP//QoDMuyoxqNwDICJkjLOBuFAAECBAjMJXB3ro70Q4AAAQLfFtjE/779qlcIECBAYG2B374Svjo4+/offU6vXYvcxjdByq0iDcbzvZdftAPZYN2lTGCqQLy8edd13adT22tHgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECDQtsDV1dW9tgVkPwj4GgbbAQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIHCOgHsTztErp+0n738RhqWciEVKgAABAgQI5CCwzSEIMRBYUiB+waQvpl0S3FgECGQvMBw4cvAo+zIJkAABAgQIEEgpYIcopa6+CZQl4POgrHqJlgABAgQIEEggYIcoAaoumxHY7/f3m0lWogQIECBAgAABAgQIECBAgAABAgQIECBAYHUB90GsXgIBECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAukF4iWTu/SjGIEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXIFwmUIw1JuBiInQKB2gW3tCcqPAIF6BDzhrp5ayoQAAQIECBAgQIAAAQIECBA4QcBBkROwrEqAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwMwCnog2M6juCBAgQIAAAQIECKQS+NvlozAsqfof068JxBgl6xAgQODZAvFz9PLZ73qnFAFfFFtKpcR55+rq6h4GAjkLlD7B6Lpuk7Ov2AgQIJC7QPwcfTX3GMV3XKD0v+XHs/MuAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAeQKeiFFezURMgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEFhDwH2pa6gbkwABAgQIECCwooAdwBXxDT2bwLAd25Zn49QRAQIEihDYFhGlIAkQKE6g67pNcUELmAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEFhFwM2t57MzPN9QDwQIECBAgAABAgQIECBAgAABAgQIEKhKwIHjqsopGQIECBAgQKBUATtleVUu/D6EYckrKtEQIFCDgMd811BFORBYUSDuNF6uOLyhCSwm4NH1i1EbiAABAgQIEChNwJHk0io2PV61nm6nJQEC5wsMn0E+h8531AMBAgQIECBAgACBqgVamTSYIFW9GUuOAAECBAgQIECAAAECBAgQIECAwJkCV1dX987sQnMCBAgQaEiglTNsDZVUqgQIECBAgAABAgQIECAwRcAEeYqaNgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCwhoBr4NdQNyYBAgQIECBAgAABAgQIECBAgAABAgQIECCQj4Avc8ynFiIhQIAAAQLnCGzPaawtAQIECLQr4BK6dmsvcwIECBAgQIAAAQIECBAgMErgo/cehWEZtbKVCBDITsAZpOxKIiACBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECOQq41zDHqoiJAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECWQj4jrMsyiAIAosKeIrdotwGI0CAAAECBAgQIECAAAECBAgQIECAwC0C8QzNxS0ve4kAAQIECBAgUKeAJyDVWVdZESBAgAABAgQIECBAgACB1QQcbFiN3sAECBAgQIAAgWkCduCmuWlFgACBFAI+k1Oo6pMAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAKAGX74xislIUiNvK5dwQH733KAzL3P3qjwABAr4HyTZAgMDiAnasFydPMmDXdZskHWfU6ZdvhTAsGYVUZChxW3m1yMAFTYBAkwJ3m8xa0gQIrCrQwo71qsAGJ9CAwHd/8GL1E/QGyihFAkkF/vzzz746wPWjn33npM8LE6SkZdE5gToFhjNAJjl11lZW1wXuvrY56Y/q9dZ+IkCAAAECBAgQIECAAAECCwm4XHchaMMQIECAAAECBAgQIJBOwMQmna2eCRAgQKBgAX8gCy6e0AkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIFC1QDyjPfv39FQNJjkCBAjULBD/KOxqzk9uBAgQIECgdoH9fn+/9hzlR4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkKmA7+fJtDDCIkCAAAECBAgQIECAAAECBNYXcOBk/RqIgAABAi0LeFply9WXOwECiwrY8V+U22AECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLFCgxn1pxdK7Z8AidAgAABApMFtpNbakiAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgXgH3tszrqTcCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQKFYgXmJ/UWzwmQTuNoVMCiGM6QI24ul2WtYh8M8fhzAsdWQjCwIECBAgUL+A70Gqv8arZth13WbVAAxOgAABAgQIECBA4ASBuyesa1UCBAgQGCnw5OxpPEbgIMFIM6sRIECAAIEcBJxByqEKYiDwtcCTnWogBAgQIEDgXIH4N8X9Luciak+AAAECBOYSMNmbS1I/BAgQIECAAAECBAgQIECAAAECBAgQIECAQDkCh8PhQTnRipQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgfkE3E81n6WeCBAgQIAAAQIECBAgQIAAgcoFHEipvMDSI0CAAAECBAgQIECAAAECBAgQIECAAIECBOLR+l0BYQqRAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIG8BTxIJO/6iI4AgQIFfvFSCMNSYOhCJkCAAAECBAiMFtiOXtOKBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwEoCrhVfCd6wBAgQIECAAAECBAgQyFXARDHXyoiLAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBFIK/P2HIQxLyjH0TYDANAHfgzTNTSsCBDITcDN/ZgURDoFEAn7XE8HqlgABAgQIEKhbILedqBjPRd3i62aXW73X1Ugz+k+/H8KwpOldrwQIEMhHwBmkfGohkoIE7IzlX6yu6zY5RRnjeTuneGqLJbd61+abez7xM/ky9xjFR4AAAQIECBAgQIAAAQKFCQwHAB0ELKxowp1dwBmk2Ul1SIAAAQIECBAgQIAAAQIECBAgQCATgXgEfJdJKMIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECIwVWOohAHEcj9cfWxTrESBAgAABAukEUt3/Ed4IYVjSRa5nAgQIECBAoHUBT7FrfQuQP4EEAvE7aT6do9uljjLPEas+CBAgQIAAAQIECBAgQIAAAQIECMwu4ADZ7KQ6JECAAAECBAgQIECAAAECBAgQIEAgOwFHQrMriYAIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhQwL1eDRZdygQIECBAgAABAgQI5ClggpZnXURFgAABAgQIECBAgAABAgQIEHiugAM7zyWyAgECBAgQIFCrgB2hWisrLwIECBAgQIAAAQIECCQSMJFMBKtbAgQIECBAgACBNgTeeT2EYWkjW1kSIECgfoFt/SnKkACBFgWGo8COBOdZebXJsy6iIkCAAAECBAgQqFjg6Z1wE6W8Cv10bfKKTDQECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIFCMTLUS8KCFOIBAgQIPC0gHs7ntbwbwIECBAgQIAAAQIECBAg0ICAgwENFFmKBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiULOAyr5KrJ3YCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDBG4HA4PBiznnUIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMDqAsMj9Ft4jP5+v7+/OrYACBAgQIAAAQJLCNjxWULZGLUKtDJBqrV+8iJAgAABAgQIECBAgEDRAuHr/4pOQvAECFQpsK0yK0kRIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECSwm08HSjpSyNQ4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgcFwg3tu6O76GdwkQIECAAAECBAgQqF7AQ2+qL7EECRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEThL45Uv/CMNyUiMrEyBAgMBiAtvFRjIQAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAIwIevtFIoaVJgAABAgQIECAwTsAO8jinWtZS71oqKQ8CBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiUJeD+trLqJVoCBAgQIEAgCtiBsRkQIECAAAECBAgQIECAAAECBAgQIECAAAEC6wjEsxQX64xsVAIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hNwH1V7NZcxAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgJhH8KwZBWUYAgQKFbAZYHFlk7gBAgQIECAwCBggmQ7IECAAAECBAgQIECAAAECBAgQWERgOKvmzNoi1AYh0IzAtplMJUqAAAECBAgQIECAAAECBAgQIEDgpsAn738RhuXm61N/vrq6uje17SntnCk4Rcu6BAgQIDBFwBmkKWraECBAIDOBtScOL7zwwudLkHRdt1liHGMQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEC5wrEpyU+PLcP7QkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECrQvEezTCsLTuIH8CBAisJRA/g3drjW1cAgQIECBA4IaACdINED+OFgi/C2FYRjc4ccW4bV6c2MTqBAgQaFJg22TWkiZAYLJAeCPuxMVlcgeVN+y6bjMslafZRHq1nQmM2+XbTRROkgQIEDhT4O6Z7TUnQIAAAQJVCiw90d38ZGNiXeWWJCkCBAgQIECAAAECZwh8/Nf/hWE5owtNCWQl4J6YrMohGALPFXCJ3XOJrECAAAECBAgQmC4Qz0Z+Or21lgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBYgV+9XIIw1JsAgInQIAAgdECvgdpNJUVCRAgQIAAAQIECBAgQIAAAQIECBBILvDmKyEMS/KBDECAAAECRwWcQTrK481jAn3f+0N+DMh7BAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwAICnpC4ALIhCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAhgLuMcywKEIiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCoRsD9O9WUUiIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTEC8XKR3Zj1rEOAAAECBAgQIECAAAECBAgQIDBRwP061+F4XPfwEwECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECdz7+y+dhWFAQIECAAAECBMYIbMesZB0CBAgQaEsg3q/ysK2MZUuAAAECBAgQIECAQPMCzrA1vwkAIECAAIEbAs4g3QDxIwECBAgQIECAAAECBAgQIECAAAECFQh4nHcFRZQCAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAxgXhPzEVjKUuXAAECBAgQIECAAAECBAgQIECgBgEPe6mhinIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQOBWATdU38riRQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFJguHzPJXwphfVNgEBuAtvcAhIPAQIECBAgQIAAAQIECBAgQIAAgVUEnB1Yhd2gBAgQIECAAAECBAgQINCygMl4y9WXOwECBAgQIEAgY4G4o7rLODyhESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgECuAn3fh1xjExcBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBTAsOlLC5naark1SVr+62upBIicJbA9qzWGhMgQIAAAQIEChfoum5TeArCJ0CAAAECBFoS+OAP/wnD0lLOciVAgAABAgTWEXAGaR13oxIgQIAAgeYFXNrW/CYAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIzCIQ71F4OEtHOiFAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgECmAr7rJdPCCIsAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAjALuI5oRU1cECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoWsAT7pouv+QJECBAgAABAgQIEHgiECdHl0/+7f8ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkE7Awy7S2eqZAAECBAiMEvDHeBSTlQgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwBICLvNfQtkYBAgQIECAAAECBAgQIECAAAECBAgQyEHAEeEcqiAGAgQIECBAgAABAgQIVChgwllhUaVEgAABAgQIECBAgACBXARMOnOphDgIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQnIBL0IormYAJECBAgAABAu0JHA6HB+1lLWMCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIHiBD5851EYluICFzABAgQIEFhIYLvQOIYhQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgUKpA3/fuTSm1eOImQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCBPgb7vQ56RiYoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCYRSA+XOBylo50QoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoSCDek7FrKF2pEiBAgAABAgQIrCXgm8bXkjcuAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBC4TcCZ/NtUvEaAAAECBAgQIECgAIG4M39RQJhCJECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwMwCfd+HmbvUHQECBAgQIECgDgE7SnXUURYECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgcLuA++hud/EqAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBILtD3fUg+iAEIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgSqE/C9F9WVVEIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGBdAQ8zWNff6AQIECBAgAABAgQIECBAgMCKAg6MrIhvaAIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAJgXj/xq6JRCVJgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQv0Df97v6s5QhAQIECJwi8H8y0/k2yhUVnQAAAABJRU5ErkJggg==) no-repeat scroll rgba(0, 0, 0, 0);
    background-position: center;
    background-size: contain
}

.header .header-inner {
    padding-top: 1.5rem;
    pointer-events: all
}

.header__logo {
    display: block;
    position: relative;
    width: 6.5rem;
    height: 4.666666rem;
    margin-left: auto;
    margin-right: auto;
    pointer-events: all
}

.header__logo::before {
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    left: 30%;
    width: 40%;
    height: 30%;
    border-radius: 50%;
    background-color: #7b47c9;
    box-shadow: 0 0 1rem 1.5rem #7b47c9;
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.header__logo img {
    position: relative
}

.header__logo .logo-symbol-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    margin: .5rem auto 0
}

.header__logo .star {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 3rem;
    animation-name: logoRotate;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@media only screen and (min-width:1024px) {
    .header__logo:hover::before {
        opacity: .6
    }
}

.header__language {
    display: none
}

@media only screen and (min-width:1024px) {
    .header__language {
        position: absolute;
        top: 2rem;
        right: 25%;
        display: flex;
        z-index: 135
    }

    .header__language div {
        border-radius: .2rem;
        padding: .15rem .3rem .15rem .15rem;
        background-color: #e9dbb8;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        transform: scale(1);
        transform-origin: top center;
        transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
    }

    .header__language div::after {
        content: "";
        display: block;
        margin-left: .2rem;
        border-top: .2rem solid #a689d2;
        border-left: .2rem solid rgba(0, 0, 0, 0);
        border-right: .2rem solid rgba(0, 0, 0, 0);
        border-bottom: .2rem solid rgba(0, 0, 0, 0);
        transform: translate(0, .1rem) rotate(0deg);
        transform-origin: center .1rem;
        transition: border-top .3s cubic-bezier(.23, 1, .32, 1), transform .6s cubic-bezier(.23, 1, .32, 1)
    }

    .header__language div svg {
        fill: #e6f3e8;
        width: 1rem;
        aspect-ratio: 1/1;
        margin-right: .2rem;
        transform: scale(1);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1)
    }

    .header__language div:hover::after {
        border-top: .2rem solid #e6f3e8
    }

    .header__language nav {
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 1px;
        border-radius: .2rem;
        background-color: #42266c;
        box-shadow: 0 .5rem 1.2rem 0rem #1e1131;
        opacity: 0;
        transform: translate(-50%, 0) scale(1);
        transform-origin: top center;
        transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
    }

    .header__language nav a {
        display: block;
        padding: .1rem 1.15rem;
        text-transform: uppercase;
        color: #d2a17d
    }

    .header__language nav a:hover {
        color: #e6f3e8
    }

    .header__language nav a:first-child {
        padding: .3rem 1.15rem .1rem 1.15rem
    }

    .header__language nav a:last-child {
        padding: .1rem 1.15rem .3rem 1.15rem
    }

    .header__language nav a.-active {
        color: #a689d2;
        pointer-events: none
    }

    .header__language.-active div {
        transform: scale(.9)
    }

    .header__language.-active div::after {
        border-top: .2rem solid #e6f3e8;
        transform: translate(0, .1rem) rotate(180deg)
    }

    .header__language.-active div svg {
        transform: scale(.75)
    }

    .header__language.-active nav {
        pointer-events: all;
        opacity: 1;
        transform: translate(-50%, 0) scale(1.1)
    }
}

.header__nav {
    display: none
}

@media only screen and (min-width:1024px) {
    .header__nav {
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        transition-delay: 0s
    }

    .header__nav .i {
        width: 6rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        pointer-events: all
    }

    .header__nav a {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .header__nav a::before {
        content: "";
        display: block;
        position: absolute;
        top: 35%;
        left: 30%;
        width: 40%;
        height: 30%;
        border-radius: 50%;
        background-color: #7b47c9;
        box-shadow: 0 0 1rem 1.5rem #7b47c9;
        opacity: 0;
        transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a .link {
        position: relative;
        text-align: center;
        white-space: nowrap
    }

    .header__nav a .icon {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem
    }

    .header__nav a .icon img {
        position: relative;
        pointer-events: none
    }

    .header__nav a .icon img:not(.base),
    .header__nav a .icon div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:1024px)and (min-width:1024px) {
    .header__nav a:hover::before {
        opacity: .6
    }
}

@media only screen and (min-width:1024px) {
    .header__nav a.usual .icon img.base {
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.usual .icon img.el {
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.5, 0, .2, 1.6)
    }

    .header__nav a.usual:hover .icon img.base {
        transform: rotate(-5deg) scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.usual:hover .icon img.el {
        transform: rotate(360deg) scale(1.2)
    }
}

@media only screen and (min-width:1024px) {
    .header__nav a.love .icon .tail {
        -webkit-clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0 100%);
        clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0 100%)
    }

    .header__nav a.love .icon .arrowhead {
        -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
        clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
    }

    .header__nav a.love .icon .tail,
    .header__nav a.love .icon .arrowhead {
        transform: rotate(0deg);
        transition: transform .6s cubic-bezier(1, 0, .4, 1.4)
    }

    .header__nav a.love .icon .tail img,
    .header__nav a.love .icon .arrowhead img {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.love .icon img.base {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.love:hover .icon .tail,
    .header__nav a.love:hover .icon .arrowhead {
        transform: rotate(-15deg)
    }

    .header__nav a.love:hover .icon .tail img,
    .header__nav a.love:hover .icon .arrowhead img {
        transform: translate(5%, 0);
        transition: transform .6s cubic-bezier(.6, -2, .6, 1)
    }

    .header__nav a.love:hover .icon img.base {
        transform: scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.love:hover .icon img.el-b {
        animation-name: heart;
        animation-duration: 2.4s;
        animation-timing-function: cubic-bezier(.4, .1, 0, 1);
        animation-iteration-count: infinite
    }
}

@media only screen and (max-width:1024px) {
    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 26%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 13px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939
    }
}

@media only screen and (min-width:1024px) {
    .header__nav a.yesno .icon img.base {
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.yesno .icon img.el-a {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.yesno .icon img.el-b {
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.yesno .icon img.el-c {
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.yesno .icon .shine {
        -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
        clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        width: 38%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: inherit;
        color: #fff;
        font-size: 18px!important;
        border: 0;
        padding: 18px 24px;
        border-radius: 13px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        
        background: #0f3939;
        letter-spacing: 2px;
    }

    .header__nav a.yesno .icon .shine img {
        transform: rotate(0deg) translateZ(0);
        transition: transform 3.2s cubic-bezier(.5, 0, .2, 1.6)
    }

    .header__nav a.yesno:hover .icon img.base {
        transform: rotate(-5deg) scale(.9);
        transition: transform 1.2s cubic-bezier(.5, 0, .2, 1.6)
    }

    .header__nav a.yesno:hover .icon img.el-a,
    .header__nav a.yesno:hover .icon img.el-b,
    .header__nav a.yesno:hover .icon img.el-c {
        transform: scale(1.2)
    }

    .header__nav a.yesno:hover .icon .shine img {
        transform: rotate(360deg)
    }
}
.button-shuffle {
    position: relative;
    top: 2rem;
    right: auto;
    bottom: auto;
    left: auto;
    width: 34%;
    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    font-family: inherit;
    color: #fff;
    font-size: 18px!important;
    border: 0;
    padding: 11px 24px;
    border-radius: 13px;
    box-shadow: 0 8px 15px rgb(51 142 142);
    
    background: #0f3939;
    letter-spacing: 2px;
}

@media only screen and (min-width:1024px) {
    .header.-hidden-nav .header__nav {
        opacity: 0;
        transform: translate(0, -4rem);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .3s
    }

    .header.-hidden-nav .header__nav .i {
        pointer-events: none
    }
}

@media only screen and (min-width:1024px) {
    .header.-min nav .i .icon {
        display: none
    }
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
}

body {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.-h1,
.-h2,
.-h3,
.-h4,
.-h5,
.-h6 {
    font-family: "boska";
    font-weight: 400;
    margin: 0
}

h1,
.-h1 {
    font-size: 7.5rem;
    line-height: .8
}

h2,
.-h2 {
    font-size: 4.2rem;
    line-height: .9;
    color: #fff
}

h3,
.-h3 {
    font-size: 2.15rem;
    line-height: .95;
    color: #dadce6
}

h4,
.-h4 {
    font-size: 1.8rem;
    line-height: .95
}

h5,
.-h5 {
    font-size: 1.5rem;
    line-height: 2;
    color: #f5faff
}

h6,
.-h6 {
    font-size: .8rem;
    line-height: 0;
    color: #f5fbff
}

.-p {
    font-size: 1rem;
    font-family: inherit
}

.-m {
    font-size: 1rem;
    line-height: 1.333;
    color: #2a2e31a3;
    font-family: 'boska'
}

.-mm {
    font-size: .8rem;
    color: #fff;
    font-family: 'boska'
}

.right-side {
    width: 50%;
    float: right
}

@media only screen and (min-width:1150px) and (max-width:1250px) {
    .right-side {
        width: 50%;
        float: right;
        margin-right: 2rem
    }
}

@media only screen and (max-width:1024px) {
    .-mm {
        font-size: .75rem
    }
}

.-up {
    text-transform: uppercase
}

a {
    text-decoration: none;
    color: #e6f3e8
}

a:visited {
    color: #e6f3e8
}

a * {
    color: #cdd0e3
}

.replay a {
    color: #f2f3f7
}

a:hover {
    color: #e6f3e8
}

p {
    font-family: "boska";
    font-weight: 500;
    font-size: 1.1rem;
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (max-width:1920px) {
    .-w-h1 {
        font-size: 7.5rem
    }

    .-w-h2 {
        font-size: 4.2rem
    }

    .-w-h3 {
        font-size: 3.15rem
    }

    .-w-h4 {
        font-size: 2.4rem
    }

    .-w-h5 {
        font-size: 1.8rem
    }

    .-w-h6 {
        font-size: 1.35rem
    }
}

@media only screen and (max-width:1024px) {
    .-m-h1 {
        font-size: 7.5rem
    }

    .-m-h2 {
        font-size: 4.2rem
    }

    .-m-h3 {
        font-size: 3.15rem
    }

    .-m-h4 {
        font-size: 2.4rem
    }

    .-m-h5 {
        font-size: 1.8rem
    }

    .-m-h6 {
        font-size: 1.35rem
    }

    .-m-p {
        font-size: 1rem
    }

    .-m-mm {
        font-size: .6rem
    }
}

*::selection {
    background-color: rgba(0, 0, 0, 0)
}

html {
    scroll-behavior: smooth
}

html,
body {
    padding: 0;
    margin: 0;
    background-color: #216b6b;
    color: #e6f3e8;
    font-family: "lexend";
    font-weight: 400
}

html.scroll-lock,
body.scroll-lock {
    overflow: hidden
}

body.-noscroll {
    overflow: hidden
}

body.-touch-block {
    touch-action: none
}

picture,
img,
svg {
    display: block;
    pointer-events: none;
    width: 100%
}

input,
textarea {
    font-family: auto;
    font-weight: 400;
    font-size: 1rem;
    line-height: .8;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    margin: 0;
    cursor: text
}

input:invalid,
input:-moz-submit-invalid,
input:required,
input:optional,
input:-moz-focusring,
textarea:invalid,
textarea:-moz-submit-invalid,
textarea:required,
textarea:optional,
textarea:-moz-focusring {
    outline: none;
    border: none;
    box-shadow: none
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected {
    background-color: var(--c-black) !important;
    background-image: none !important;
    color: var(--c-white) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--c-black) inset
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--c-white) !important
}

.error-msg {
     
    color: #9b0e1a;
    font-size: 16px;
    margin-left: 12.3rem !important
}

.valid-msg {

    color: #35c155;
    font-size: 16px;
    margin-left: 12.3rem !important
}
.hidden{
    display: none;
}
input:focus,
textarea:focus {
    outline: none
}

figure {
    display: block;
    margin: 0;
    padding: 0
}

button,
.button {
    font-family: "lexend";
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.333;
    color: #dbdde7;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block
}

.tarotoo {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .-w {
        max-width: 90%;
        margin: 0 auto
    }
}

.texturing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.texturing::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/png;base64,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) repeat scroll rgba(0, 0, 0, 0);
    background-size: 4rem;
    background-position: top center;
    transform: translateZ(0)
}

.texturing .blur {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.texturing .blur::before {
    content: "";
    display: block;
    width: 220%;
    padding: 160% 0;
    border-radius: 50%;
    flex-shrink: 0;
    background-image: radial-gradient(circle at 66% 50%, #95a3eb 0%, #95a3eb 0%, #95a3eb 0%, #82efef 0%, #43bdbd 15%, #3db1b1 19%, #3ba5a5 22%, #359b9b 24.5%, #329393 27.8%, #2a7575 38%, #226d6d 48.5%, #216b6b 37.8%, #226d6d 42%, #216b6b 80%, #226d6d 50%)
}

@media only screen and (min-width:1024px) {
    .texturing .blur::before {
        width: 120%;
        padding: 60% 0
    }
}

.texturing .anchor-blur {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.texturing .anchor-blur::before {
    content: "";
    display: block;
    width: 20%;
    padding: 1% 0;
    border-radius: 50%;
    background-color: #42266c;
    box-shadow: 0 0 8rem 12rem #42266c
}

#anchor-target {
    position: relative
}

.breadcrumbs {
    position: absolute;
    z-index: 20;
    top: 2rem;
    left: 1.5rem;
    width: 25%
}

@media only screen and (min-width:1024px) {
    .breadcrumbs {
        left: 4.361%
    }
}

.breadcrumbs a {
    color: #2b2e31;
    display: inline-block
}

.breadcrumbs span {
    color: #2b2e31;
    display: inline-block
}

.breadcrumbs a {
    display: none
}

@media only screen and (max-width:1024px) {
    .breadcrumbs {
        text-align: center
    }

    .breadcrumbs a,
    .breadcrumbs span {
        display: none
    }

    .breadcrumbs span.-active {
        display: inline-block
    }
}

@media only screen and (min-width:1024px) {
    .breadcrumbs span:not(.-active) {
        opacity: .6
    }

    .breadcrumbs a {
        display: inline-block;
        opacity: .6
    }

    .breadcrumbs a:hover {
        opacity: 1;
        color: #e6f3e8
    }
}

.link-animation {
    position: relative
}

.link-animation .basic {
    pointer-events: none;
    opacity: 1;
    position: relative;
    transform: translateZ(0);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.link-animation .hover {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 80%) scale(1, .8);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (min-width:1024px) {
    .link-animation:hover .basic {
        opacity: 0;
        transform: translate(0, -20%) scale(.9)
    }

    .link-animation:hover .hover {
        opacity: 1;
        transform: translateZ(0) scale(1, 1)
    }
}

.button {
    position: relative;
    z-index: 10;
    width: 60%;
    transform: translateZ(0) scale(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (min-width:1024px) {
    .button {
        width: initial
    }
}

.button:active {
    transform: scale(.95);
    transition: transform 0s linear
}

.label-fly {
    position: absolute;
    top: 25rem;
    left: 20rem;
    width: 43%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    animation-name: flyXY;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.label-fly::before {
    content: "";
    display: block;
    position: absolute;
    top: -.5rem;
    width: .125rem;
    height: .125rem;
    border-radius: 50%;
    background-color: #8594c0;
    box-shadow: 0 0 .5rem .25rem #e6f3e8;
    transform-origin: 1rem 1rem;
    transform: rotate(0deg) translateY(0);
    opacity: 1;
    animation-name: flyZ;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.button-purple {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem .5rem;
    min-width: 9rem;
    box-sizing: content-box
}

@media only screen and (min-width:1024px) {
    .button-purple {
        padding: 1rem
    }
}

.button-purple::before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 2px;
    border: 1px solid #fff;
    border-radius: .5rem;
    opacity: .2;
    transform: translateZ(0) scale(1, 1);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.button-purple div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10rem;
    overflow: hidden;
    transform: translateZ(0) scale(1);
    pointer-events: none;
    transition: transform .3s cubic-bezier(.4, .1, 0, 1)
}

.button-purple div::before,
.button-purple div::after {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%
}

.button-purple div::before {
    height: 100%;
    border-radius: 10rem;
    background-color: #114141
}

.button-purple div::after {
    padding: 50% 0;
    border-radius: 50%;
    background-color: #1e1131;
    transform: scale(0) translateZ(0);
    transition: transform .6s cubic-bezier(.4, .1, 0, 1)
}

.button-purple div span {
    display: block;
    position: absolute;
    z-index: 10;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    opacity: 1;
    transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.button-purple div span:first-child {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #ededed 50%, rgba(166, 137, 210, 0) 100%)
}

.button-purple div span:last-child {
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(166, 137, 210, 0) 0%, #ededed 50%, rgba(166, 137, 210, 0) 100%)
}

.button-purple span {
    display: block;
    text-transform: uppercase
}

.button-purple .basic {
    pointer-events: none;
    opacity: 1;
    position: relative;
    transform: translateZ(0);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.button-purple .hover {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translate(0, 80%) scale(1, .8);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
}

.button-purple.-hover-white div::after {
    background-color: #d7e1eb
}

.button-purple.-hover-white .hover {
    color: #1e1131
}

@media only screen and (min-width:1024px) {
    .button-purple:hover::before {
        opacity: 0;
        transform: scale(.95, .8)
    }

    .button-purple:hover div {
        transform: scale(1.05)
    }

    .button-purple:hover div::after {
        transform: scale(1.2)
    }

    .button-purple:hover div span {
        opacity: .4
    }

    .button-purple:hover .basic {
        opacity: 0;
        transform: translate(0, -20%) scale(.9)
    }

    .button-purple:hover .hover {
        opacity: 1;
        transform: translateZ(0) scale(1, 1)
    }
}

.button-outline {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem;
    box-sizing: content-box
}

.button-outline::before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: .5rem;
    opacity: .4;
    transform: translateZ(0) scale(1, 1);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.button-outline label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    animation-name: flyXY;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.button-outline label::before {
    content: "";
    display: block;
    position: absolute;
    top: -.5rem;
    width: .125rem;
    height: .125rem;
    border-radius: 50%;
    background-color: #8594c0;
    box-shadow: 0 0 .5rem .25rem #e6f3e8;
    transform-origin: 1rem 1rem;
    transform: rotate(0deg) translateY(0);
    opacity: 1;
    animation-name: flyZ;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.button-outline div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10rem;
    transform: translateZ(0) scale(1);
    pointer-events: none;
    transition: transform .3s cubic-bezier(.4, .1, 0, 1)
}

.button-outline div::before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%
}

.button-outline div::before {
    height: 100%;
    border-radius: 10rem
}

.button-outline div span {
    display: block;
    position: absolute;
    z-index: 10;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    opacity: 1;
    transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.button-outline div span:first-child {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(230, 243, 232, 0) 0%, #caccd7 50%, rgba(230, 243, 232, 0) 100%)
}

.button-outline div span:last-child {
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(230, 243, 232, 0) 0%, #caccd7 50%, rgba(230, 243, 232, 0) 100%)
}

.button-outline span {
    display: block;
    text-transform: uppercase
}

.button-outline .basic {
    pointer-events: none;
    opacity: 1;
    position: relative;
    transform: translateZ(0);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.button-outline .hover {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translate(0, 80%) scale(1, .8);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (min-width:1024px) {
    .button-outline:hover::before {
        opacity: 0;
        transform: scale(.95, .8)
    }

    .button-outline:hover div {
        transform: scale(1.05)
    }

    .button-outline:hover div::after {
        transform: scale(1.2)
    }

    .button-outline:hover div span {
        opacity: .4
    }

    .button-outline:hover .basic {
        opacity: 0;
        transform: translate(0, -20%) scale(.9)
    }

    .button-outline:hover .hover {
        opacity: 1;
        transform: translateZ(0) scale(1, 1)
    }
}

.tabs {
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center
}

.tabs .tab {
    margin-bottom: .5rem
}

.button-tab {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25rem .75rem;
    box-sizing: content-box
}

.button-tab::before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 8px;
    right: 8px;
    height: 100%;
    padding: 2px;
    border: 1px solid #e6f3e8;
    border-radius: .5rem;
    transform: translateZ(0) scale(1, 1);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.button-tab div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10rem;
    transform: translateZ(0) scale(1);
    pointer-events: none;
    transition: transform .3s cubic-bezier(.4, .1, 0, 1)
}

.button-tab div::before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    border: 1px solid #e6f3e8;
    opacity: .4
}

.button-tab span {
    display: block;
    text-transform: uppercase
}

.button-tab .basic {
    pointer-events: none;
    opacity: 1;
    position: relative;
    transform: translateZ(0);
    transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
}

.button-tab .hover {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translate(0, 80%) scale(1, .8);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (min-width:1024px) {
    .button-tab:hover::before {
        opacity: 0;
        transform: scale(.95, .8)
    }

    .button-tab:hover div {
        transform: scale(1.05)
    }

    .button-tab:hover div::after {
        transform: scale(1.2)
    }

    .button-tab:hover div span {
        opacity: .4
    }

    .button-tab:hover .basic {
        opacity: 0;
        transform: translate(0, -20%) scale(.9)
    }

    .button-tab:hover .hover {
        opacity: 1;
        transform: translateZ(0) scale(1, 1)
    }
}

.button-tab.-active::before {
    background-color: #1e1131
}

.button-tab.-active span {
    color: #d2a17d
}

.-a-to-top[data-scroll] {
    opacity: 0;
    transform: translate(0, 4rem);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: .15s
}

.-a-to-top.-inview[data-scroll] {
    transform: translateZ(0);
    opacity: 1;
    color: #adafbd
}

.-a-blur[data-scroll] {
    opacity: 0;
    transform: translateZ(0);
    filter: blur(2rem);
    transition: filter 3s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: .15s
}

.-a-blur.-inview[data-scroll] {
    filter: initial;
    opacity: 1
}

.icon img {
    height: auto
}

.icon-echinus {
    width: 4rem;
    height: 4rem;
    padding: .25rem;
    border: 1px solid rgba(210, 161, 125, .4);
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .icon-echinus {
        margin: .5rem;
        padding: .5rem
    }
}

.icon-echinus img {
    animation-name: leftTopIcon;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.icon-hourglass {
    width: 3rem;
    height: 3rem;
    border: 2px solid #d2a17d;
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .icon-hourglass {
        border: 3px solid #d2a17d
    }
}

.icon-hypno-eye {
    width: 3rem;
    height: 3rem;
 
    border-radius: 50%
}

.icon-sun-star {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border: 2px solid #d2a17d;
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .icon-sun-star {
        border: 1px solid #dbdde7
    }
}

.icon-sun-star::before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    border: 1px solid #dbdde7;
    border-radius: 50%
}

.icon-sun-star .star {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    animation-name: bottomRightIcon;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 3rem
}

.icon-sun-star .face {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.footer {
    background-size: contain;
    background-size: 17.85rem auto;
    margin-top: auto
}

@media only screen and (min-width:1024px) {
    .footer {
        padding-bottom: 0rem;
        background-color: #236b6b
    }
}

.footer__socials {
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding-top: 4rem;
    z-index: 10
}

@media only screen and (min-width:1024px) {
    .footer__socials {
        justify-content: space-between;
        width: 48.611%;
        padding-left: 2%;
        padding-right: 2%;
        margin: 0 auto
    }
}

@media only screen and (min-width:1920px) {
    .footer__socials {
        width: 31.944%
    }
}

.footer__socials a {
    display: inline-block;
    padding: 1.25rem;
    border: 1px solid #7b47c9;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.footer__socials a svg {
    width: 2.5rem;
    aspect-ratio: 1/1;
    fill: #e6f3e8
}

@media only screen and (min-width:1024px) {
    .footer__socials a {
        padding: initial;
        border: initial;
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .footer__socials a::before {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%
    }

    .footer__socials a::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #7b47c9;
        border-radius: 50%;
        transform: scale(1);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1)
    }

    .footer__socials a svg {
        position: absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 2rem;
        transform: scale(1) translateZ(0);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1);
        will-change: transform
    }
}

@media only screen and (min-width:1024px) {
    .footer__socials a {
        width: 22.85%
    }

    .footer__socials a:not(:last-child) {
        margin-right: 4rem
    }

    .footer__socials a::before {
        border-radius: 50%;
        background-color: #7b47c9;
        transform: scale(.25);
        opacity: 0;
        transition: transform .45s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
    }

    .footer__socials a svg {
        width: 2rem
    }

    .footer__socials a:hover::before {
        transform: scale(1);
        opacity: 1;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .15s cubic-bezier(.4, .1, 0, 1)
    }

    .footer__socials a:hover::after {
        transform: scale(.75);
        transition: transform .3s cubic-bezier(.4, .1, 0, 1)
    }

    .footer__socials a:hover svg {
        transform: scale(1.5) translateZ(0)
    }
}

.footer__nav {
    position: relative;
    z-index: 10;
    margin: 2rem 20% 3rem
}

@media only screen and (min-width:1024px) {
    .footer__nav {
        width: 48.611%;
        margin: 0 auto
    }
}

@media only screen and (min-width:1920px) {
    .footer__nav {
        width: 31.944%
    }
}

.footer__nav nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 1.5rem 0
}

@media only screen and (min-width:1024px) {
    .footer__nav nav {
        flex-wrap: initial;
        padding: 7% 0
    }
}

.footer__nav nav a {
    text-align: center
}

.footer__nav nav a.-m {
    width: 50%
}

@media only screen and (min-width:1024px) {
    .footer__nav nav a.-m {
        width: initial;
        margin-right: auto;
        margin-left: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .footer__nav nav a.-m:first-child {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .footer__nav nav a.-m:nth-child(2) {
        margin-right: 0
    }
}

.footer__nav nav a.-m:not(:first-child),
.footer__nav nav a.-m:not(:nth-child(2)) {
    margin-top: 1rem
}

@media only screen and (min-width:1024px) {

    .footer__nav nav a.-m:not(:first-child),
    .footer__nav nav a.-m:not(:nth-child(2)) {
        margin-top: 0
    }
}

.footer__nav nav a.-mm {
    margin-top: 1.5rem;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .footer__nav nav a.-mm {
        width: initial;
        margin-top: initial;
        margin-left: auto;
        margin-right: 2rem
    }
}

.footer__nav nav a.-mm:last-child {
    margin-top: 1rem
}

@media only screen and (min-width:1024px) {
    .footer__nav nav a.-mm:last-child {
        margin-top: initial;
        margin-left: 0;
        margin-right: 0
    }
}

.footer__nav .copyright {
    color: #a689d2;
    opacity: .4;
    text-align: center
}

.header {
    position: fixed;
    z-index: 100;
    width: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;
    transform: translateZ(0);
    will-change: transform
}

.header .header-inner {
    padding-top: 1.5rem;
    pointer-events: all
}

.header__logo {
    display: block;
    position: relative;
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
    pointer-events: all;
    transform: translateZ(0);
    will-change: transform
}

.header__logo::before {
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    left: 30%;
    width: 40%;
    height: 30%;
    border-radius: 50%;
    background-color: #7b47c9;
    box-shadow: 0 0 1rem 1.5rem #7b47c9;
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.header__logo svg {
    position: relative;
    fill: #e6f3e8;
    transform: translateZ(0);
    will-change: transform
}

.header__logo .logo-tt {
    width: 100%;
    aspect-ratio: 140/36;
    transform: translateZ(0);
    will-change: transform
}

.header__logo .logo-symbol-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    margin: .5rem auto 0;
    transform: translateZ(0);
    will-change: transform
}

.header__logo .logo-symbol {
    z-index: 102;
    aspect-ratio: 1/1
}

.header__logo .star {
    aspect-ratio: 1/1;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 3rem;
    fill: #a689d2;
    animation-name: logoRotate;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@media only screen and (min-width:1024px) {
    .header__logo:hover::before {
        opacity: .6
    }
}

.header .drop-menu {
    position: absolute;
    top: 7rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1rem;
    pointer-events: none;
    aspect-ratio: 1/1;
    fill: #e6f3e8;
    opacity: 0;
    transform: translate(0, -4rem);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 0s
}

.header__nav {
    display: none
}

@media only screen and (min-width:1024px) {
    .header__nav {
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        transition-delay: 0s
    }

    .header__nav .i {
        width: 6rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        pointer-events: all
    }

    .header__nav .i:nth-child(3):nth-last-child(3) {
        transform: translate(0, -.25rem)
    }

    .header__nav .i:first-child {
        transform: translate(0, 1rem)
    }

    .header__nav .i:last-child {
        transform: translate(0, 1rem)
    }

    .header__nav a {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .header__nav a::before {
        content: "";
        display: block;
        position: absolute;
        top: 35%;
        left: 30%;
        width: 40%;
        height: 30%;
        border-radius: 50%;
        background-color: #7b47c9;
        box-shadow: 0 0 1rem 1.5rem #7b47c9;
        opacity: 0;
        transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a .link {
        position: relative;
        text-align: center;
        white-space: nowrap
    }

    .header__nav a .icon {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem
    }

    .header__nav a .icon img {
        position: relative;
        pointer-events: none
    }

    .header__nav a .icon img:not(.base),
    .header__nav a .icon div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:1024px)and (min-width:1024px) {
    .header__nav a:hover::before {
        opacity: .6
    }
}

@media only screen and (min-width:1024px) {
    .header__nav a.usual .icon img.base {
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.usual .icon img.el {
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.5, 0, .2, 1.6)
    }

    .header__nav a.usual:hover .icon img.base {
        transform: rotate(-5deg) scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.usual:hover .icon img.el {
        transform: rotate(360deg) scale(1.2)
    }

    .header__nav a.love .icon .tail {
        clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0 100%)
    }

    .header__nav a.love .icon .arrowhead {
        clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
    }

    .header__nav a.love .icon .tail,
    .header__nav a.love .icon .arrowhead {
        transform: rotate(0deg);
        transition: transform .6s cubic-bezier(1, 0, .4, 1.4)
    }

    .header__nav a.love .icon .tail img,
    .header__nav a.love .icon .arrowhead img {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.love .icon img.base {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.love:hover .icon .tail,
    .header__nav a.love:hover .icon .arrowhead {
        transform: rotate(-15deg)
    }

    .header__nav a.love:hover .icon .tail img,
    .header__nav a.love:hover .icon .arrowhead img {
        transform: translate(5%, 0);
        transition: transform .6s cubic-bezier(.6, -2, .6, 1)
    }

    .header__nav a.love:hover .icon img.base {
        transform: scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.love:hover .icon img.el-b {
        animation-name: heart;
        animation-duration: 2.4s;
        animation-timing-function: cubic-bezier(.4, .1, 0, 1);
        animation-iteration-count: infinite
    }

    .header__nav a.three .icon img.base {
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.three .icon img.el-a {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.three .icon img.el-b {
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.three .icon img.el-c {
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.three .icon .shine {
        clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
    }

    .header__nav a.three .icon .shine img {
        transform: rotate(0deg) translateZ(0);
        transition: transform 3.2s cubic-bezier(.5, 0, .2, 1.6)
    }

    .header__nav a.three:hover .icon img.base {
        transform: rotate(-5deg) scale(.9);
        transition: transform 1.2s cubic-bezier(.5, 0, .2, 1.6)
    }

    .header__nav a.three:hover .icon img.el-a,
    .header__nav a.three:hover .icon img.el-b,
    .header__nav a.three:hover .icon img.el-c {
        transform: scale(1.2)
    }

    .header__nav a.three:hover .icon .shine img {
        transform: rotate(360deg)
    }

    .header__nav a.yesno .icon img.base {
        transform: scale(1) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.yesno .icon img.el-a {
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.72, 0, .12, 1.54);
        transform-origin: center 60%
    }

    .header__nav a.yesno .icon img.el-b {
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.72, 0, .12, 1.54);
        transform-origin: center 60%
    }

    .header__nav a.yesno:hover .icon img.base {
        transform: scale(1.2);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .header__nav a.yesno:hover .icon img.el-a {
        transform: rotate(-10deg)
    }

    .header__nav a.yesno:hover .icon img.el-b {
        transform: rotate(10deg)
    }

    .header__nav a.one .icon img.base {
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.23, 1, .32, 1)
    }

    .header__nav a.one .icon img.el-a {
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.23, 1, .32, 1)
    }

    .header__nav a.one .icon img.el-b {
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.23, 1, .32, 1)
    }

    .header__nav a.one:hover .icon img.base {
        transform: rotate(-120deg) scale(1.2)
    }

    .header__nav a.one:hover .icon img.el-a {
        transform: rotate(90deg) scale(1.2)
    }

    .header__nav a.one:hover .icon img.el-b {
        transform: rotate(180deg) scale(1.2)
    }
}

@media only screen and (min-width:1024px) {
    .header.-hidden-nav .drop-menu {
        opacity: .4;
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .6s
    }

    .header.-hidden-nav .header__nav {
        opacity: 0;
        transform: translate(0, -4rem);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .3s
    }

    .header.-hidden-nav .header__nav .i {
        pointer-events: none
    }
}

@media only screen and (min-width:1024px) {
    .header.-min nav .i .icon {
        display: none
    }
}

.m-menu-toggle {
    display: none
}

@media only screen and (max-width:1024px) {
    .m-menu-toggle {
        position: fixed;
        z-index: 110;
        top: 1.25rem;
        right: 1.5rem;
        display: block;
        width: 2.5rem;
        height: 2.5rem
    }

    .m-menu-toggle .open {
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        pointer-events: none
    }

    .m-menu-toggle .open::before,
    .m-menu-toggle .open::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #e6f3e8;
        transform: translateZ(0) scale(0, 1)
    }

    .m-menu-toggle .open::before {
        margin-top: -.5rem
    }

    .m-menu-toggle .open::after {
        margin-top: .5rem
    }

    .m-menu-toggle .open span {
        display: block;
        position: absolute;
        left: 50%;
        width: 3px;
        height: 3px;
        background-color: #e6f3e8;
        border-radius: 50%;
        transform: translateZ(0) scale(0, 0)
    }

    .m-menu-toggle .open span:first-child {
        margin-top: -.5rem
    }

    .m-menu-toggle .open span:last-child {
        margin-top: .5rem
    }

    .m-menu-toggle .close {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        pointer-events: none
    }

    .m-menu-toggle .close::before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        background-color: #e6f3e8;
        border-radius: 50%;
        transform: translateZ(0) scale(0)
    }

    .m-menu-toggle .close::after {
        content: "";
        display: block;
        position: absolute;
        top: 20%;
        left: 20%;
        width: 60%;
        height: 60%;
        background-color: #e6f3e8;
        clip-path: polygon(0% 0%, 50% 46%, 100% 0%, 54% 50%, 100% 100%, 50% 54%, 0% 100%, 46% 50%, 0% 0%);
        transform: translateZ(0) scale(0)
    }

    .m-menu-toggle .close span {
        display: block;
        position: absolute;
        width: 3px;
        height: 3px;
        background-color: #e6f3e8;
        border-radius: 50%;
        opacity: 0
    }

    .m-menu-toggle .close .top-left {
        top: 5px;
        left: 5px
    }

    .m-menu-toggle .close .top-right {
        top: 5px;
        right: 5px
    }

    .m-menu-toggle .close .bottom-left {
        bottom: 5px;
        left: 5px
    }

    .m-menu-toggle .close .bottom-right {
        bottom: 5px;
        right: 5px
    }

    .m-menu-toggle .open.-active {
        pointer-events: all
    }

    .m-menu-toggle .open.-active::before,
    .m-menu-toggle .open.-active::after {
        transform: translateZ(0) scale(1, 1);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1)
    }

    .m-menu-toggle .open.-active span {
        transform: translateZ(0) scale(1, 1);
        transition-delay: .6s
    }

    .m-menu-toggle .close.-active {
        pointer-events: all
    }

    .m-menu-toggle .close.-active::before {
        transform: translateZ(0) scale(1);
        transition: transform 1.5s cubic-bezier(.23, 1, .32, 1)
    }

    .m-menu-toggle .close.-active::after {
        transform: translateZ(0) scale(1);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1)
    }

    .m-menu-toggle .close.-active span {
        opacity: 1;
        transition: opacity .6s cubic-bezier(.23, 1, .32, 1)
    }

    .m-menu-toggle .close.-active .top-left {
        transition-delay: .15s
    }

    .m-menu-toggle .close.-active .top-right {
        transition-delay: .3s
    }

    .m-menu-toggle .close.-active .bottom-left {
        transition-delay: .45s
    }

    .m-menu-toggle .close.-active .bottom-right {
        transition-delay: .6s
    }
}

.m-menu-nav {
    display: none
}

@media only screen and (max-width:1024px) {
    .m-menu-nav {
        position: fixed;
        z-index: 95;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        pointer-events: none;
        opacity: 0
    }

    .m-menu-nav .overlay {
        display: block;
        position: absolute;
        z-index: 96;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1e1131;
        overflow: hidden;
        transform: translate(0, -100%)
    }

    .m-menu-nav .overlay::before,
    .m-menu-nav .overlay::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .m-menu-nav .overlay::before {
        background-image: linear-gradient(to top, #7B47C9 0%, #1E1131 100%);
        opacity: 0
    }

    .m-menu-nav .overlay::after {
        background: url(data:image/png;base64,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) repeat scroll rgba(0, 0, 0, 0);
        background-size: 4rem;
        background-position: top center
    }

    .m-menu-nav .m-language {
        position: absolute;
        top: 8rem;
        left: auto;
        right: auto;
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4rem;
        opacity: 0;
        transform: translate(0, 2rem)
    }

    .m-menu-nav .m-language::after {
        content: "";
        display: block;
        position: absolute;
        right: .5rem;
        pointer-events: none;
        margin-left: .2rem;
        border-top: .2rem solid #e6f3e8;
        border-left: .2rem solid rgba(0, 0, 0, 0);
        border-right: .2rem solid rgba(0, 0, 0, 0);
        border-bottom: .2rem solid rgba(0, 0, 0, 0);
        transform: translate(0, .1rem) rotate(0deg)
    }

    .m-menu-nav .m-language svg {
        position: absolute;
        left: .5rem;
        pointer-events: none;
        width: 1rem;
        fill: #e6f3e8;
        aspect-ratio: 1/1
    }

    .m-menu-nav .m-language select {
        flex-grow: 1;
        padding: .5rem 1.25rem .5rem 2rem !important;
        -webkit-appearance: none;
        box-shadow: none;
        border: none;
        border-radius: .25rem;
        padding: 0 .25rem;
        background-color: #42266c;
        display: flex;
        color: #a689d2
    }

    .m-menu-nav .m-nav {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 96;
        margin-top: 8rem
    }

    .m-menu-nav .m-nav a {
        display: block;
        margin: .25rem 0;
        opacity: 0;
        transform: translate(0, 2rem)
    }

    .m-menu-nav .socials {
        position: relative;
        z-index: 96;
        display: flex;
        justify-content: space-around;
        width: 100%
    }

    .m-menu-nav .socials a {
        display: inline-block;
        padding: 1.25rem;
        border: 1px solid #7b47c9;
        border-radius: 50%;
        opacity: 0;
        transform: scale(.5)
    }

    .m-menu-nav .socials a svg {
        width: 2.5rem;
        aspect-ratio: 1/1;
        fill: #e6f3e8
    }

    .m-menu-nav footer {
        width: 50%;
        position: relative;
        z-index: 96;
        display: flex;
        justify-content: space-between;
        margin: 2rem 25% 3rem;
        opacity: 0;
        transform: translate(0, 2rem)
    }

    .m-menu-nav footer a {
        color: #e6f3e8
    }

    .m-menu-nav.-show {
        opacity: 1;
        pointer-events: all
    }

    .m-menu-nav.-show .overlay {
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .m-menu-nav.-show .overlay::before {
        opacity: 1;
        transition: opacity 1.5s cubic-bezier(.4, .1, 0, 1)
    }

    .m-menu-nav.-show .m-language {
        opacity: 1;
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.4, .1, 0, 1)
    }

    .m-menu-nav.-show .m-nav a {
        opacity: 1;
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.4, .1, 0, 1)
    }

    .m-menu-nav.-show .m-nav a:nth-child(1) {
        transition-delay: .15s
    }

    .m-menu-nav.-show .m-nav a:nth-child(2) {
        transition-delay: .3s
    }

    .m-menu-nav.-show .m-nav a:nth-child(3) {
        transition-delay: .45s
    }

    .m-menu-nav.-show .m-nav a:nth-child(4) {
        transition-delay: .6s
    }

    .m-menu-nav.-show .m-nav a:nth-child(5) {
        transition-delay: .75s
    }

    .m-menu-nav.-show .socials a {
        opacity: 1;
        transform: scale(1);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.4, .1, 0, 1)
    }

    .m-menu-nav.-show .socials a:nth-child(1) {
        transition-delay: .6s
    }

    .m-menu-nav.-show .socials a:nth-child(2) {
        transition-delay: .75s
    }

    .m-menu-nav.-show .socials a:nth-child(3) {
        transition-delay: .9s
    }

    .m-menu-nav.-show footer {
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        transition-delay: 1.05s
    }
}

.container .page .header-lights {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -50%;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0, -60%);
    width: 200%;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .container .page .header-lights {
        width: 60%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.container .page .header-lights .lights-a img {
    display: block;
    width: 100%;
    animation-name: lightsOp;
    animation-duration: 3.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.container .page .header-lights .lights-a::before {
    content: "";
    display: block;
    width: 100%;
    transform: translateY(-50%);
    animation-name: lightsOp;
    animation-duration: 3.6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.container .page .header-lights .lights-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.container .page .header-lights .lights-b img {
    display: block;
    width: 100%;
    animation-name: lightsOp;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.container .page .header-lights .lights-b::before {
    content: "";
    display: block;
    width: 100%;
    transform: translateY(-50%);
    animation-name: lightsOp;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.dynamic-stars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.home-page {
    min-height: 600px
}

.home-page .welcome {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    margin-top: 10vh;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA0gAAAMuCAYAAAAjSiOcAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAADSKADAAQAAAABAAADLgAAAADqUWvOAAA4m0lEQVR4Ae3dPYskxxkA4Jvhso6VXKJf4Gj+gDNHFzgwGAUOZLSKLWFQ5jPGDmxZDoyDlZEDZ0J2ImGDMoHAyHCKBHZozgYh2GzmOhOUq4UO3a725np6urrr4xE0up3pqnrf5+2d7eqvuXPHfwQIECBAgACBzAT6vg+ZhSQcAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgRaEOj7PgxLC7nKkQABAgSmCWynNdOKAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQKFHADeglVk3MBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQmCBwOBweTGimCQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQWE+g7/uw3uhGJkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBJ4t0Pd9ePa73iFAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBzAVcBpZ5gYRHgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgSqEej7PlSTjEQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEChfoO/7MCzlZyIDAgQIECDwjcD2m3/6FwECBAgQIECAAAECBAgQIECAAAECBBILOOOWGFj3BAgQmEnAGaSZIHVDgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAtcFPN73uoefCBAgQIAAAQIECBAgQIAAAQIECBCYKOBg40Q4zQgQWF/AB9j6NRABAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGAQiN8r9ZAEAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLVCcRLhUN1SUmIAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgEHBpiO2AAAECBAgQIECAAAECBAgQIFCQgIM5BRVLqAQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMAxAY9dPqbjPQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCoVSBchjAsteYnLwIECBAYJ7Adt5q1CBAgQIAAAQIECBAgQIBABQKeOlZBEaXQvMDh1yEMS/MQAAgQIECAQGIBZ5ASA+fQfdd1m6fjMGF6WsO/CRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAtQIpvqIgRZ/VFkBiBAgQIECAAAECBAgQIECAAAECBAgQIECAQGMCqc+kpO6/sXJJlwABAgQIECBAgACBWgVMnmqtrLxKFPD7WGLVxEyAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAg8Q8ClEM+A8TIBAtUJ+LyrrqQSIkCAwDQBfxCmuWlFgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAukFfOdeemMjECBAgAABAgQIEPhKwM63DYEAAQIECBAgQIAAAQIECBAgsJLA1dXVvZWGNuyJAg6inQhmdQItCvigaLHqciZAgAABAgQIECBAgAABAgQIJBBwoCkBqi6LF/B7UXwJJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIGxAh5JO1bKegQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgROF3D/zulmWhAgQIAAAQIECBAgQGCUgAnXKCYrESBAgAABAgQIECBAgMAYAZPMMUrWIUCAAAECBFYTGHZW7LCsxm9gAgQIECCQtUDcR9hlHaDgCBAgMLeACdLcovojME7ATsc4pznX8nk3p6a+ShcYfh9Kz0H8BAgQIECAAAECZwiYIJ2BpykBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQINCQQn+B32VC6UiVAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIpBGID3EIaXrWKwECBAgQIECAAAECBAgQqFjAhLri4kqNAAECBAgQIECAAIHjAo8fP/7g+BreJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIFSBNw0W0qlxElgfgG///Ob6pEAAQIECBQhYCfg9DIxO91syRZDfdRoSXFjESBAgAABAgQIECCQrcDYCZJJVLYlFBgBAgQIECBAgEDuAmN3unPPY834ouFu7vFNcuYW1d8cArbLORT1QYAAAQIECGQtYIKUdXkER4AAAQIECBAgQIBAyQImXPlUL/XR/tT95yMpEgIECBAgQIDAEQE7RUdwvHXHBGnZjcDv47LeRiNAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAIAuBeOnUZRaBCIIAAQKJBVwqmhhY9wQIECBAgAABAgQIECBQh4AJdB11lAUBAgQIECBwi4AdnVtQvESAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAjMKTBcruiSxTlF9UWAwFSB7dSG2hEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBA4X8CldOcb6oEAAQIECBAgkFzATltyYgMQIECAAAECBAgQIECAwFwCcRL7cK6+9EOAAAECBIoQePz48QdFBCpIAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIELghEC93urzxkh8JECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAII2AR8SncdUrAQIECBAgQIBAIwJxhzo0kqo0CRAgQIAAAQIECBAgULaACVzZ9RM9AQIECBAgQIAAAQJnCJgQnYGnKQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIEsBOJZv10WgQiCAAECBAgQIECAAIHzBPb7/f3zetC6NQGXgbZWcfkSIECAAAECBAgQIEAgAwGT0QyKIAQCBAgsJXA4HB4sNZZxCBAgQIBALQImTbVUUh4ECBAgcFTg32+GMCxHV/ImAQIECBAgQIBAsQLbYiMXOAECBAgQIECAAAECBAgQIECAAAECBOYQ+PKtEIZljr70QYAAgVoEnEGqpZLyIECAQIYC7sPIsChCSiLw7m/+FYYlSec6JUBgUYG7i45mMAIECBBoSqDruk1TCReW7N3XNupTWM2ES4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLFCLjPrJhSCZQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECMwmsN/v78/WmY4IECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAs0IfPTuf8OwNJNwI4luG8lTmgQIEGhOwOOXmyu5hAkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQyFsgXta1yztC0REgkErgcDg8SNW3fgkQIECAAAECBAgQIJClQDwQcpFlYBkH5Z7AjIsjNAIECBAgQIDAWgJz7CTO0cda+RuXAAECBAgQIECgQAE7oAUWTcgECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgRkE4vdYXczQjS4IECBAgAABAgQIECBA4DYBXx58m4rXCBAgQIAAgSwF7LhkWRZBESBAgAABAgQIECBAgAABAgQIECBA4LqAg7nXPfxEgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEJhBwCUZMyDqggABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBbAh5z3la9ZUuAAAECBAgQIECAAAECBCYJ5HoA4cu3QhiWSUlpRIBAFgLbLKIQBAECBAgQIEDgBIGu6zYnrG5VAgQIECBAgAABAgQI5C/gjEv+NRIhgdYEnEFqreLyJUCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAisLhAfqrBbPQgBECBAgAABAgQIECDQhkCuT3VrQ1+WBAgQIECAAAECRQnYeS6qXLMEq+azMOqEAAECBAgQIECAAAEC5QqYGJZbO5ETIECAAAECBAgQWFzABGJxcgMSIECAAAECBOoXsJNZf41lSIAAAQIECBAgULiAnfbCCyh8AgQIECBAgAABAgSmCZgMTXPTigABAmsJ+NxeS964BAgsJuCDbjFqAxEoViB8/V+xCQicAAECBAgQIEBgWYEP//QoDMuyoxqNwDICJkjLOBuFAAECBAjMJXB3ro70Q4AAAQLfFtjE/779qlcIECBAYG2B374Svjo4+/offU6vXYvcxjdByq0iDcbzvZdftAPZYN2lTGCqQLy8edd13adT22tHgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECDQtsDV1dW9tgVkPwj4GgbbAQECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIHCOgHsTztErp+0n738RhqWciEVKgAABAgQI5CCwzSEIMRBYUiB+waQvpl0S3FgECGQvMBw4cvAo+zIJkAABAgQIEEgpYIcopa6+CZQl4POgrHqJlgABAgQIEEggYIcoAaoumxHY7/f3m0lWogQIECBAgAABAgQIECBAgAABAgQIECBAYHUB90GsXgIBECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAukF4iWTu/SjGIEAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgXIFwmUIw1JuBiInQKB2gW3tCcqPAIF6BDzhrp5ayoQAAQIECBAgQIAAAQIECBA4QcBBkROwrEqAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwMwCnog2M6juCBAgQIAAAQIECKQS+NvlozAsqfof068JxBgl6xAgQODZAvFz9PLZ73qnFAFfFFtKpcR55+rq6h4GAjkLlD7B6Lpuk7Ov2AgQIJC7QPwcfTX3GMV3XKD0v+XHs/MuAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAeQKeiFFezURMgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEFhDwH2pa6gbkwABAgQIECCwooAdwBXxDT2bwLAd25Zn49QRAQIEihDYFhGlIAkQKE6g67pNcUELmAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEFhFwM2t57MzPN9QDwQIECBAgAABAgQIECBAgAABAgQIEKhKwIHjqsopGQIECBAgQKBUATtleVUu/D6EYckrKtEQIFCDgMd811BFORBYUSDuNF6uOLyhCSwm4NH1i1EbiAABAgQIEChNwJHk0io2PV61nm6nJQEC5wsMn0E+h8531AMBAgQIECBAgACBqgVamTSYIFW9GUuOAAECBAgQIECAAAECBAgQIECAwJkCV1dX987sQnMCBAgQaEiglTNsDZVUqgQIECBAgAABAgQIECAwRcAEeYqaNgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECCwhoBr4NdQNyYBAgQIECBAgAABAgQIECBAgAABAgQIECCQj4Avc8ynFiIhQIAAAQLnCGzPaawtAQIECLQr4BK6dmsvcwIECBAgQIAAAQIECBAgMErgo/cehWEZtbKVCBDITsAZpOxKIiACBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECOQq41zDHqoiJAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECWQj4jrMsyiAIAosKeIrdotwGI0CAAAECBAgQIECAAAECBAgQIECAwC0C8QzNxS0ve4kAAQIECBAgUKeAJyDVWVdZESBAgAABAgQIECBAgACB1QQcbFiN3sAECBAgQIAAgWkCduCmuWlFgACBFAI+k1Oo6pMAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAKAGX74xislIUiNvK5dwQH733KAzL3P3qjwABAr4HyTZAgMDiAnasFydPMmDXdZskHWfU6ZdvhTAsGYVUZChxW3m1yMAFTYBAkwJ3m8xa0gQIrCrQwo71qsAGJ9CAwHd/8GL1E/QGyihFAkkF/vzzz746wPWjn33npM8LE6SkZdE5gToFhjNAJjl11lZW1wXuvrY56Y/q9dZ+IkCAAAECBAgQIECAAAECCwm4XHchaMMQIECAAAECBAgQIJBOwMQmna2eCRAgQKBgAX8gCy6e0AkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIFC1QDyjPfv39FQNJjkCBAjULBD/KOxqzk9uBAgQIECgdoH9fn+/9hzlR4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkKmA7+fJtDDCIkCAAAECBAgQIECAAAECBNYXcOBk/RqIgAABAi0LeFply9WXOwECiwrY8V+U22AECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQLFCgxn1pxdK7Z8AidAgAABApMFtpNbakiAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEBgXgH3tszrqTcCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQKFYgXmJ/UWzwmQTuNoVMCiGM6QI24ul2WtYh8M8fhzAsdWQjCwIECBAgUL+A70Gqv8arZth13WbVAAxOgAABAgQIECBA4ASBuyesa1UCBAgQGCnw5OxpPEbgIMFIM6sRIECAAIEcBJxByqEKYiDwtcCTnWogBAgQIEDgXIH4N8X9Luciak+AAAECBOYSMNmbS1I/BAgQIECAAAECBAgQIECAAAECBAgQIECAQDkCh8PhQTnRipQAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgfkE3E81n6WeCBAgQIAAAQIECBAgQIAAgcoFHEipvMDSI0CAAAECBAgQIECAAAECBAgQIECAAIECBOLR+l0BYQqRAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIG8BTxIJO/6iI4AgQIFfvFSCMNSYOhCJkCAAAECBAiMFtiOXtOKBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwEoCrhVfCd6wBAgQIECAAAECBAgQyFXARDHXyoiLAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBFIK/P2HIQxLyjH0TYDANAHfgzTNTSsCBDITcDN/ZgURDoFEAn7XE8HqlgABAgQIEKhbILedqBjPRd3i62aXW73X1Ugz+k+/H8KwpOldrwQIEMhHwBmkfGohkoIE7IzlX6yu6zY5RRnjeTuneGqLJbd61+abez7xM/ky9xjFR4AAAQIECBAgQIAAAQKFCQwHAB0ELKxowp1dwBmk2Ul1SIAAAQIECBAgQIAAAQIECBAgQCATgXgEfJdJKMIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECIwVWOohAHEcj9cfWxTrESBAgAABAukEUt3/Ed4IYVjSRa5nAgQIECBAoHUBT7FrfQuQP4EEAvE7aT6do9uljjLPEas+CBAgQIAAAQIECBAgQIAAAQIECMwu4ADZ7KQ6JECAAAECBAgQIECAAAECBAgQIEAgOwFHQrMriYAIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIEGhQwL1eDRZdygQIECBAgAABAgQI5ClggpZnXURFgAABAgQIECBAgAABAgQIEHiugAM7zyWyAgECBAgQIFCrgB2hWisrLwIECBAgQIAAAQIECCQSMJFMBKtbAgQIECBAgACBNgTeeT2EYWkjW1kSIECgfoFt/SnKkACBFgWGo8COBOdZebXJsy6iIkCAAAECBAgQqFjg6Z1wE6W8Cv10bfKKTDQECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIFCMTLUS8KCFOIBAgQIPC0gHs7ntbwbwIECBAgQIAAAQIECBAg0ICAgwENFFmKBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiULOAyr5KrJ3YCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIDBG4HA4PBiznnUIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgMDqAsMj9Ft4jP5+v7+/OrYACBAgQIAAAQJLCNjxWULZGLUKtDJBqrV+8iJAgAABAgQIECBAgEDRAuHr/4pOQvAECFQpsK0yK0kRIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECSwm08HSjpSyNQ4AAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgcFwg3tu6O76GdwkQIECAAAECBAgQqF7AQ2+qL7EECRAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIEThL45Uv/CMNyUiMrEyBAgMBiAtvFRjIQAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAIwIevtFIoaVJgAABAgQIECAwTsAO8jinWtZS71oqKQ8CBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAiUJeD+trLqJVoCBAgQIEAgCtiBsRkQIECAAAECBAgQIECAAAECBAgQIECAAAEC6wjEsxQX64xsVAIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIE2hNwH1V7NZcxAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAVgJhH8KwZBWUYAgQKFbAZYHFlk7gBAgQIECAwCBggmQ7IECAAAECBAgQIECAAAECBAgQWERgOKvmzNoi1AYh0IzAtplMJUqAAAECBAgQIECAAAECBAgQIEDgpsAn738RhuXm61N/vrq6uje17SntnCk4Rcu6BAgQIDBFwBmkKWraECBAIDOBtScOL7zwwudLkHRdt1liHGMQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEC5wrEpyU+PLcP7QkQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECrQvEezTCsLTuIH8CBAisJRA/g3drjW1cAgQIECBA4IaACdINED+OFgi/C2FYRjc4ccW4bV6c2MTqBAgQaFJg22TWkiZAYLJAeCPuxMVlcgeVN+y6bjMslafZRHq1nQmM2+XbTRROkgQIEDhT4O6Z7TUnQIAAAQJVCiw90d38ZGNiXeWWJCkCBAgQIECAAAECZwh8/Nf/hWE5owtNCWQl4J6YrMohGALPFXCJ3XOJrECAAAECBAgQmC4Qz0Z+Or21lgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBYgV+9XIIw1JsAgInQIAAgdECvgdpNJUVCRAgQIAAAQIECBAgQIAAAQIECBBILvDmKyEMS/KBDECAAAECRwWcQTrK481jAn3f+0N+DMh7BAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwAICnpC4ALIhCBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIBAhgLuMcywKEIiQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCoRsD9O9WUUiIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgTEC8XKR3Zj1rEOAAAECBAgQIECAAAECBAgQIDBRwP061+F4XPfwEwECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECdz7+y+dhWFAQIECAAAECBMYIbMesZB0CBAgQaEsg3q/ysK2MZUuAAAECBAgQIECAQPMCzrA1vwkAIECAAIEbAs4g3QDxIwECBAgQIECAAAECBAgQIECAAAECFQh4nHcFRZQCAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAxgXhPzEVjKUuXAAECBAgQIECAAAECBAgQIECgBgEPe6mhinIgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQOBWATdU38riRQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkFJguHzPJXwphfVNgEBuAtvcAhIPAQIECBAgQIAAAQIECBAgQIAAgVUEnB1Yhd2gBAgQIECAAAECBAgQINCygMl4y9WXOwECBAgQIEAgY4G4o7rLODyhESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgECuAn3fh1xjExcBAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgEBTAsOlLC5naark1SVr+62upBIicJbA9qzWGhMgQIAAAQIEChfoum5TeArCJ0CAAAECBFoS+OAP/wnD0lLOciVAgAABAgTWEXAGaR13oxIgQIAAgeYFXNrW/CYAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIzCIQ71F4OEtHOiFAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgECmAr7rJdPCCIsAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIDAjALuI5oRU1cECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoWsAT7pouv+QJECBAgAABAgQIEHgiECdHl0/+7f8ECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgkE7Awy7S2eqZAAECBAiMEvDHeBSTlQgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwBICLvNfQtkYBAgQIECAAAECBAgQIECAAAECBAgQyEHAEeEcqiAGAgQIECBAgAABAgQIVChgwllhUaVEgAABAgQIECBAgACBXARMOnOphDgIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQnIBL0IormYAJECBAgAABAu0JHA6HB+1lLWMCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAIHiBD5851EYluICFzABAgQIEFhIYLvQOIYhQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgUKpA3/fuTSm1eOImQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQCBPgb7vQ56RiYoAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCYRSA+XOBylo50QoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBoSCDek7FrKF2pEiBAgAABAgQIrCXgm8bXkjcuAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBC4TcCZ/NtUvEaAAAECBAgQIECgAIG4M39RQJhCJECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAwMwCfd+HmbvUHQECBAgQIECgDgE7SnXUURYECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgcLuA++hud/EqAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBBILtD3fUg+iAEIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgSqE/C9F9WVVEIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQGBdAQ8zWNff6AQIECBAgAABAgQIECBAgMCKAg6MrIhvaAIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQKAJgXj/xq6JRCVJgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBQv0Df97v6s5QhAQIECJwi8H8y0/k2yhUVnQAAAABJRU5ErkJggg==) no-repeat scroll rgba(0, 0, 0, 0);
    background-position: center;
    background-size: contain
}

@media only screen and (min-width:1024px) {
    .home-page .welcome {
        margin-top: initial;
        min-height: 600px;
        height: 90vh
    }
}

.home-page .welcome__decorative-ex {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    opacity: .4;
    pointer-events: none
}

.home-page .welcome__decorative-ex .decorative-ex-line {
    position: absolute;
    background: linear-gradient(90deg, rgba(166, 137, 210, 0) 0%, rgba(166, 137, 210, .4) 15%, rgba(166, 137, 210, 0) 50%, rgba(166, 137, 210, .4) 85%, rgba(166, 137, 210, 0) 100%);
    left: 50%;
    top: 50%
}

.home-page .welcome__decorative-ex .decorative-ex-line:nth-child(1) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 100vw
}

.home-page .welcome__decorative-ex .decorative-ex-line:nth-child(2) {
    left: 50%;
    transform: translate(-50%, -50%) rotate(30deg)
}

.home-page .welcome__decorative-ex .decorative-ex-line:nth-child(3) {
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg)
}

.home-page .welcome__decorative-star {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60%;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__decorative-star {
        height: 100%
    }
}

.home-page .welcome__decorative-star .star-wrap {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    justify-content: center;
    width: .12rem;
    height: 100%
}

.home-page .welcome__decorative-star .star-wrap.-rotate {
    opacity: .2;
    animation-name: homeStarRotate;
    animation-duration: 128s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.home-page .welcome__decorative-star .diamond {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: #a689d2;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.home-page .welcome__decorative-star .diamond:last-child {
    transform: rotate(90deg)
}

.home-page .welcome__bottom-border {
    position: absolute;
    bottom: 1rem;
    width: 4rem;
    height: 40%;
    opacity: .4;
    z-index: 11;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__bottom-border {
        width: 12.5%
    }
}

.home-page .welcome__bottom-border.left {
    left: 2rem;
    border-bottom-left-radius: 2rem;
    border-left: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__bottom-border.left {
        left: 8.3333%
    }
}

.home-page .welcome__bottom-border.right {
    right: 2rem;
    border-bottom-right-radius: 2rem;
    border-right: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__bottom-border.right {
        right: 8.3333%
    }
}

.home-page .welcome__moons {
    position: absolute;
    top: 50%;
    left: 2rem;
    right: 2rem;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__moons {
        left: 8.3333%;
        right: 8.3333%
    }
}

.home-page .welcome__moons .moon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    border: 1px solid rgba(210, 161, 122, .4);
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(-20deg) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__moons .moon {
        width: 4rem
    }
}

.home-page .welcome__moons .moon::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.home-page .welcome__moons .moon:first-child {
    margin-left: -1.5rem;
    transform: rotate(-170deg) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__moons .moon:first-child {
        margin-left: -2rem
    }
}

.home-page .welcome__moons .moon:last-child {
    margin-right: -1.5rem
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__moons .moon:last-child {
        margin-right: -2rem
    }
}

.home-page .welcome__moons .moon-bg {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: #1e1131;
    animation-name: moonBg;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end)
}

.home-page .welcome__moons .moon-side {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0%;
    width: 50%;
    height: 100%;
    background-color: #d2a17d;
    animation-name: moonSide;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end)
}

.home-page .welcome__moons .moon-shade {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: #d2a17d;
    border-radius: 50%;
    animation-name: moonShade;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.home-page .welcome__decorative-big-circle {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    max-width: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

.home-page .welcome__decorative-big-circle::before {
    content: "";
    display: block;
    width: 60%;
    padding: 30% 0;
    border: 1px solid #7b47c9;
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__decorative-big-circle::before {
        width: 72%;
        padding: 36% 0
    }
}

.home-page .welcome__top-icons {
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 1rem;
    left: 2rem;
    right: 2rem;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__top-icons {
        left: 8.3333%;
        right: 8.3333%
    }
}

.home-page .welcome__top-icons .left {
    margin: 1rem;
    opacity: 0;
    transform: scale(.5);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.23, 1, .32, 1);
    transition-delay: 1.5s
}

.home-page .welcome__top-icons .left.-inview {
    opacity: 1;
    transform: scale(1)
}

.home-page .welcome__top-icons .right {
    margin: 1rem;
    opacity: 0;
    transform: scale(.5);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.23, 1, .32, 1);
    transition-delay: 1.2s
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__top-icons .right {
        margin: .5rem
    }
}

.home-page .welcome__top-icons .right.-inview {
    opacity: 1;
    transform: scale(1)
}

.home-page .welcome__bottom-icons {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 1rem;
    left: 2rem;
    right: 2rem;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__bottom-icons {
        left: 8.3333%;
        right: 8.3333%
    }
}

.home-page .welcome__bottom-icons .left {
    margin: 1rem;
    opacity: 0;
    transform: scale(.5);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.23, 1, .32, 1);
    transition-delay: .6s
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__bottom-icons .left {
        margin: .5rem
    }
}

.home-page .welcome__bottom-icons .left.-inview {
    opacity: 1;
    transform: scale(1)
}

.home-page .welcome__bottom-icons .right {
    margin: 1rem;
    opacity: 0;
    transform: scale(.5);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.23, 1, .32, 1);
    transition-delay: .9s
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__bottom-icons .right {
        margin: .5rem;
        border: 3px solid #d2a17d
    }
}

.home-page .welcome__bottom-icons .right.-inview {
    opacity: 1;
    transform: scale(1)
}

.home-page .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 .welcome__lights-container::after {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 60%;
    padding: 30% 0;
    border-radius: 50%;
    background-image: radial-gradient(circle at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, .98) 4%, rgba(254, 254, 254, .95) 8%, rgba(254, 254, 254, .88) 12%, rgba(253, 253, 253, .8) 15%, rgba(252, 252, 252, .71) 19%, rgba(251, 251, 251, .61) 22%, rgba(250, 250, 250, .5) 25%, rgba(249, 249, 249, .39) 28%, rgba(248, 248, 248, .29) 31%, rgba(247, 247, 247, .2) 35%, rgba(246, 246, 246, .12) 38%, rgba(246, 246, 246, .05) 42%, rgba(245, 245, 245, .02) 46%, rgba(245, 245, 245, 0) 50%)
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__lights-container::after {
        width: 24%;
        padding: 12% 0
    }
}

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

@media only screen and (min-width:1024px) {
    .home-page .welcome__lights-container .lights {
        width: 60%
    }
}

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

.home-page .welcome__lights-container .lights-a::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background: url(../images/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;
    animation-delay: 0
}

.home-page .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;
    animation-delay: 0
}

.home-page .welcome__lights-container .lights-b::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background: url(https://tarotoo.com/wp-content/themes/tarotootheme/assets/images/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;
    animation-delay: 0
}

.home-page .welcome__card-loader {
    position: absolute;
    z-index: 3;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 90vw;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 3.6s cubic-bezier(.23, 1, .32, 1), opacity 2.1s ease-in;
    transform: scale(.5);
    opacity: 0
}

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

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

.home-page .welcome__card-loader.-loaded .the-card {
    animation-name: cardRotateZ;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.home-page .welcome__card-container {
    position: absolute;
    z-index: 3;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 30%;
    min-width: 8rem;
    animation-name: cardRotate;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1);
    perspective: 1200px
}

@media only screen and (min-width:1024px) {
    .home-page .welcome__card-container {
        width: 11.1%;
        max-width: 8rem
    }
}

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

.home-page .welcome__card-container .the-card *::selection {
    background-color: #a689d2
}

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

.home-page .welcome__card-container .the-card__front::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.9%;
    bottom: 1.9%;
    left: 3.125%;
    right: 3.125%;
    background-image: linear-gradient(to right bottom, #D2A17D 20%, #49432E 70%, #D2A17D 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    border-radius: .25rem;
    opacity: .2
}

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

.home-page .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, .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(.5, 0, .5, 1)
}

.home-page .welcome__card-container .the-card__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #786398;
    border-radius: .35rem;
    overflow: hidden
}

.home-page .welcome__card-container .the-card__border:nth-child(2) {
    transform: rotateX(0) rotateY(0deg) scale(1) translateZ(.1px)
}

.home-page .welcome__card-container .the-card__border:nth-child(3) {
    transform: rotateX(0) rotateY(0deg) scale(1) translateZ(1.1px)
}

.home-page .welcome__card-container .the-card__border:nth-child(4) {
    transform: rotateX(0) rotateY(0deg) scale(1) translateZ(2.1px)
}

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

.home-page .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, .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(.5, 0, .5, 1)
}

.home-page .welcome__title-container {
    position: relative;
    z-index: 4;
    margin-top: auto;
    margin-bottom: 4%;
    bottom: 1rem;
    display: inline-block;
    text-align: center
}

.home-page .welcome__title-container *::selection {
    background-color: #a689d2
}

.home-page .welcome__title-container .title-line:nth-child(1) {
    opacity: 0;
    transform: translate(0, 4rem) skew(0deg, 6deg) translateZ(0);
    transition-delay: .3s;
    transition: transform 1.5s cubic-bezier(.4, .1, 0, 1), opacity 1.5s cubic-bezier(.4, .1, 0, 1)
}

.home-page .welcome__title-container .title-line:nth-child(2) {
    opacity: 0;
    transform: translate(0, 4rem) skew(0deg, 6deg) translateZ(0);
    transition-delay: .3s;
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1)
}

.home-page .welcome__title-container .title-line:nth-child(3) {
    opacity: 0;
    transform: translate(0, 4rem) skew(0deg, 6deg) translateZ(0);
    transition-delay: .3s;
    transition: transform 2.7s cubic-bezier(.4, .1, 0, 1), opacity 2.7s cubic-bezier(.4, .1, 0, 1)
}

.home-page .welcome__title-container .title-line.-inview:nth-child(1) {
    opacity: 1;
    transform: translate(0, 0rem) skew(0deg, 0deg)
}

.home-page .welcome__title-container .title-line.-inview:nth-child(2) {
    opacity: 1;
    transform: translate(0, 0rem) skew(0deg, 0deg)
}

.home-page .welcome__title-container .title-line.-inview:nth-child(3) {
    opacity: 1;
    transform: translate(0, 0rem) skew(0deg, 0deg)
}

.home-page .welcome__title-container .bottom-arrow {
    width: 2rem;
    height: 2rem;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transform: translate(0, 4rem);
    transition-delay: .3s;
    transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1)
}

.home-page .welcome__title-container .bottom-arrow.-inview {
    opacity: 1;
    transform: translateZ(0)
}

.home-page .categories {
    position: relative;
    z-index: 10;
    min-height: 20rem;
    margin-top: 1rem
}

@media only screen and (min-width:1024px) {
    .home-page .categories {
        overflow: initial;
        top: -2rem;
        width: 65.277%;
        margin-top: initial;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:1920px) {
    .home-page .categories {
        width: 48.611%
    }
}

.home-page .categories__navigation {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .home-page .categories__navigation {
        display: none
    }
}

.home-page .categories__navigation .nav-i {
    color: #a689d2;
    opacity: .4;
    transition: opacity .6s cubic-bezier(.23, 1, .32, 1);
    width: 33.333%;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer
}

.home-page .categories__navigation .nav-i.-selected {
    opacity: 1
}

.home-page .categories__navigation .nav-i-dot {
    position: relative;
    width: .4rem;
    height: .4rem;
    padding: 1rem;
    margin: 0 .5rem;
    opacity: .4;
    transition: opacity .6s cubic-bezier(.23, 1, .32, 1)
}

.home-page .categories__navigation .nav-i-dot .dot {
    position: relative;
    width: .4rem;
    height: .4rem
}

.home-page .categories__navigation .nav-i-dot .dot:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #a689d2
}

.home-page .categories__navigation .nav-i-dot.-selected {
    opacity: 1
}

.home-page .categories__list {
    position: relative
}

@media only screen and (max-width:1024px) {
    .home-page .categories__list {
        padding: 0 18%;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

.home-page .categories__list .m-slider-wrap {
    -webkit-user-drag: auto;
    touch-action: none
}

@media only screen and (max-width:1024px) {
    .home-page .categories__list .m-slider-wrap {
        display: inline-flex;
        scrollbar-width: none;
        transform: translateX(0);
        transition: transform .3s ease-out;
        will-change: transform;
        white-space: nowrap
    }
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .m-slider-wrap {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        width: initial;
        left: initial;
        margin-bottom: -1rem
    }
}

@media only screen and (max-width:1024px) {
    .home-page .categories__list .m-slide {
        width: 64vw;
        display: inline-flex;
        justify-content: center;
        align-items: flex-start
    }
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .m-slide {
        display: flex;
        justify-content: center;
        width: 33.33333%;
        margin-bottom: 1rem
    }

    .home-page .categories__list .m-slide:nth-child(2) {
        margin-top: -1rem
    }
}

@media only screen and (max-width:1024px) {
    .home-page .categories__list .m-slide-inner {
        width: 12rem;
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .m-slide-inner.-prev {
        pointer-events: none;
        transform: rotate(-5deg) translate(0, 2rem)
    }

    .home-page .categories__list .m-slide-inner.-next {
        pointer-events: none;
        transform: rotate(5deg) translate(0, 2rem)
    }
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .m-slide-inner {
        width: 85%;
        max-width: 13rem
    }
}

.home-page .categories__list .card-wrapper {
    position: relative;
    display: block;
    transform: translateZ(0);
    transition: transform 2.1s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (max-width:1024px) {
    .home-page .categories__list .card-wrapper {
        pointer-events: none
    }
}

.home-page .categories__list .card-wrapper *::selection {
    background-color: #a689d2
}

.home-page .categories__list .card-wrapper .card-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2.1s cubic-bezier(.23, 1, .32, 1);
    border-radius: 4rem;
    --c-shadow--rgb: 123, 71, 201;
    box-shadow: 0 1rem 2rem 0 rgba(var(--c-shadow--rgb), 1), 0 3rem 3rem 0 rgba(var(--c-shadow--rgb), .5)
}

.home-page .categories__list .card-wrapper .card {
    position: relative;
    background: #120b1c;
    border-radius: 3.2rem 1.6rem;
    overflow: hidden;
    transform: translateZ(0)
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .card-wrapper .card {
        border-radius: 4rem 2rem
    }
}

.home-page .categories__list .card-wrapper .card__title-container {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 1rem 0 .5rem
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .card-wrapper .card__title-container {
        padding: 1.5rem 0 1rem
    }
}

.home-page .categories__list .card-wrapper .card__title-element {
    font-family: "boska";
    font-weight: 400;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
    display: flex;
    justify-content: center;
    color: #e6f3e8;
    text-shadow: 0 0 1rem rgba(230, 243, 232, 0);
    transform: translateZ(0);
    transition: transform .6s cubic-bezier(.4, .1, 0, 1), text-shadow .6s cubic-bezier(.23, 1, .32, 1)
}

.home-page .categories__list .card-wrapper .card__borders {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1rem
}

.home-page .categories__list .card-wrapper .card__border-left {
    display: flex;
    flex: 1;
    height: 1px;
    opacity: .4;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__border-left svg {
    width: 100%;
    height: 100%
}

.home-page .categories__list .card-wrapper .card__border-star {
    display: flex;
    width: 1rem;
    height: 1rem;
    margin: 0rem .5rem;
    opacity: .4;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__border-star img {
    width: 100%;
    height: initial;
    max-width: initial
}

.home-page .categories__list .card-wrapper .card__border-right {
    display: flex;
    flex: 1;
    height: 1px;
    opacity: .4;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__border-right svg {
    width: 100%;
    height: 100%
}

.home-page .categories__list .card-wrapper .card__play {
    position: relative;
    margin: 2.5rem 18% 10%
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .card-wrapper .card__play {
        margin: 1.5rem 20% 20%
    }
}

.home-page .categories__list .card-wrapper .card__play .deck-card {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    transform: translateZ(0);
    transition: transform .6s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0) scale(1.1);
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card:nth-child(5) {
    transition: transform .6s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card:nth-child(4) {
    transition: transform .75s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card:nth-child(3) {
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card:nth-child(2) {
    transition: transform 1.05s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card:nth-child(1) {
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
}

.home-page .categories__list .card-wrapper .card__play .deck-card img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    border-radius: .35rem;
    overflow: hidden;
    transform: translateZ(0)
}

.home-page .categories__list .card-wrapper .card__play .play-card {
    position: relative;
    perspective: 600px;
    z-index: 800;
    transform: translateZ(0);
    transition: transform .9s cubic-bezier(.23, 1, .32, 1)
}

.home-page .categories__list .card-wrapper .card__play .play-card .flip-card-inner {
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    transition: transform .9s cubic-bezier(.23, 1, .32, 1);
    transform: rotateY(0deg) translateZ(0)
}

.home-page .categories__list .card-wrapper .card__play .play-card .flip-card-back {
    position: relative;
    width: 100%;
    border-radius: .35rem;
    overflow: hidden;
    transform: translateZ(1px)
}

.home-page .categories__list .card-wrapper .card__play .play-card .flip-card-back img {
    display: block;
    width: 100%;
    height: auto
}

.home-page .categories__list .card-wrapper .card__play .play-card .flip-card-front {
    position: absolute;
    top: .5%;
    left: .5%;
    width: 99%;
    height: 99%;
    border-radius: .35rem;
    overflow: hidden;
    transform: rotateY(180deg) translateZ(0)
}

.home-page .categories__list .card-wrapper .card__play .play-card .flip-card-front img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}

@media only screen and (max-width:1024px) {
    .home-page .categories__list .card-wrapper.-active {
        transform: scale(1.05);
        pointer-events: all
    }

    .home-page .categories__list .card-wrapper.-active .card-shadow {
        opacity: 1;
        transition: opacity 1.5s cubic-bezier(.23, 1, .32, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__title-element {
        transform: scale(1.25);
        text-shadow: 0 0 1rem #e6f3e8
    }

    .home-page .categories__list .card-wrapper.-active .card__border-left {
        opacity: 1;
        transition-delay: .6s
    }

    .home-page .categories__list .card-wrapper.-active .card__border-star {
        opacity: 1;
        transition-delay: .45s
    }

    .home-page .categories__list .card-wrapper.-active .card__border-right {
        opacity: 1;
        transition-delay: .6s
    }

    .home-page .categories__list .card-wrapper.-active .card__play .deck-card:nth-child(1) {
        transform: translate(-30%, 72%) rotate(-45deg) scale(.9);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__play .deck-card:nth-child(2) {
        transform: translate(-15%, 66%) rotate(-25deg) scale(.9);
        transition: transform .75s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__play .deck-card:nth-child(3) {
        transform: translate(5%, 62%) rotate(-10deg) scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__play .deck-card:nth-child(4) {
        transform: translate(25%, 62%) rotate(0deg) scale(.9);
        transition: transform 1.05s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__play .deck-card:nth-child(5) {
        transform: translate(45%, 67%) rotate(10deg) scale(.9);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__play .deck-card .shade {
        opacity: 1
    }

    .home-page .categories__list .card-wrapper.-active .card__play .play-card {
        transform: translate(0, -1.5rem) rotate(5deg) rotateY(0deg) scale(1.1);
        transition: transform .9s cubic-bezier(.5, 0, .5, 1)
    }

    .home-page .categories__list .card-wrapper.-active .card__play .play-card .flip-card-inner {
        transform: rotateY(180deg);
        transition: transform 1.5s cubic-bezier(.72, 0, .12, 1.54)
    }
}

@media only screen and (min-width:1024px) {
    .home-page .categories__list .card-wrapper:hover {
        transform: scale(1.05)
    }

    .home-page .categories__list .card-wrapper:hover .card-shadow {
        opacity: 1;
        transition: opacity 1.5s cubic-bezier(.23, 1, .32, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__title-element {
        transform: scale(1.25);
        text-shadow: 0 0 1rem #e6f3e8
    }

    .home-page .categories__list .card-wrapper:hover .card__border-left {
        opacity: 1;
        transition-delay: .6s
    }

    .home-page .categories__list .card-wrapper:hover .card__border-star {
        opacity: 1;
        transition-delay: .45s
    }

    .home-page .categories__list .card-wrapper:hover .card__border-right {
        opacity: 1;
        transition-delay: .6s
    }

    .home-page .categories__list .card-wrapper:hover .card__play .deck-card:nth-child(1) {
        transform: translate(-30%, 72%) rotate(-45deg) scale(.9);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__play .deck-card:nth-child(2) {
        transform: translate(-15%, 66%) rotate(-25deg) scale(.9);
        transition: transform .75s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__play .deck-card:nth-child(3) {
        transform: translate(5%, 62%) rotate(-10deg) scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__play .deck-card:nth-child(4) {
        transform: translate(25%, 62%) rotate(0deg) scale(.9);
        transition: transform 1.05s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__play .deck-card:nth-child(5) {
        transform: translate(45%, 67%) rotate(10deg) scale(.9);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__play .deck-card .shade {
        opacity: 1
    }

    .home-page .categories__list .card-wrapper:hover .card__play .play-card {
        transform: translate(0, -1.5rem) rotate(5deg) rotateY(0deg) scale(1.1);
        transition: transform .9s cubic-bezier(.5, 0, .5, 1)
    }

    .home-page .categories__list .card-wrapper:hover .card__play .play-card .flip-card-inner {
        transform: rotateY(180deg);
        transition: transform 1.5s cubic-bezier(.72, 0, .12, 1.54)
    }
}

.home-page .categories__description {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    color: #a689d2;
    text-align: center
}

.home-page .categories__description p {
    margin: 0;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem
}

.home-page .about {
    position: relative;
    z-index: 10;
    margin-top: 4rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    text-align: center
}

.home-page .about *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .home-page .about {
        width: 48.611%;
        margin-top: 7rem;
        margin-left: auto;
        margin-right: auto
    }
}

.home-page .about__title {
    position: relative;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .home-page .about__title {
        margin-bottom: 3rem
    }
}

.home-page .about__decorative-star {
    position: relative;
    width: 0;
    padding: 6rem 0;
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .home-page .about__decorative-star {
        padding: 15.71% 0;
        margin-top: initial;
        margin-bottom: initial
    }
}

.home-page .about__decorative-star .star-wrap {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    justify-content: center;
    width: .24rem;
    height: 100%;
    animation-name: homeStarAbout;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.home-page .about__decorative-star .star-wrap:last-child {
    animation-delay: -3s
}

.home-page .about__decorative-star .diamond {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: #7b47c9;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.home-page .about__decorative-star .diamond:last-child {
    transform: rotate(90deg)
}

.home-page .about__decorative-star .star-wrap:last-child {
    transform: rotate(45deg)
}

.home-page .about__description {
    position: relative;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto
}

.home-page .about__authors {
    position: relative;
    margin-top: 5rem
}

.home-page .about__authors label {
    position: absolute;
    top: 30%;
    left: 30%;
    width: 40%;
    height: 40%;
    pointer-events: none;
    opacity: 1;
    animation-name: flyXYZ;
    animation-duration: 36s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.home-page .about__authors label::before {
    content: "";
    display: block;
    position: absolute;
    top: -.5rem;
    width: .125rem;
    height: .125rem;
    border-radius: 50%;
    background-color: #e6f3e8;
    box-shadow: 0 0 .5rem .25rem #e6f3e8;
    transform-origin: 1rem 1rem;
    transform: rotate(0deg) translateY(0);
    opacity: 1;
    animation-name: flyZ;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.home-page .about__authors #anchor-target-2 {
    position: absolute;
    top: 50%
}

.home-page .about__authors .title {
    margin-bottom: 4rem
}

.header .title {
    padding: 2vh 0 0 5vw
}

.header .title h1 {
    font-family: 'Hi Melody', cursive;
    color: #d7c567;
    font-size: 1rem
}

.header .title span b {
    font-weight: 100
}

.home-page .about__authors .author-item {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.home-page .about__authors .author-item .line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.5rem;
    display: block;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #A689D2 50%, rgba(166, 137, 210, 0) 100%);
    opacity: .2
}

.home-page .about__authors .author-item .avatar {
    width: 22.857%;
    position: relative
}

.home-page .about__authors .author-item .avatar::before {
    content: "";
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    background-image: linear-gradient(135deg, #EEDB71 0%, #D8B43E 35%, #49432E 60%, #D8B43E 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    opacity: .2
}

.home-page .about__authors .author-item .avatar::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -10%;
    width: 120%;
    height: 1px;
    background-image: linear-gradient(90deg, #EEDB71 0%, #D8B43E 35%, #49432E 60%, #D8B43E 100%);
    opacity: .2
}

.home-page .about__authors .author-item .avatar figure {
    position: relative;
    width: 100%;
    padding: 50% 0;
    border-radius: 50%;
    overflow: hidden;
    transform: translateZ(0);
    background-color: #120b1c
}

.home-page .about__authors .author-item .avatar figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (min-width:1024px) {
    .home-page .about__authors .author-item .avatar figure img {
        transform: scale(1);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.home-page .about__authors .author-item .avatar .icon {
    position: absolute;
    top: 100%;
    left: 100%;
    padding: .5rem;
    transform: translate(-2rem, -2rem)
}

@media only screen and (min-width:1024px) {
    .home-page .about__authors .author-item .avatar .icon {
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.home-page .about__authors .author-item .avatar .icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #7b47c9
}

@media only screen and (min-width:1024px) {
    .home-page .about__authors .author-item .avatar .icon::before {
        transform: scale(1);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.home-page .about__authors .author-item .avatar .arrow-icon {
    width: 2rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .home-page .about__authors .author-item .avatar .arrow-icon {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.home-page .about__authors .author-item .name {
    margin-left: 2rem
}

@media only screen and (min-width:1024px) {
    .home-page .about__authors .author-item .name {
        text-shadow: 0 0 1rem rgba(230, 243, 232, 0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1), text-shadow .6s cubic-bezier(.23, 1, .32, 1)
    }
}

.home-page .about__authors .author-item .dec-icon {
    border: 1px solid rgba(210, 161, 125, .1254901961);
    border-radius: 50%;
    margin: 0 1rem
}

.home-page .about__authors .author-item .dec-icon img {
    width: 2rem
}

.home-page .about__authors .author-item:nth-child(2n) {
    flex-direction: row-reverse
}

.home-page .about__authors .author-item:nth-child(2n) .avatar .icon {
    position: absolute;
    top: 100%;
    left: initial;
    right: 100%;
    transform: translate(2rem, -2rem)
}

.home-page .about__authors .author-item:nth-child(2n) .name {
    margin-left: 0;
    margin-right: 2rem
}

.home-page .about__authors .author-item:last-child .line {
    display: none
}

@media only screen and (min-width:1024px) {
    .home-page .about__authors .author-item:hover .avatar figure img {
        transform: scale(1.2)
    }

    .home-page .about__authors .author-item:hover .avatar .icon {
        transform: translate(0, -2rem)
    }

    .home-page .about__authors .author-item:hover .avatar .icon::before {
        transform: scale(.8)
    }

    .home-page .about__authors .author-item:hover .name {
        text-shadow: 0 0 1rem #e6f3e8
    }
}

.home-page .about__subdescription {
    position: relative;
    width: 80%;
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .home-page .about__subdescription {
        width: 65.714%;
        margin-left: auto;
        margin-right: auto
    }
}

.home-page .subscribe {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe {
        margin-top: 7rem
    }

    .home-page .subscribe::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 3;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: .06rem;
        background-color: #7b47c9;
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
    }
}

.home-page .subscribe__decorative-star {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 160%;
    pointer-events: none
}

.home-page .subscribe__decorative-star .star-wrap {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    justify-content: center;
    width: .12rem;
    height: 100%
}

.home-page .subscribe__decorative-star .star-wrap.-rotate {
    opacity: .2;
    animation-name: rotateIt;
    animation-duration: 128s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.home-page .subscribe__decorative-star .diamond {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: #a689d2;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.home-page .subscribe__decorative-star .diamond:last-child {
    transform: rotate(90deg)
}

.home-page .subscribe__container {
    position: relative;
    z-index: 3;
    margin-left: .5rem;
    margin-right: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 2rem
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container {
        width: 48.611%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 4rem
    }
}

.home-page .subscribe__container::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 100%;
    aspect-ratio: 1/1;
    background-color: #f5f5f5;
    border-radius: 50%
}

.home-page .subscribe__container::after {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: 0;
    width: auto;
    height: auto;
    aspect-ratio: .96/1;
    bottom: 0;
    border: 1px solid #1e1131;
    border-radius: 50%
}

.home-page .subscribe__container .border {
    display: block;
    position: absolute;
    top: 6%;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    height: 88%;
    border-radius: 3rem 50% 3rem 3rem;
    opacity: .4;
    border: 1px solid #d2a17d
}

.home-page .subscribe__container .border img {
    width: auto;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .border {
        top: 2%;
        height: 96%;
        border-radius: 6rem 50% 6rem 6rem
    }
}

.home-page .subscribe__container .icon-top-right {
    position: absolute;
    z-index: 4;
    top: -1.5rem;
    right: -1.5rem;
    width: 4rem;
    height: 4rem;
    border: 1px solid #d2a17d;
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .icon-top-right {
        width: 5rem;
        height: 5rem;
        top: 0;
        right: 0
    }
}

.home-page .subscribe__container .icon-top-right img {
    transform-origin: top center;
    animation-name: feather;
    animation-duration: 9.3s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.home-page .subscribe__container .icon-bottom-left {
    position: absolute;
    z-index: 4;
    bottom: -1.5rem;
    left: -.5rem;
    width: 3rem;
    height: 3rem;
    border: 3px solid #d2a17d;
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .icon-bottom-left {
        bottom: .5rem;
        left: .5rem;
        width: 4rem;
        height: 4rem
    }
}

.home-page .subscribe__container .icon-bottom-left::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: 1px;
    background-color: #d2a17d;
    animation-name: triangleLine;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.4, .1, 0, 1)
}

.home-page .subscribe__container .icon-bottom-left img {
    position: relative
}

.home-page .subscribe__container .icon-bottom-right {
    position: absolute;
    z-index: 4;
    bottom: -.75rem;
    right: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #d2a17d;
    border-radius: 50%
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .icon-bottom-right {
        bottom: 1.5rem;
        right: 1.5rem;
        width: 2rem;
        height: 2rem;
        border: 3px solid #d2a17d
    }
}

.home-page .subscribe__container .media {
    position: relative;
    z-index: 5;
    width: 42.666%;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .media {
        width: 48.571%
    }
}

.home-page .subscribe__container .media-wrap {
    position: relative;
    background: #e6f3e8;
    width: 100%;
    height: 0;
    padding: 50% 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateZ(0)
}

.home-page .subscribe__container .media-wrap img,
.home-page .subscribe__container .media-wrap video,
.home-page .subscribe__container .media-wrap .character {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.home-page .subscribe__container .media-wrap .character {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center top;
    animation-name: swingIt;
    animation-duration: 6s;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1);
    animation-iteration-count: infinite;
    animation-delay: 0
}

.home-page .subscribe__container .media-wrap .character img:nth-child(1) {
    width: 50%;
    bottom: -5%;
    left: 30%;
    animation-name: rotateIt;
    animation-duration: 21s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.home-page .subscribe__container .media-wrap .character img:nth-child(2) {
    width: 120%;
    max-width: initial;
    height: initial;
    bottom: 0
}

.home-page .subscribe__container .moon-left,
.home-page .subscribe__container .moon-right {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: -2rem;
    width: 2rem;
    aspect-ratio: 1/1
}

.home-page .subscribe__container .moon-right {
    left: auto;
    right: -2rem;
    transform: rotate(180deg)
}

.home-page .subscribe__container .success {
    position: absolute;
    z-index: 20;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background: #e6f3e8;
    color: #120b1c;
    opacity: 0;
    transform: translate(0, 4rem);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    padding: 1rem 1.5rem;
    pointer-events: none;
    text-align: center;
    white-space: nowrap;
    border-radius: 1rem
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .success {
        padding: 1rem 3rem
    }
}

.home-page .subscribe__container .success.-show {
    opacity: 1;
    transform: translateZ(0)
}

.home-page .subscribe__container .title {
    position: relative;
    z-index: 5;
    color: #120b1c
}

.home-page .subscribe__container .title *::selection {
    background-color: #a689d2
}

.home-page .subscribe__container .caption {
    position: relative;
    z-index: 5;
    margin-top: .5rem;
    color: #120b1c
}

.home-page .subscribe__container .input-field {
    position: relative;
    z-index: 5;
    margin-top: 1rem;
    margin-left: 2rem;
    margin-right: 2rem
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .input-field {
        width: 69.696%;
        max-width: 23rem;
        margin-left: auto;
        margin-right: auto
    }
}

.home-page .subscribe__container input {
    width: 100%;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #7b47c9;
    text-align: center
}

.home-page .subscribe__container input::placeholder {
    font-family: auto;
    font-size: 1.35rem;
    line-height: 1.5rem;
    text-align: center;
    color: #7b47c9
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container input::placeholder {
        font-size: 1.8rem;
        line-height: 2rem
    }
}

.home-page .subscribe__container input:focus {
    color: #7b47c9
}

.home-page .subscribe__container input::selection {
    color: #f5f5f5;
    background-color: #a689d2
}

.home-page .subscribe__container .tooltip {
    display: block;
    position: absolute;
    z-index: 20;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 50%);
    padding: .25rem .5rem;
    background: #1e1131;
    border-radius: .25rem;
    pointer-events: none;
    color: #e6f3e8;
    text-align: center;
    opacity: 0;
    transition: transform .6s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.home-page .subscribe__container .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -.25rem;
    border-width: .25rem;
    border-style: solid;
    border-color: #7b47c9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.home-page .subscribe__container .tooltip.-show {
    opacity: 1;
    transform: translate(-50%, 0)
}

.home-page .subscribe__container .button {
    position: relative;
    z-index: 5;
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .home-page .subscribe__container .button {
        margin-top: 2rem
    }
}

.tarot-page {
    /*min-height: 600px*/
    
}

.tarot-page .welcome {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40rem;
    max-height: 80vh
}

@keyframes une-animation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome {
        min-height: 800px;
        height: 100vh;
        max-height: 60vw;
     
    }
}

.tarot-page .welcome__decorative-circles {
    position: absolute;
    left: auto;
    width: 200%;
    max-width: 72rem;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__decorative-circles {
        width: 100%;
        clip-path: none;
        height: 100%
    }
}

.tarot-page .welcome__decorative-circles::before {
    content: "";
    display: block;
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    width: 4%;
    padding: 2% 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 4.8s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 1.5s
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__decorative-circles::before {
        top: initial;
        bottom: 8rem;
        width: 8%;
        padding: 4% 0
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__decorative-circles::after {
        top: initial;
        bottom: -3rem
    }
}

.tarot-page .welcome__decorative-circles .big {
    position: relative;
    width: 34rem;
    border-radius: 57%;
    flex-shrink: 0;
    background-image: linear-gradient(147deg, #0a2321, #286762 44%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    adding: 1px;
    transform: translateZ(0);
    opacity: 1;
    transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
    will-change: transform, opacity
}

.tarot-page .welcome__decorative-circles .big::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.tarot-page .welcome__decorative-circles .small {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    left: auto;
    width: 17rem;
    border-radius: 50%;
    background-image: linear-gradient(180deg, #0a2321, #286762 44%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    transform: translateZ(0);
    opacity: 1;
    transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
    will-change: transform, opacity
}

.tarot-page .welcome__decorative-circles .small::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.tarot-page .welcome__decorative-circles.-inview::before {
    opacity: 1
}

.tarot-page .welcome__decorative-circles.-ended .big,
.tarot-page .welcome__decorative-circles.-ended .small {
    transform: scale(.5);
    opacity: 0
}

.tarot-page .welcome__decorative-circles.-ended::before {
    opacity: 0;
    transition-delay: 0
}

.tarot-page .welcome__decorative-circles.-ended::after {
    transform: translate(0, 4rem);
    opacity: 0
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__dialog {
        position: relative;
        /*width: 43%;*/
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        /*top: 0;
        right: -1rem;
        height: 12rem*/
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__dialog {
        position: relative;
  
        z-index: 5;
        margin-bottom: 0;
        pointer-events: none;
       

    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__dialog {
        width: 1730px;
    }
}

.tarot-page .welcome__dialog .title-select {
    position: relative;
   /* width: 69%;*/
    z-index: 5;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    top: 2rem;

    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    transition-delay: .9s
}

@media only screen and (max-width:1024px) {
    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 17rem;
        padding: 0vh 0 0 5vw
    }
}

@media only screen and (min-width:1024px) {
    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: -3rem
    }
}

.left-side {
    width: 50%;
    float: left
}

.left-right {
    display: flex;
    width: 100%;
    flex-direction: row
}

.nbr-cartes {
    display: flex;
    flex-direction: column;
    margin: 0;
    justify-content: space-between;
    gap: 2rem;
}

.tarot-page .welcome__dialog .title-select .pre {
    position: absolute;
    right: auto;
    bottom: auto;
    left: auto;
    white-space: nowrap;
    color: #d8dae5;
    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.5s cubic-bezier(.3, 0, .14, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1)
}

.first-title {
    font-size: 2.6rem;
    line-height: .95;
    width: 35rem;
    font-weight: 700
}

.second-title {
    font-size: .8rem;
    line-height: 1.3;
    padding-top: 2rem;
    width: 29rem
}

@media only screen and (min-width:1024px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 18rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 17rem
    }
}

@media only screen and (min-width:1024px) and (max-width:1300px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 25rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 25rem
    }
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 25rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 25rem
    }
}

@media only screen and (min-width:1400px) and (max-width:1500px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 32rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 28rem
    }
}

@media only screen and (min-width:1500px) and (max-width:1600px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 32rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 28rem
    }
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 32rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 28rem
    }
}

@media only screen and (min-width:1700px) and (max-width:1800px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 32rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 33rem
    }
}

@media only screen and (min-width:1800px) and (max-width:1920px) {
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 32rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.6;
        padding-top: 2rem;
        width: 33rem
    }
}

.tarot-page .welcome__dialog .title-select .title {
    position: absolute;
    top: 0rem;
    right: auto;
    bottom: auto;
    left: auto;
    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.5s cubic-bezier(.3, 0, .14, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    color: #dbdde7
}

.tarot-page .welcome__dialog .title-select .title.title-left {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    left: 0;
    color: #1c403d
}

.tarot-page .welcome__dialog .title-select .title.title-right {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    left: 0;
    color: #1c403d;
    right: 100%
}

.tarot-page .welcome__dialog .title-select .how-many {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.tarot-page .welcome__dialog .title-select .how-many::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.tarot-page .welcome__dialog .title-select .how-many label {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: #dbdde7;
    position: absolute
}

.tarot-page .welcome__dialog .title-select .how-many label:nth-child(1) {
    top: -.5rem
}

.tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
    right: 5rem
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 5rem
    }
}

.tarot-page .welcome__dialog .title-select .how-many label:nth-child(3) {
    bottom: -1rem
}

.tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
    left: 5rem
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 5rem
    }
}

.tarot-page .welcome__dialog .title-select .how-many span {
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    text-shadow: 0 0 1rem #e6f3e8;
    margin-bottom: .35rem;
    opacity: 0;
    transform: scale(1.5);
    transition: transform 1.2s cubic-bezier(.23, 1, .32, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__dialog .title-select .how-many span.-active {
    opacity: 1;
    transform: scale(1);
    transition-delay: .3s;
    color: #dbdde7
}

.tarot-page .welcome__dialog .title-select .how-many-left {
    text-align: center;
    white-space: nowrap;
    position: absolute;
    right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 23rem;
    right: 25rem
}

.tarot-page .welcome__dialog .title-select .how-many-left span {
    position: absolute;
    top: 1rem;
    right: 13rem;
    bottom: auto;
    left: auto;
    opacity: 0;
    transform: scale(1.5);
    transition: transform 1.5s cubic-bezier(.3, 0, .14, 1), opacity 1.5s cubic-bezier(.3, 0, .14, 1)
}

.tarot-page .welcome__dialog .title-select .how-many-left span.-active {
    opacity: 1;
    transform: scale(1);
    transition-delay: .45s;
    color: #dbdde7
}

.tarot-page .welcome__dialog .title-select.-hidden .pre {
    opacity: 0;
    transform: translate(0, -2rem)
}

.tarot-page .welcome__dialog .title-select.-hidden .title {
    opacity: 0;
    transform: translate(0, -4rem) scale(.8)
}

.tarot-page .welcome__dialog .title-select.-ended {
    opacity: 0;
    transform: scale(.5)
}

.tarot-page .welcome__dialog .title-revert {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 3s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 3s;
    width: 100%;
}

.tarot-page .welcome__dialog .title-revert .escort {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    top: 7rem;
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__dialog .title-revert .escort {
        margin-bottom: 1rem
    }
}

.tarot-page .welcome__dialog .title-revert .escort div {
    width: 80%;
    position: absolute;
    top: -5rem;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 1.8s cubic-bezier(.3, 0, .14, 1);
    transition-delay: 4.2s
}

.tarot-page .welcome__dialog .title-revert .escort div span {
    position: absolute;
    top: 1rem;
    right: auto;
    bottom: auto;
    left: auto;
    color: #edf0f1
}

.tarot-page .welcome__dialog .title-revert .escort div span:first-child {
    opacity: 0;
    position: relative;
    filter: blur(2rem);
    transform: translateZ(0) scale(3);
    transition: transform 4.1s cubic-bezier(.4, .1, 0, 1), opacity 4.1s cubic-bezier(.4, .1, 0, 1), filter 4.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 7.2s;
    line-height: 62px;
}

.tarot-page .welcome__dialog .title-revert .escort div span:last-child {
    opacity: 1;
    filter: initial;
    transform: translateZ(0) scale(1);
    transition: transform 20s cubic-bezier(.5, 0, .5, 1), opacity 15s cubic-bezier(.4, .1, 0, 1), filter 6s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 4.2s
}

.tarot-page .welcome__dialog .title-revert .escort div:first-child {
    position: relative
}

.tarot-page .welcome__dialog .title-revert .escort div:first-child span:first-child {
    transition-delay: 5.4s
}

.tarot-page .welcome__dialog .title-revert .escort div:first-child span:last-child {
    transition-delay: 2.4s
}

.tarot-page .welcome__dialog .title-revert .escort div.-active {
    opacity: 1
}

.tarot-page .welcome__dialog .title-revert .escort div.-active span:first-child {
    opacity: 1;
    transform: translateZ(0) scale(1);
    filter: blur(0)
}

.tarot-page .welcome__dialog .title-revert .escort div.-active span:last-child {
    opacity: 0;
    transform: translateZ(0) scale(24);
    filter: blur(4px)
}

.tarot-page .welcome__dialog .title-revert .escort div.-done {
    opacity: 0;
    transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__dialog .title-revert .title {
    display: block;
    color: #edf0f1;
    opacity: 0;
    transform: scale(1.5);
    transition: opacity 6s cubic-bezier(.4, .1, 0, 1), transform 3s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 1.2s
}

.tarot-page .welcome__dialog .title-revert.-show {
    opacity: 1
}

.tarot-page .welcome__dialog .title-revert.-show .title {
    opacity: 1;
    transform: translateZ(0)
}

.tarot-page .welcome__dialog .title-revert.-show .title.-hidden {
    opacity: 0;
    transform: scale(1.5);
    transition: opacity 3s cubic-bezier(.4, .1, 0, 1), transform 1.5s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 0s
}

.tarot-page .welcome__dialog .title-revert.-show .title.-show {
    opacity: 1;
    transform: translateZ(0);
    transition: opacity 6s cubic-bezier(.4, .1, 0, 1), transform 3s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 0s;
    position: relative;
    top: 8rem;
}

.tarot-page .welcome__dialog .title-revert.-ended {
    opacity: 0;
    transform: scale(.5);
    transition-delay: 0s
}

.tarot-page .welcome__dialog .title-reading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transform: scale(.5) translate(0, 4rem);
    transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 3s
}

.tarot-page .welcome__dialog .title-reading.-show {
    opacity: 1;
    transform: translateZ(0)
}

@media only screen and (min-width:500px) and (max-width:1024px) {
    .tarot-page .welcome__lobby-list {
        position: relative;
        z-index: 3;
        right: auto;
        bottom: auto;
        left: auto;
        width: 200%;
        max-width: 72rem;
        clip-path: none;
        transform: translateZ(0);
        transition: transform 3s cubic-bezier(.4, .1, 0, 1)
    }
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 4rem;
        height: 42rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list {
        position: absolute;
        z-index: 3;
        top: 20rem;
        right: auto;
        bottom: auto;
        left: auto;
        width: 200%;
        max-width: 72rem;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 222%);
        transform: translateZ(0);
        transition: transform 3s cubic-bezier(.4, .1, 0, 1)
    }
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__lobby-list {
        --m-drag: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list {
        top: 0;
        bottom: 0;
        width: 100%;
        clip-path: none
    }
}

.tarot-page .welcome__lobby-list::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    border-radius: 44%;
    padding: 55% 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.tarot-page .welcome__lobby-list *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:500px) and (max-width:510px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        width: 98%;
        opacity: 1;
        top: 0rem;
        height: 118%;
        right: 15.7rem
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 7.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 8rem
    }

    .contact-form .form-control {
        display: block;
        width: 50%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 1.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: .5rem
    }
}

@media only screen and (min-width:510px) and (max-width:520px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        width: 98%;
        opacity: 1;
        top: 0rem;
        height: 118%;
        right: 15.8rem
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 7.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 9rem
    }

    .contact-form .form-control {
        display: block;
        width: 50%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 1.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: .5rem
    }
}



@media only screen and (min-width:540px) and (max-width:547px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: -17rem;
        width: 100%;
        opacity: 1;
        width: 98%;
        opacity: 1;
        top: 0rem;
        height: 118%;
        right: 15.8rem
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .contact-form .form-control {
        display: block;
        width: 50%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 1.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 4.8rem !important
    }
}

@media only screen and (min-width:547px) and (max-width:560px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: -17rem;
        width: 100%;
        opacity: 1;
        width: 98%;
        opacity: 1;
        top: 0rem;
        height: 118%;
        right: 15.8rem
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 107% !important;
        margin-left: 11.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 10rem
    }
}

@media only screen and (min-width:560px) and (max-width:600px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -8rem;
        width: 7%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 107% !important;
        margin-left: 12rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 10rem
    }
}

@media only screen and (min-width:600px) and (max-width:610px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -9rem;
        width: 14%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 105% !important;
        margin-left: 13rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:610px) and (max-width:630px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -9rem;
        width: 14%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 105% !important;
        margin-left: 13rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:630px) and (max-width:640px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -9rem;
        width: 9%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 107% !important;
        margin-left: 13.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:640px) and (max-width:660px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -9rem;
        width: 9%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 13.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:640px) and (max-width:660px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -9rem;
        width: 1%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 13.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:660px) and (max-width:670px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: auto;
        opacity: 1;
        left: -9rem;
        width: 1%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 14rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:670px) and (max-width:700px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -11rem;
        width: 15%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }
    .tarot-page .welcome__decorative-circles .big {
        width: 33rem;
        right: 186px;
    }
    .tarot-page .welcome__decorative-circles .small {
        right: 394px;
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      
    }
    .tarot-page .welcome__dialog .title-select{
        right: 3rem;
        top: 0;
    }
    .first-title {
        font-size: 2rem;

    }
    .left-title{
        top: 18rem;
    }
    .button-shuffle {
top: 1rem;
}

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 105%;
        margin-left: 14rem
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:700px) and (max-width:710px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -11rem;
        width: 25%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 12rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 105% !important;
        margin-left: 14rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}

@media only screen and (min-width:710px) and (max-width:730px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -12rem;
        width: 35%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 12rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 108% !important;
        margin-left: 15rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }

    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"] {
        transform: rotate(calc(-540deg + 40deg * var(--c-choise) - 263deg)) !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        left: -5rem !important;
        top: -9rem !important
    }
}

@media only screen and (min-width:730px) and (max-width:760px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -12rem;
        width: 34%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 1rem;
        height: 12rem
    }

    .tarot-page .welcome__lobby-list.-now-revert {
        transform: translate(0, 0%);
        position: relative;
        right: 13rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 80%;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(-180deg);
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .tarot-page .welcome__lobby-list .card-wrapper .count-title {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 2.8rem;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(-180deg);
        transition: transform 1.5s cubic-bezier(.8, 0, .35, 1), opacity 1.5s cubic-bezier(.8, 0, .35, 1);
        will-change: transform
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 108% !important;
        margin-left: 15rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 12rem
    }
}
/* ipad mini */ 
@media only screen and (min-width:760px) and (max-width:780px) {
    .first-title {
        width: 42rem;
    }
    .second-title {
        font-size: 1rem;
        width: 40rem;
    }
    .button-shuffle{
        width: 62%;
        display: inline;
    }
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -13rem;
        width: 42%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }
    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: -5rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 32rem !important;
        opacity: 1;
        font-size: 1.3rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 32rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 6rem;
        width: 8rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 26rem;
        left: 8rem;
        position: relative;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title{
        left: 8rem;
        position: relative;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform: rotate(139deg) translate(-33%, 1171.5%) !important;
        width: 6rem;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }
    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 33rem;
        right: 196px;
    }
    .tarot-page .welcome__decorative-circles .small{
             right: 441px;
    }
    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }
    .tarot-page .welcome__dialog .title-revert .escort{
        top: 14rem;
    
        left: 8rem;
    }
    
    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        width:532px;
    }
    .tarot-page .welcome__dialog .title-select {
        top: 0rem;
        font-size: 18px;
        right: 2.5rem;
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 80px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 7.3rem !important;
    }
    .result-button{
        display: flex;
        justify-content: center;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }
    .nbr-cartes {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin: 0;
        justify-content: space-between;
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 108% !important;
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0
    }
}

@media only screen and (min-width:780px) and (max-width:800px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -13rem;
        width: 34%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 1rem;
        height: 12rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 107% !important;
        margin-left: 16.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 15rem
    }
}
/* ipad air */ 
@media only screen and (min-width:800px) and (max-width:830px) {
    .first-title {
        width: 42rem;
        line-height: 56px;
    }
    .second-title {
        font-size: 1.4rem;
        width: 45rem;
    }
    .button-shuffle{
        width: 62%;
        display: inline;
        top: 3rem;
    }
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -13rem;
        width: 29%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }
    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: -5rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 32rem !important;
        opacity: 1;
        font-size: 1.3rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 32rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 6rem;
        width: 8rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 26rem;
        left: 8rem;
        position: relative;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title{
        left: 8rem;
        position: relative;
    }
    h5, .-h5 {
        font-size: 2rem;
    }
    .-m-p {
        font-size: 1.3rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform: rotate(139deg) translate(-11%, 1163.5%) !important;
        width: 6rem;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }
    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 33rem;
        right: 220px;
    }
    .tarot-page .welcome__decorative-circles .small{
             right: 491px;
    }
    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }
    .tarot-page .welcome__dialog .title-select {
        top: 0rem;
        font-size: 18px;
        right: 3.5rem;
    }
    .nbr-cartes {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin: 0;
        justify-content: space-between;
    }
    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog .title-revert .escort{
        top: 14rem;
    
        left: 8rem;
    }
   
    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        width:532px;
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 93px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 6rem !important;
    }
    .result-button{
        display: flex;
        justify-content: center;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.5vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 105% !important;
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0
    }
}

@media only screen and (min-width:830px) and (max-width:850px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -13rem;
        width: 29%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 1rem;
        height: 12rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 17.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 15rem
    }
}

@media only screen and (min-width:850px) and (max-width:870px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -14rem;
        width: 34%;
        opacity: 1;
        top: 0rem;
        height: 100%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 100%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 3.5rem;
        height: 12rem;
    }
    .tarot-page .welcome__dialog .title-select {
        position: relative;
        /* width: 69%; */
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0rem; 
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .9s;
    }
    .tarot-page .welcome__dialog .title-select {
        position: relative;
        /* width: 69%; */
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        /* top: 2rem; */
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .9s;
    }
    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 12rem;
        padding: 0vh 0 0 5vw;
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 105% !important;
        margin-left: 18rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 17rem
    }
    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 67%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 13px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        display: inline;
    }
    .second-title {
        font-size: 1.2rem;
        line-height: 1.5;
        padding-top: 2rem;
        width: 43rem;
    }
    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 34rem;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity;
        right: 14.5rem;
    }
    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: auto;
        right: 32.5rem;
        left: auto;
        width: 17rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity;
    }

}

@media only screen and (min-width:870px) and (max-width:880px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -14rem;
        width: 29%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 43%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 1rem;
        height: 12rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 108% !important;
        margin-left: 18rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 17rem
    }
}
/* surface pro 7*/
@media only screen and (min-width:880px) and (max-width:915px) {
    .first-title {
        width: 42rem;
        line-height: 1.3;
    }
    .second-title {
        font-size: 1.7rem;
        width: 47rem;
    }
    .button-shuffle{
        width: 72%;
        display: inline;
        top: 4rem;
    }
    .tarot-page .welcome__decorative-circles .big {
        width: 34rem;
        right: 257px;
        top: 4px;
    }
    .tarot-page .welcome__decorative-circles .small {

        top: 142px;
        width: 17rem;
        right: 573px;
    }
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -14rem;
        width: 26%;
        opacity: 1;
        top: 0rem;
        height: 102%
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }


    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 0rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 32rem !important;
        opacity: 1;
        font-size: 1.3rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 38rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 6rem;
        width: 8rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 28rem;
        left: 13rem;
        position: relative;
    }
    .tarot-page .welcome__dialog .title-revert .escort {
        top: 16rem;
        left: 13rem;
    }
    .tarot-page .tarot-image {
        width: 14.333%!important;
    }

    .tarot-page .welcome__dialog .title-revert.-show .title{
        left: 13rem;
        position: relative;
    }
    h5, .-h5 {
        font-size: 2rem;
    }
    .-m-p {
        font-size: 1.3rem;
    }
   
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform: rotate(139deg) translate(7%, 1089.5%) !important;
        width: 6rem;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }
    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
   
    }
    .tarot-page .results__row .content {
        width: 109.7%!important;
    }
    .-h5 {
       
        width: 103%;
    }
    .tarot-page .welcome__dialog .title-select{
        top: 0;
        right: 4rem;
    }
    .left-title{
        top: 14rem;
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 105px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 7rem !important;
    }
    .result-button{
        display: flex;
        justify-content: center;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0
    }
}

@media only screen and (min-width:915px) and (max-width:1023px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -13rem;
        width: 7%;
        opacity: 1;
        top: 0rem;
        height: 100%
    }

    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner {
        transform: rotate(40deg) !important;
        transition: transform 6s cubic-bezier(.5, 0, .5, 1);
        left: 2rem !important
    }

    .tarot-page .welcome__dialog .title-select .how-many-left {
        text-align: center;
        white-space: nowrap;
        position: absolute;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 25rem;
        right: 2rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 100%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 1rem;
        height: 12rem;
        top: 8rem !important;
        left: 15rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 79%;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(-180deg);
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }
}

@media only screen and (min-width:915px) and (max-width:930px) {
    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 19.4rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 18rem
    }
}

@media only screen and (min-width:930px) and (max-width:950px) {
    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 19.4rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 18rem
    }
}

@media only screen and (min-width:950px) and (max-width:970px) {
    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 20rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 18rem
    }
}

@media only screen and (min-width:970px) and (max-width:1023px) {
    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 20.3rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 21rem
    }
}
/* ipad pro*/
@media only screen and (min-width:1023px) and (max-width:1100px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: auto;
        width: 100%;
        opacity: 1;
        left: auto;
        width: 100%;
        opacity: 1;
        left: -5rem;
        width: 144%;
        opacity: 1;
        top: 0rem;
        height: 100%
    }
    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 12rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 32rem !important;
        opacity: 1;
        font-size: 1.3rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 53rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 6rem;
        width: 8rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 28rem;
        left: 22rem;
        position: relative;
    }
    .tarot-page .welcome__dialog .title-revert .escort {
        top: 16rem;
        left: 22rem;
    }
    .tarot-page .tarot-image {
        width: 14.333%!important;
    }
    .tarot-page .results__row p {
        width: 100.172%!important;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title{
        left: 22rem;
        position: relative;
    }
    h5, .-h5 {
        font-size: 2rem;
    }
    .-m-p {
        font-size: 1.3rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform: rotate(139deg) translate(-216%, 769.5%) !important;
        width: 6rem;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }
    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        width:532px;
    }
    .tarot-page .results__row .content {
        width: 109.7%!important;
    }
    .-h5 {
       
        width: 103%;
    }
    .tarot-page .welcome__decorative-circles .big{
        width: 33rem;
    }
    .tarot-page .welcome__dialog .title-select{
        top: 0;
        left: 9rem;

    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 13rem
    }
    .tarot-page .welcome{
        right: 13rem;
    }
    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 42rem;
        font-weight: 700
    }

    .second-title {
        font-size: 1rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 40rem
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 194px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 5.6rem !important
    }
    .result-button{
        display: flex;
        justify-content: center;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.4vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }
    .button-shuffle{
        width: 62%;
        display: inline;
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0
    }
}

@media only screen and (min-width:1100px) and (max-width:1150px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        left: -4rem;
        width: 100%;
        opacity: 1;
        opacity: 1;
        width: 133%;
        opacity: 1;
        top: 1rem;
        height: 94%
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 8rem;
        height: 42rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 59%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 5rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 5rem
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: -3rem
    }

    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 20rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 19rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 108% !important;
        margin-left: 16.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 21rem
    }
}

@media only screen and (min-width:1150px) and (max-width:1250px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        opacity: 1;
        left: -5rem;
        width: 139%;
        opacity: 1;
        top: 0rem;
        height: 100%
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: -3rem
    }

    .first-title {
        font-size: 2.6rem;
        line-height: .95;
        width: 20rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 19rem
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 59%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 5rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 5rem
    }

    #contact .form-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 106% !important;
        margin-left: 17.5rem !important
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 21rem
    }
}

@media only screen and (min-width:1250px) and (max-width:1280px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: -3rem;
        width: 122%;
        opacity: 1;
        top: 0rem;
        height: 100%
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 112% !important;
        margin-left: 11rem !important
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 59%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 5rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 5rem
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0rem;
        width: 41%
    }
}

@media only screen and (min-width:1280px) and (max-width:1300px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: -3rem;
        width: 122%;
        opacity: 1;
        top: 0rem;
        height: 100%
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 112% !important;
        margin-left: 11rem !important
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 59%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 5rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 5rem
    }
    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        width: 45%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: inherit;
        color: #fff;
        font-size: 18px !important;
        border: 0;
        padding: 11px 24px;
        border-radius: 13px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        background: #0f3939;
        letter-spacing: 2px;
    }
    .tarot-page .welcome__dialog .title-select {
        position: relative;
        width: 69%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0rem;
        left: 5rem;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .9s;
    }
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: -3rem;
        width: 120%;
        opacity: 1;
        top: 0rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 112% !important;
        margin-left: 11.5rem !important
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 59%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 5rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 5rem
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: -2rem;
        width: 112%;
        opacity: 1;
        top: 0rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 110% !important;
        margin-left: 12.5rem !important
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 62%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 6rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 6rem
    }
}

@media only screen and (min-width:1600px) and (max-width:1700px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: -1rem;
        width: 106%;
        opacity: 1;
        top: 0rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 112% !important;
        margin-left: 13rem !important
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 59%;
        z-index: 5;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: 0;
        right: 0rem;
        height: 26%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 6rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 6rem
    }
}

@media only screen and (min-width:1700px) and (max-width:1800px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: -1rem;
        width: 106%;
        opacity: 1;
        top: 0rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 111% !important;
        margin-left: 13.7rem !important
    }
}

@media only screen and (min-width:1800px) and (max-width:1920px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        bottom: 36rem;
        opacity: 1;
        left: 0rem;
        width: 100%;
        opacity: 1;
        top: 0rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 111% ;
    }
}

@media only screen and (min-width:290px) and (max-width:360px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 101px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: 96px;
        right: 204px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      display: flex;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right{font-size: 18px;}
    .nbr-cartes {
        display: flex;
        flex-direction: column;
       gap: 23px;
        margin: 0;
        justify-content: space-between
    }
    .tarot-page .welcome__dialog .title-select .title.title-left{
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2){
        right: 4rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4){
        left: 4rem;
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 10rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 2rem;
        line-height: .95;
        width: 21rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 18rem
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 109%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 1.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        left: -17rem !important;
        top: 0rem !important;
        width: 56rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(0deg) !important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 3.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 1rem
    }

    #error-msg {
        display: none;
        color: #9b0e1a;
        font-size: 10px !important;
        margin-left: 2rem !important
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}
/* Samsung galaxy s8*/
@media only screen and (min-width:360px) and (max-width:370px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 55rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 23rem;
    width: 5rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 13rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform:rotate(139deg) translate(0%, 104.5%)!important;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }
    h5, .-h5 {
        font-size: 1.4rem;
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 107px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: 96px;
        right: 218px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      display: flex;
      width: 345px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right{font-size: 18px;}
    .nbr-cartes {
        display: flex;
        flex-direction: column;
       gap: 23px;
        margin: 0;
        justify-content: space-between
    }
    .tarot-page .welcome__dialog .title-select .title.title-left{
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2){
        right: 4rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4){
        left: 4rem;
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 12rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 1.6rem;
        line-height: .95;
        width: 21rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 20rem
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 44px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 3.8rem !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 100%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 2.5vmin 1vw;
        font-size: 3vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }
  

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 7rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 28rem!important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius:8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0
    }

    #error-msg {
        display: none;
        color: #9b0e1a;
        font-size: 10px !important;
        margin-left: 2rem !important
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}
/* iphone SE*/
@media only screen and (min-width:370px) and (max-width:380px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }
    .tarot-page .welcome__dialog .title-select .how-many-left{
        bottom: 16.5rem;
        right: 1rem;
    }

    .tarot-page .welcome__lobby-list .card-axis {
     
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 5rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 23rem;
    width: 5rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 13rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform:rotate(139deg) translate(-8%, 105.5%)!important;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 110px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: 96px;
        right: 229px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      display: flex;
      width: 365px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right{font-size: 18px;}
    .nbr-cartes {
        display: flex;
        flex-direction: column;
       gap: 23px;
        margin: 0;
        justify-content: space-between
    }
    .tarot-page .welcome__dialog .title-select .title.title-left{
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2){
        right: 4rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4){
        left: 4rem;
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 12rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 1.6rem;
        line-height: .95;
        width: 21rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 20rem
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 90%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 3.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: 8px;
    }

    .iti {
        position: relative;
        display: inline-block;
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 88px;
        padding-left: 52px!important;
        margin-left: 0;
        margin-right: 3.5rem!important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 7rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 28rem!important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
       
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0rem;
    }

    #error-msg {
        display: none;
        color: #9b0e1a;
        font-size: 10px !important;
        margin-left: 2rem !important
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }

}
/* iphone 12 pro*/
@media only screen and (min-width:380px) and (max-width:400px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 5rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 23rem;
    width: 5rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 13rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform: rotate(137deg) translate(3%, 109.5%) !important;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 115px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: 96px;
        right: 229px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 200%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      display: flex;
      width: 365px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right{font-size: 18px;}
    .nbr-cartes {
        display: flex;
        flex-direction: column;
       gap: 23px;
        margin: 0;
        justify-content: space-between
    }
    .tarot-page .welcome__dialog .title-select .how-many-left{
        bottom: 16rem;
        right: 11rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many-left span{
        right: 0rem;
    bottom: auto;
    left: 6rem;
    }
    .tarot-page .welcome__dialog .title-select .title.title-left{
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2){
        right: 4rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4){
        left: 4rem;
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 12rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 1.6rem;
        line-height: .95;
        width: 21rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 20rem
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 100%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 2.5vmin 1vw;
        font-size: 3vmin;
        text-align: center;
        border-radius: 8px
    }

    .iti {
        position: relative;
        display: inline-block;
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }
     .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 50px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 3.8rem !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }


    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 7rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 28rem!important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0;
    }

    #error-msg {
        display: none;
        color: #9b0e1a;
        font-size: 10px !important;
        margin-left: 2rem !important
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
    
}
/* Pixel 7*/
@media only screen and (min-width:400px) and (max-width:413px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 7rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 23rem;
    width: 5rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 13rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform:rotate(139deg) translate(-8%, 115.5%)!important;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }
    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 120px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        top: 95px;
        right: 258px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        width: 416px;
    }
    h5, .-h5 {
        font-size: 1.3rem;
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    
    }

    .nbr-cartes {
        display: flex;
        flex-direction: column;
        gap: 23px;
        margin: 0;
        justify-content: space-between;
    }
    .tarot-page .welcome__dialog .title-select .title.title-left {
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right {
        font-size: 18px;
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 11rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 2rem;
        line-height: .95;
        width: 23rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.5;
        padding-top: 2rem;
        width: 20rem
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 61px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 6.8rem !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 100%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 2.5vmin 1vw;
        font-size: 3vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 1.3rem !important
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 7rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 28rem!important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius:8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}
/* iphone XR*/ 
@media only screen and (min-width:413px) and (max-width:420px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }
    .tarot-page .welcome__dialog .title-select .how-many-left{
        bottom: 16.5rem;
        right: 1rem;
    }


    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 5rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 23rem;
    width: 5rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 13rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform:rotate(138deg) translate(-8%, 114.5%) !important;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 122px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        top: 95px;
        right: 260px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      display: flex;
      width: 400px;
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    
    }

    .nbr-cartes {
        display: flex;
        flex-direction: column;
        gap: 23px;
        margin: 0;
        justify-content: space-between;
    }
    .tarot-page .welcome__dialog .title-select .title.title-left {
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right {
        font-size: 18px;
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 37px!important;
       /* padding-left: 75px !important;*/
        margin-left: 0;
        margin-right: 7rem !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }
    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 11rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 2rem;
        line-height: 1.3;
        width: 23rem;
        font-weight: 700
    }

    .second-title {
        font-size: 1rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 20rem
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 100%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 3.5vmin 1vw;
        font-size: 3vmin;
        text-align: center;
        border-radius: 8px;
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 1.3rem !important
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem;
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 7rem !important;
        left: 10rem!important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 28rem!important;
        opacity: 1;
        font-size: .8rem
    }
    .controls .checkbox-block{
        width: 91%;
        margin-top: 4rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many-left span{
        right: -3rem;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0rem;
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}
/* iphone 14 pro max*/
@media only screen and (min-width:420px) and (max-width:430px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 0%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"]{
        transform: rotate(calc(360deg + 40deg* var(--c-choise) - 120deg))!important;
    }
    .tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner{
        width: 8rem!important;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected{
        width: 27rem;
        height: 46rem;
    }
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected{
        height: 23rem;
    width: 5rem;
    }
    h5, .-h5 {
        font-size: 1.4rem;
    }
    .tarot-page .welcome__dialog .title-revert.-show .title.-show{
        top: 13rem;
    }
    .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"], .tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"]{
        transform: rotate(138deg) translate(3%, 116.5%)!important;
    }
    .tarot-page .welcome__lobby-list .card-wrapper .count-title{
        bottom: 15rem!important;
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 21rem;
        right: 124px;
        top: 6px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        top: 95px;
        right: 273px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        width: 416px;
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    
    }

    .nbr-cartes {
        display: flex;
        flex-direction: column;
        gap: 23px;
        margin: 0;
        justify-content: space-between;
    }
    .tarot-page .welcome__dialog .title-select .title.title-left {
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right {
        font-size: 18px;
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 11rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 2rem;
        line-height: 1.3;
        width: 23rem;
        font-weight: 700
    }

    .second-title {
        font-size: 1rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 20rem
    }
    .iti input, .iti input[type=text], .iti input[type=tel]{
        width: auto;
        padding-right: 61px !important;
        padding-left: 52px !important;
        margin-left: 0;
        margin-right: 6.8rem !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 10px!important;
    }
    .message {
        font-size: 2.8vmax;
    }
    .controls .checkbox-block span {
        font-size: 2.7vmin!important;
        font-family: "boska";
        letter-spacing: 1px;
    }

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 100%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 2.5vmin 1vw;
        font-size: 3vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 1.3rem !important
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 4rem;
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        top: 7rem !important;
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(180deg) !important;
        top: 28rem!important;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 6.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0;
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}
/* surface duo*/ 
@media only screen and (min-width:520px) and (max-width:540px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -9rem;
        width: 1%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.6rem;
        height: 26rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        
        top: 7px;
        width: 21rem;
        right: 153px;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }
    .tarot-page .welcome__dialog .title-select{
        top: -5rem;
        font-size: 18px;
        right: 2.5rem;
    }
    .tarot-page .welcome__dialog .title-select .title.title-left {
        font-size: 18px;
    }
    .tarot-page .welcome__dialog .title-select .title.title-right {
        font-size: 18px;
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: 94px;
        right: 360px;
        left: auto;
        width: 10rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 4rem;
        left: auto;
        width: 214%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 73%;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
      
    }

    .nbr-cartes {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 77%;
        margin: 0;
        justify-content: space-between;
        gap: 1.5rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 4rem;
    }
    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 4rem;
    }
    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 11rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 1.6rem;
        line-height: .95;
        width: 29rem;
        font-weight: 700
    }

    .second-title {
        font-size: 1rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 31rem;
    }
    

    .button-shuffle {
        position: relative;
        top: 2rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 64%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 9px 2.2vw;
        border-radius: 8px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .contact-form .form-control {
        display: block;
        width: 50%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 1.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        left: -17rem !important;
        top: 0rem !important;
        width: 56rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(0deg) !important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 3.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 1rem
    }

    #error-msg {
        display: none;
        color: #9b0e1a;
        font-size: 10px !important;
        margin-left: 2rem !important
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}

@media only screen and (min-width:250px) and (max-width:290px) {
    .tarot-page .welcome__lobby-list .lobby-list-inner {
        position: absolute;
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-user-drag: auto;
        touch-action: none;
        will-change: transform;
        opacity: 1;
        left: -1rem;
        width: 1%;
        opacity: 1;
        top: -5rem
    }

    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 2.1rem;
        height: 20rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }

    .tarot-page .welcome__decorative-circles .big {
        position: relative;
        width: 16.5rem;
        border-radius: 57%;
        flex-shrink: 0;
        background-image: linear-gradient(147deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        adding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles .small {
        content: "";
        display: block;
        position: absolute;
        top: auto;
        right: auto;
        left: auto;
        width: 7rem;
        border-radius: 50%;
        background-image: linear-gradient(180deg, #0a2321, #286762 44%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: 1px;
        transform: translateZ(0);
        opacity: 1;
        transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
        will-change: transform, opacity
    }

    .tarot-page .welcome__decorative-circles {
        position: absolute;
        top: 6.7rem;
        left: auto;
        width: 223%;
        max-width: 72rem;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: polygon(-50% -50%, 150% -50%, 150% 50%, -50% 174%)
    }

    .tarot-page .welcome__dialog {
        position: relative;
        width: 57%;
        z-index: 5;
        margin-bottom: 0;
        justify-content: center;
        align-items: center;
        pointer-events: none;
        top: -4.7rem;
        right: 3rem;
        height: 10rem
    }

    .nbr-cartes {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 56%;
        margin: 0;
        justify-content: space-between
    }

    .left-title {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: center;
        bottom: auto;
        height: 100vh;
        margin: 0;
        top: 11rem;
        padding: 0vh 0 0 5vw
    }

    .first-title {
        font-size: 1.4rem;
        line-height: .95;
        width: 15rem;
        font-weight: 700
    }

    .second-title {
        font-size: .8rem;
        line-height: 1.3;
        padding-top: 2rem;
        width: 14rem
    }

    .button-shuffle {
        position: relative;
        top: 1rem;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-flex;
        width: 45%;
        opacity: 1;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 2.2vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        font-size: 2vh !important;
        background: #0f3939;
        justify-content: center
    }

    .tarot-page .welcome__dialog .title-select .title.title-left {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0rem;
        left: 0;
        color: #1c403d;
        font-size: 1rem
    }

    .icon-sun-star {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        border: 2px solid #d2a17d;
        border-radius: 50%
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(2) {
        right: 3rem
    }

    .tarot-page .welcome__dialog .title-select .how-many label:nth-child(4) {
        left: 3rem
    }

    .tarot-page .welcome__dialog .title-select .how-many span.-active {
        opacity: 1;
        transform: scale(1);
        transition-delay: .3s;
        color: #dbdde7;
        font-size: 2rem
    }

    .tarot-page .welcome__dialog .title-select .title.title-right {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0rem;
        left: 0;
        color: #1c403d;
        right: 100%;
        font-size: 1rem
    }

    .contact-form .form-control {
        display: block;
        width: 83%;
        height: auto;
        margin: 3vh auto;
        border-color: rgb(27 107 107);
        background-color: rgb(191 227 227);
        color: #433b24;
        padding: 1.5vmin 1vw;
        font-size: 2vmin;
        text-align: center;
        border-radius: .5rem
    }

    .iti {
        position: relative;
        display: inline-block;
        width: 104% !important;
        margin-left: 1rem !important
    }

    #contact .form-row {
        width: 74%;
        margin-left: auto;
        margin-right: auto
    }

    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, -50%);
        clip-path: none !important
    }

    .tarot-page .welcome__lobby-list.-now-revert .lobby-list-inner {
        transform: rotate(calc(var(--m-drag) * 1deg - 138deg)) !important;
        transition: transform .3s ease-out;
        left: -17rem !important;
        top: 0rem !important;
        width: 56rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0) rotate(0deg) !important;
        opacity: 1;
        font-size: .8rem
    }

    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        white-space: nowrap;
        position: absolute;
        top: 20% !important;
        right: auto;
        bottom: auto;
        left: auto;
        pointer-events: none;
        text-shadow: 0 0 1rem #e6f3e8;
        opacity: 0;
        transform: translate(0, 4rem) rotate(0deg) !important;
        transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
        will-change: transform
    }

    .btnn {
        font-family: Gilroy;
        color: #fff;
        font-size: 1.5vw;
        border: 0;
        padding: 1vh 3.1vw;
        border-radius: 50px;
        box-shadow: 0 8px 15px rgb(51 142 142);
        margin: 1vh 10vw;
        top: 3rem;
        left: 0rem
    }

    #error-msg {
        display: none;
        color: #9b0e1a;
        font-size: 10px !important;
        margin-left: 2rem !important
    }

    #valid-msg {
        display: none;
        color: #35c155;
        font-size: 16px;
        margin-left: 2.3rem !important
    }
}



.tarot-page .welcome__lobby-list .card-magic-circle.-hidden {
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__lobby-list .card-magic-circle .magic-parent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    width: 80%;
    height: 80%;
    animation-name: rotateIt;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: reverse
}

.tarot-page .welcome__lobby-list .card-magic-circle .magic-bubble {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #e6f3e8;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.tarot-page .welcome__lobby-list .card-magic-circle .magic-bubble.anim-1 {
    animation-name: magic-horisontal-11
}

.tarot-page .welcome__lobby-list .card-magic-circle .magic-bubble.anim-2 {
    animation-name: magic-horisontal-22
}

.tarot-page .welcome__lobby-list .card-magic-circle .magic-bubble.anim-3 {
    animation-name: magic-horisontal-33;
    animation-duration: 2s
}

.tarot-page .welcome__lobby-list .card-magic-circle .magic-bubble.anim-4 {
    animation-name: magic-horisontal-44
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-axis {
        position: absolute;
        right: auto;
        width: 8rem;
        height: 42rem;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        box-sizing: initial;
        pointer-events: none;
        transform: rotate(calc(181deg - 17.3deg * var(--c-order)));
        transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
        will-change: transform
    }
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__lobby-list .card-axis.-m-hidden {
        opacity: 0
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-axis {
        width: 11.1%;
        max-width: 11rem;
        transform: rotate(calc(-5deg * -var(--c-order)))
    }
}

.tarot-page .welcome__lobby-list .card-wrapper {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    perspective: 600px;
    transform: rotate(180deg);
    transition: transform calc(2.1s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1);
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-wrapper {
        transform: rotate(calc(0.5deg * var(--c-order)))
    }
}

.tarot-page .welcome__lobby-list .card-wrapper .count-title {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -3.2rem;
    left: auto;
    pointer-events: none;
    text-shadow: 0 0 1rem #e6f3e8;
    opacity: 0;
    transform: translate(0, 4rem) rotate(-180deg);
    transition: transform 1.5s cubic-bezier(.8, 0, .35, 1), opacity 1.5s cubic-bezier(.8, 0, .35, 1);
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-wrapper .count-title {
        top: -1rem;
        bottom: auto;
        transform: translate(0, 4rem)
    }
}

.tarot-page .welcome__lobby-list .card-wrapper .count-title.-show {
    transform: translateZ(0) rotate(-180deg);
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-wrapper .count-title.-show {
        transform: translateZ(0)
    }
}

.tarot-page .welcome__lobby-list .card-wrapper .card-name {
    white-space: nowrap;
    position: absolute;
    top: 96%;
    right: auto;
    bottom: auto;
    left: auto;
    pointer-events: none;
    text-shadow: 0 0 1rem #e6f3e8;
    opacity: 0;
    transform: translate(0, 4rem) rotate(-180deg);
    transition: transform 2.1s cubic-bezier(.23, 1, .32, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    will-change: transform
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-wrapper .card-name {
        top: auto;
        bottom: 85%;
        transform: translate(0, 4rem)
    }
}

.tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
    transform: translateZ(0) rotate(-180deg);
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card-wrapper .card-name.-show {
        transform: translateZ(0)
    }
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-dust {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateZ(-50px)
}

.tarot-page .welcome__lobby-list .card-wrapper .card-magic {
    pointer-events: none;
    position: absolute;
    top: -5%;
    left: -40%;
    width: 140%;
    height: 80%;
    transform-origin: center bottom;
    transform: translateZ(20px) rotate(calc(6.5deg * var(--c-order)))
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-parent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation-name: magic-vertical;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-bubble {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #e6f3e8;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-bubble.anim-1 {
    animation-name: magic-horisontal-1
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-bubble.anim-2 {
    animation-name: magic-horisontal-2
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-bubble.anim-3 {
    animation-name: magic-horisontal-3;
    animation-duration: 2s
}

.tarot-page .welcome__lobby-list .card-wrapper .magic-bubble.anim-4 {
    animation-name: magic-horisontal-4
}

.tarot-page .welcome__lobby-list .card {
    width: 100%;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    transform-style: preserve-3d;
    transform: translateZ(0);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1)
}

.tarot-page .welcome__lobby-list .card .flip-card-inner {
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    transform: translateZ(0)
}

.tarot-page .welcome__lobby-list .card .flip-card-back {
    position: relative;
    width: 100%;
    border-radius: .35rem;
    overflow: hidden;
    transform: translateZ(1px)
}

.tarot-page .welcome__lobby-list .card .flip-card-back::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 50% 50%, rgba(199, 198, 243, .3), transparent) !important;
    opacity: 0;
    transform: translateZ(0);
    will-change: opacity;
    transition: all .3s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__lobby-list .card .flip-card-back img {
    display: block;
    width: 100%
}

.tarot-page .welcome__lobby-list .card .flip-card-back .glare {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.23, 1, .32, 1);
    pointer-events: none
}

.tarot-page .welcome__lobby-list .card .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(.5px) scale(1.1);
    opacity: 1;
    transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__lobby-list .card .flip-card-front {
    position: absolute;
    top: .5%;
    left: .5%;
    width: 99%;
    height: 99%;
    background-color: #f5f5f5;
    border-radius: .35rem;
    overflow: hidden;
    padding: 4.68% 4.68%;
    box-sizing: border-box;
    transform: rotateY(180deg) translateZ(0)
}

.tarot-page .welcome__lobby-list .card .flip-card-front::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.9%;
    bottom: 1.9%;
    left: 3.125%;
    right: 3.125%;
    background-image: linear-gradient(to right bottom, #D2A17D 20%, #49432E 70%, #D2A17D 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    border-radius: .25rem;
    opacity: .2
}

.tarot-page .welcome__lobby-list .card .flip-card-front video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
    overflow: hidden;
    transform: translateZ(0)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card:hover {
        transform: scale(1.025) translate(0, 5%)
    }

    .tarot-page .welcome__lobby-list .card:hover .flip-card-back .glare {
        opacity: .6
    }
}

.tarot-page .welcome__lobby-list .card.-selected {
    transform: scale(1) translate(0, -25%);
    transition: transform .9s cubic-bezier(.89, -.72, .65, 1);
    cursor: default
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list .card.-selected {
        transform: scale(1) translate(0, 35%)
    }
}

.tarot-page .welcome__lobby-list .card.-selected .flip-card-back::after {
    opacity: .6
}

.tarot-page .welcome__lobby-list .card.-selected .flip-card-back .glare {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-shuffling-end .lobby-list-inner {
    transition: transform 0s linear
}

.tarot-page .welcome__lobby-list.-shuffling-half .card-axis {
    transform: rotate(210deg);
    transition: transform calc(1.2s*(1.5 + .0375*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.3, 0, .14, 1)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-shuffling-half .card-axis {
        transform: rotate(-60deg)
    }
}

.tarot-page .welcome__lobby-list.-choice-is-made .card-axis {
    pointer-events: none;
    transform: rotate(-180deg) translate(-400%, 0);
    transition: transform calc(.9s*(1.2 + .075*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.5, 0, .5, 1);
    transition-delay: calc(.01s*(var(--c-count)/2 - var(--c-order)))
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-choice-is-made .card-axis {
        transform: rotate(-135deg)
    }
}

.tarot-page .welcome__lobby-list.-choice-is-made .card {
    pointer-events: none;
    transform: translateZ(0) rotateY(75deg);
    transition: transform calc(2s*(1.2 + .075*(var(--c-count)/2 - var(--c-order)))) cubic-bezier(.4, .1, 0, 1);
    transition-delay: calc(.01s*(var(--c-count)/2 - var(--c-order)))
}

.tarot-page .welcome__lobby-list.-choice-is-made .card .flip-card-back::after {
    opacity: 0;
    transition: all .9s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__lobby-list.-choice-is-made .card .flip-card-back .glare {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-choice-is-made .card .shade {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-choice-is-made .card.-selected {
    transform: translateZ(0);
    transition: transform 6s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__lobby-list.-choice-is-made .card.-selected .shade {
    opacity: 1
}

.tarot-page .welcome__lobby-list.-choice-is-made .card.-selected .flip-card-back::after {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-no-card .card {
    display: none
}

.tarot-page .welcome__lobby-list.-no-card .card.-selected {
    display: block
}

.tarot-page .welcome__lobby-list.-go-fly {
    transform: translate(0, -50%);
    clip-path: polygon(-50% -50%, 150% -50%, 150% 100%, -50% 100%)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-go-fly {
        transform: translate(0, 20%);
        clip-path: none
    }
}

.tarot-page .welcome__lobby-list.-go-fly .lobby-list-inner {
    transform: rotate(-360deg);
    transition: transform 6s cubic-bezier(.5, 0, .5, 1)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.-selected {
    transition: transform 3s cubic-bezier(.8, 0, .35, 1)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.-selected[data-choise="1"] {
    transform: rotate(-648deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.-selected[data-choise="2"] {
    transform: rotate(-576deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.-selected[data-choise="3"] {
    transform: rotate(-504deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.-selected[data-choise="4"] {
    transform: rotate(-432deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.-selected[data-choise="5"] {
    transform: rotate(-360deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.yes-no.-selected[data-choise="1"] {
    transform: rotate(-630deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.yes-no.-selected[data-choise="2"] {
    transform: rotate(-450deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.one.-selected[data-choise="1"] {
    transform: rotate(-540deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.three.-selected[data-choise="1"] {
    transform: rotate(-600deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.three.-selected[data-choise="2"] {
    transform: rotate(-480deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-axis.three.-selected[data-choise="3"] {
    transform: rotate(-360deg)
}

.tarot-page .welcome__lobby-list.-go-fly .card-wrapper {
    transform: rotate(0deg) translate(0, 20%)
}

.tarot-page .welcome__lobby-list.-go-fly .card-wrapper:not(.-selected) {
    transform: rotate(0deg) translate(0, 100%);
    transition: transform 3s cubic-bezier(.8, 0, .35, 1)
}

.tarot-page .welcome__lobby-list.-go-fly .card-wrapper.-selected {
    transform: rotate(0deg) translate(0, -90%);
    transition: transform 3s cubic-bezier(.5, 0, .5, 1)
}

.tarot-page .welcome__lobby-list.-go-fly .card {
    transform: translateZ(0)
}

.tarot-page .welcome__lobby-list.-go-fly .card .flip-card-back::after {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-go-fly .card .flip-card-back .glare {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-go-fly .card.-selected {
    transform: translateZ(0) rotate(-180deg);
    transition: transform 4.2s cubic-bezier(.3, 0, .14, 1)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-go-fly .card.-selected {
        transform: translateZ(0)
    }
}

.tarot-page .welcome__lobby-list.-now-revert {
    transform: translate(0, 0%)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-now-revert {
        transform: translate(0, 0)
    }
}

.tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected {
    pointer-events: all;
    transition: transform 3.3s cubic-bezier(.3, 0, .14, 1)
}

.tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"] {
    transform: rotate(calc(-540deg + 40deg * var(--c-choise) - 120deg))
}

@media only screen and (min-width:1024px) {

    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="1"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="2"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="3"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="4"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.-selected[data-choise="5"] {
        transform: rotate(calc(-745deg + 50deg * var(--c-choise) - 75deg))
    }
}

.tarot-page .welcome__lobby-list.-now-revert .card-axis.yes-no.-selected[data-choise="1"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.yes-no.-selected[data-choise="2"] {
    transform: rotate(calc(-540deg + 40deg * var(--c-choise) - 60deg))
}

@media only screen and (min-width:1024px) {

    .tarot-page .welcome__lobby-list.-now-revert .card-axis.yes-no.-selected[data-choise="1"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.yes-no.-selected[data-choise="2"] {
        transform: rotate(calc(-720deg + 50deg * var(--c-choise) - 75deg))
    }
}

.tarot-page .welcome__lobby-list.-now-revert .card-axis.one.-selected[data-choise="1"] {
    transform: rotate(calc(-540deg + 40deg * var(--c-choise) - 40deg))
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.one.-selected[data-choise="1"] {
        transform: rotate(calc(-720deg + 75deg * var(--c-choise) - 75deg))
    }
}

.tarot-page .welcome__lobby-list.-now-revert .card-axis.three.-selected[data-choise="1"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.three.-selected[data-choise="2"],
.tarot-page .welcome__lobby-list.-now-revert .card-axis.three.-selected[data-choise="3"] {
    transform: rotate(calc(-540deg + 40deg * var(--c-choise) - 80deg))
}

@media only screen and (min-width:1024px) {

    .tarot-page .welcome__lobby-list.-now-revert .card-axis.three.-selected[data-choise="1"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.three.-selected[data-choise="2"],
    .tarot-page .welcome__lobby-list.-now-revert .card-axis.three.-selected[data-choise="3"] {
        transform: rotate(calc(-720deg + 37.5deg * var(--c-choise) - 75deg))
    }
}

.tarot-page .welcome__lobby-list.-now-revert .card-wrapper.-selected {
    transform: rotate(0deg) translate(0, 0);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: calc(.6s + .3s*var(--c-choise))
}

.tarot-page .welcome__lobby-list.-now-revert .card.-selected {
    cursor: pointer;
    pointer-events: all;
    transform: translateZ(0) rotate(-180deg);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-now-revert .card.-selected {
        transform: translateZ(0)
    }

    .tarot-page .welcome__lobby-list.-now-revert .card.-selected:hover {
        transform: scale(1.025) translateZ(0)
    }

    .tarot-page .welcome__lobby-list.-now-revert .card.-selected:hover .flip-card-back .glare {
        opacity: .6
    }
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-open {
    z-index: 40;
    cursor: default;
    transform: scale(1.35) rotate(-180deg);
    transition: transform 3s cubic-bezier(.5, 0, .5, 1)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-open .card.-selected.-open {
        transform: scale(1.35)
    }
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-open .flip-card-inner {
    transform: rotateY(180deg);
    transition: transform 3s cubic-bezier(.72, 0, .12, 1.54)
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-open .flip-card-back::after {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-open .flip-card-back .glare {
    opacity: 0
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-open .shade {
    transform: translateZ(.5px) scale(1.4) translateY(10%);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(.5, 0, .5, 1), opacity 1.5s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-done {
    transform: scale(1) rotate(-180deg);
    transition: transform 1.8s cubic-bezier(.4, .1, 0, 1);
    transition-delay: .6s
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-open .card.-selected.-done {
        transform: scale(1)
    }
}

.tarot-page .welcome__lobby-list.-open .card.-selected.-done .shade {
    transform: translateZ(.5px) scale(1.1) translateY(0%);
    opacity: 1;
    transition: transform 1.8s cubic-bezier(.4, .1, 0, 1), opacity 1.8s cubic-bezier(.4, .1, 0, 1);
    transition-delay: .6s
}

.tarot-page .welcome__lobby-list.-go-to-place {
    pointer-events: none;
    clip-path: none
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__lobby-list.-go-to-place .cards-nav {
        opacity: 0;
        transform: scale(.5);
        pointer-events: none !important
    }
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__lobby-list.-go-to-place .lobby-list-inner {
        transform: rotate(-360deg);
        transition: transform 1.2s cubic-bezier(.5, 0, .5, 1)
    }
}

.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected {
    pointer-events: none;
    transition: transform 6s cubic-bezier(.3, 0, .14, 1)
}

.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="1"],
.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="2"],
.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="3"],
.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="4"],
.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-selected.-selected[data-choise="5"] {
    transform: rotate(-720deg) translate(0%, 450.5%);
    height: 4rem;
    width: 12.1%;
}

.tarot-page .welcome__lobby-list.-go-to-place .card-axis.-hidden {
    transform: rotate(-720deg) translate(0%, 22.5%) scale(1.5) !important;
    opacity: 0 !important;
    transition: transform 1.2s cubic-bezier(.3, 0, .14, 1), opacity 1.2s cubic-bezier(.3, 0, .14, 1) !important;
    pointer-events: none !important
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper.-selected {
    transform: rotate(0deg) translate(calc(var(--c-move-x) * -1px), calc(var(--c-move-y) * 1px))
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper.-selected[data-choise="1"] .card.-selected {
    transform: rotate(10deg);
    transition: transform 4.5s cubic-bezier(.3, 0, .14, 1);
    transition-delay: 0s
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper.-selected[data-choise="2"] .card.-selected {
    transform: rotate(5deg);
    transition: transform 4.5s cubic-bezier(.3, 0, .14, 1);
    transition-delay: 0s
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper.-selected[data-choise="3"] .card.-selected {
    transform: rotate(-7deg);
    transition: transform 4.5s cubic-bezier(.3, 0, .14, 1);
    transition-delay: 0s
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper.-selected[data-choise="4"] .card.-selected {
    transform: rotate(-3deg);
    transition: transform 4.5s cubic-bezier(.3, 0, .14, 1);
    transition-delay: 0s
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper.-selected[data-choise="5"] .card.-selected {
    transform: rotate(6deg);
    transition: transform 4.5s cubic-bezier(.3, 0, .14, 1);
    transition-delay: 0s
}

.tarot-page .welcome__lobby-list.-go-to-place .card-wrapper .card-name {
    opacity: 0;
    transform: translate(0, 4rem)
}

.tarot-page .welcome__lobby-list.-results-time .card-axis.-selected {
    transition: transform 0s linear
}

.tarot-page .welcome__lobby-list.-results-time .card-wrapper.-selected {
    transition: transform 0s linear
}

.tarot-page .welcome__lobby-list.-results-time .card-wrapper.-selected[data-choise="1"] .card.-selected,
.tarot-page .welcome__lobby-list.-results-time .card-wrapper.-selected[data-choise="2"] .card.-selected,
.tarot-page .welcome__lobby-list.-results-time .card-wrapper.-selected[data-choise="3"] .card.-selected,
.tarot-page .welcome__lobby-list.-results-time .card-wrapper.-selected[data-choise="4"] .card.-selected,
.tarot-page .welcome__lobby-list.-results-time .card-wrapper.-selected[data-choise="5"] .card.-selected {
    transition: transform 0s linear
}

.tarot-page .welcome__lobby-list.-setup .card-axis {
    pointer-events: none;
    transform: rotate(90deg) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-setup .card-axis {
        transform: rotate(135deg) translateZ(0)
    }
}

.tarot-page .welcome__lobby-list.-setup .card-wrapper {
    transform: rotate(calc(180deg - 3deg * var(--c-order)))
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome__lobby-list.-setup .card-wrapper {
        transform: rotate(calc(3deg * var(--c-order)))
    }
}

.tarot-page .welcome__lobby-list.-setup .card {
    pointer-events: none;
    transform: translateZ(0) rotateY(30deg)
}

.tarot-page .welcome__lobby-list.-blocked {
    cursor: progress
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome__lobby-list.-blocked .cards-nav {
        opacity: 0;
        transform: scale(.5);
        pointer-events: none !important
    }
}

.tarot-page .welcome__lobby-list.-blocked .card {
    pointer-events: none !important
}

.tarot-page .welcome .button {
    position: absolute;
    top: 16rem;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-flex;
    width: auto;
    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    font-family: Gilroy;
    color: #fff;
    font-size: 1.5vw;
    border: 0;
    padding: 1vh 2.2vw;
    border-radius: 50px;
    box-shadow: 0 8px 15px rgb(51 142 142);
    margin: 1vh 10vw;
    font-size: 2vh !important;
    background: #0b4949
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome .button {
        top: 62.7%;
        right: 72rem
    }
}

.tarot-page .welcome .button.-hidden {
    pointer-events: none;
    opacity: 0;
    transform: scale(.8) translate(0, -2rem)
}

@media only screen and (max-width:1024px) {
    .tarot-page .welcome.-done {
        position: absolute;
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .welcome.-done {
        margin-bottom: clamp(-100vw, -90vh, -800px)
    }
}

.tarot-page .tarot-image {
    display: none
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-image {
        display: block;
        width: 8.333%;
        position: fixed;
        z-index: 3;
        left: 5.166%;
        bottom: 0;
        margin-bottom: .166%;
        pointer-events: none
    }

    .tarot-page .tarot-image figure {
        position: relative;
        width: 100%;
        padding: 50% 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        overflow: hidden;
        transform: translate(0, 175%) scale(.8);
        transition: transform .9s cubic-bezier(.89, -.72, .65, 1)
    }

    .tarot-page .tarot-image figure img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .tarot-page .tarot-image.-inview figure {
        transform: translateZ(0);
        transition: transform 2.1s cubic-bezier(.4, .1, 0, 1);
        transition-delay: .6s
    }

    .tarot-page .tarot-image.-hidden figure,
    .tarot-page .tarot-image.-ended figure {
        transform: translate(0, 175%) scale(.8);
        transition: transform .9s cubic-bezier(.89, -.72, .65, 1);
        transition-delay: 0s
    }
}

.tarot-page .tarot-aside-ad {
    position: relative;
    z-index: 20;
    border-radius: 1.2rem 2.5rem;
    background-image: linear-gradient(45deg, #7B47C9 0%, #1E1131 100%);
    background-size: 200%;
    animation: adBg 9s ease-in-out infinite;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-top: -2.5rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(var(--t-height)*1px + 4rem);
    opacity: 1;
    transform: translateZ(0);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1), height 1.2s cubic-bezier(.4, .1, 0, 1);
    will-change: height, transform, opacity
}

@media only screen and (max-width:320px) {
    .tarot-page .tarot-aside-ad {
        margin-top: -8rem
    }
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-aside-ad {
        margin-top: initial;
        margin-bottom: initial;
        height: 6rem;
        margin-top: initial;
        position: fixed;
        left: .694%;
        top: calc(100vh - .25rem);
        width: 31.944%;
        max-width: 23rem;
        transform: translate(0, -100%);
        margin-left: initial;
        margin-right: initial
    }

    .tarot-page .tarot-aside-ad:hover {
        height: calc(var(--t-height)*1px + 4rem)
    }

    .tarot-page .tarot-aside-ad.-hidden {
        pointer-events: none;
        opacity: 0;
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.3, 0, .14, 1), opacity .9s cubic-bezier(1, 0, .65, .1);
        transition-delay: .3s
    }
}

.tarot-page .tarot-aside-ad.-ended {
    pointer-events: none;
    opacity: 0;
    transform: translateZ(0);
    transition: transform .9s cubic-bezier(.3, 0, .14, 1), opacity .9s cubic-bezier(1, 0, .65, .1);
    transition-delay: .3s
}

.tarot-page .tarot-aside-ad .tarot-aside-ad-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tarot-page .tarot-aside-ad::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 4rem;
    background-image: linear-gradient(to top, #7B47C9 0%, rgba(123, 71, 201, 0) 100%);
    border-radius: 0 0 1.2rem 2.5rem;
    pointer-events: none
}

.tarot-page .tarot-aside-ad::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    border-radius: 2rem;
    border: 1px solid #e6f3e8;
    opacity: .4;
    pointer-events: none
}

.tarot-page .tarot-aside-ad>img {
    position: absolute;
    top: -.5rem;
    right: auto;
    bottom: auto;
    left: auto;
    width: 2rem;
    animation-name: rotateIt;
    animation-duration: 21s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.tarot-page .tarot-aside-ad .tarot-aside-ad-inner .the-ad {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-aside-ad .tarot-aside-ad-inner .the-ad {
        width: 77.27%;
        margin-left: auto;
        margin-right: auto
    }
}

.tarot-page .tarot-aside-ad .tarot-aside-ad-inner .the-ad img {
    display: initial;
    width: initial
}

.tarot-page .tarot-aside-ad .go-to-ad {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-aside-ad .go-to-ad {
        display: none
    }
}

.tarot-page .tarot-aside-ad.-done {
    display: none
}

.tarot-page .tarot-tips {
    position: relative;
    z-index: 30;
    border-radius: 2.5rem 1.2rem;
    background-color: #120b1c;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(var(--t-height)*1px + 4rem);
    opacity: 1;
    transform: translateZ(0);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1), height 1.2s cubic-bezier(.4, .1, 0, 1);
    will-change: height, transform, opacity
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-tips {
        background-color: rgba(18, 11, 28, .1254901961);
        backdrop-filter: blur(2rem);
        -webkit-backdrop-filter: blur(2rem);
        -moz-backdrop-filter: blur(2rem);
        height: 6rem;
        margin-top: initial;
        position: fixed;
        right: .694%;
        top: calc(100vh - .25rem);
        width: 31.944%;
        max-width: 23rem;
        transform: translate(0, -100%);
        margin-left: initial;
        margin-right: initial
    }

    .tarot-page .tarot-tips:hover {
        height: calc(var(--t-height)*1px + 4rem)
    }

    .tarot-page .tarot-tips.-hidden {
        pointer-events: none;
        opacity: 0;
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.3, 0, .14, 1), opacity .9s cubic-bezier(1, 0, .65, .1);
        transition-delay: .3s
    }
}

.tarot-page .tarot-tips.-ended {
    pointer-events: none;
    opacity: 0;
    transform: translateZ(0);
    transition: transform .9s cubic-bezier(.3, 0, .14, 1), opacity .9s cubic-bezier(1, 0, .65, .1);
    transition-delay: .3s
}

.tarot-page .tarot-tips .tarot-tips-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tarot-page .tarot-tips::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 4rem;
    background-image: linear-gradient(to top, #120B1C 0%, rgba(18, 11, 28, 0) 100%);
    border-radius: 0 0 2.5rem 1.2rem;
    pointer-events: none
}

.tarot-page .tarot-tips::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    border-radius: 2rem;
    border: 1px solid #d2a17d;
    opacity: .2;
    pointer-events: none
}

.tarot-page .tarot-tips img {
    position: absolute;
    top: -.5rem;
    right: auto;
    bottom: auto;
    left: auto;
    width: 2rem;
    animation-name: rotateIt;
    animation-duration: 21s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0
}

.tarot-page .tarot-tips .slides {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%
}

.tarot-page .tarot-tips .tip-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transform: translate(0, 2rem) scale(.95);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .tarot-tips .tip-slide.-show {
    pointer-events: all;
    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    transition-delay: .3s
}

.tarot-page .tarot-tips .tip-slide div {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-tips .tip-slide div {
        width: 77.27%;
        margin-left: auto;
        margin-right: auto
    }
}

.tarot-page .tarot-tips .tip-slide .title {
    color: #e6f3e8;
    margin-bottom: .75rem;
    text-align: center;
    font-family: "lexend";
    font-weight: 400;
    line-height: 1.25
}

.tarot-page .tarot-tips .tip-slide p {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-family: "lexend";
    font-weight: 400;
    line-height: 1.25
}

@media only screen and (min-width:1024px) {
    .tarot-page .tarot-tips .tip-slide p {
        width: 76.47%;
        margin-left: auto;
        margin-right: auto
    }
}

.tarot-page .tarot-tips footer {
    position: absolute;
    z-index: 3;
    bottom: .5rem;
    left: 0;
    right: 0;
    padding: 0 1.5rem .5rem;
    color: #e6f3e8;
    display: flex;
    justify-content: space-between
}

.tarot-page .tarot-tips footer .tips-pagination {
    opacity: .4
}

.tarot-page .tarot-tips footer button {
    display: flex;
    align-content: center;
    text-transform: uppercase
}

.tarot-page .tarot-tips footer button span {
    color: #d2a17d
}

.tarot-page .tarot-tips footer svg {
    width: 1.1rem;
    aspect-ratio: 1/1;
    margin-right: .5rem;
    stroke-width: 1.5px;
    stroke: #7b47c9;
    transform: rotate(-90deg) translateZ(0);
    stroke-dasharray: 62;
    stroke-dashoffset: 62
}

.tarot-page .tarot-tips footer svg.-stop {
    opacity: 0;
    transform: rotate(-90deg) scale(.5);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1)
}

.tarot-page .tarot-tips.-done {
    display: none
}

.tarot-page .go-to-tips {
    display: block;
    position: absolute;
    top: 5rem;
    right: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(230, 243, 232, .2509803922);
    border-radius: 50%;
    box-sizing: border-box
}

@media only screen and (min-width:1024px) {
    .tarot-page .go-to-tips {
        display: none
    }
}

.tarot-page .loading {
    position: fixed;
    z-index: 20;
    top: 1.8rem;
    right: 5rem;
    bottom: auto;
    animation-name: rotateIt;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 1.4rem;
    display: none
}

@media only screen and (min-width:1024px) {
    .tarot-page .loading {
        top: 2rem;
        right: 17.361%;
        width: 1.1rem
    }
}

.tarot-page .loading svg {
    width: 100%;
    aspect-ratio: 1/1;
    fill: #e6f3e8
}

.tarot-page .loading.-show {
    display: block
}

.tarot-page .about {
    position: relative;
    z-index: 3;
    margin-top: 10rem;
    margin-left: 2rem;
    margin-right: 2rem;
    transform: translateZ(0);
    opacity: 1;
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    will-change: transform, opacity
}

.tarot-page .about *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .tarot-page .about {
        width: 31.944%;
        margin-top: 6rem;
        margin-left: auto;
        margin-right: auto
    }
}

.tarot-page .about.-hidden {
    transform: translate(0, 4rem);
    opacity: 0
}

.tarot-page .about__title {
    text-align: center;
    white-space: pre-wrap;
    margin-bottom: 2rem
}

.tarot-page .about__subtitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: -1rem;
    margin-bottom: 2rem
}

.tarot-page .about__caption {
    width: 69.56%;
    margin-bottom: 1rem;
    color: #e6f3e8
}

.tarot-page .about__caption:nth-child(2n) {
    margin-left: 26.087%
}

.tarot-page .about.-done {
    margin: 0
}

.tarot-page .feel {
    margin-top: 4rem;
    position: relative;
    z-index: 3;
    transform: translateZ(0);
    opacity: 1;
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    will-change: transform, opacity
}

.tarot-page .feel *::selection {
    background-color: #a689d2
}

.tarot-page .feel.-hidden {
    transform: translate(0, 4rem);
    opacity: 0
}

.tarot-page .feel__subtitle {
    text-align: center;
    white-space: pre-wrap;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto
}

.tarot-page .feel #anchor-target {
    position: absolute;
    top: 40%;
    right: 0;
    bottom: auto;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.tarot-page .feel .grid {
    margin-top: 1.5rem;
    margin-left: .25rem;
    margin-right: .25rem;
    position: relative
}

@media only screen and (min-width:1024px) {
    .tarot-page .feel .grid {
        width: 81.944%;
        margin-left: auto;
        margin-right: auto
    }
}

.tarot-page .feel .grid::before {
    content: "";
    display: block;
    position: absolute;
    top: -1rem;
    left: 50%;
    width: 1px;
    height: 100%;
    padding: 1rem 0;
    box-sizing: initial;
    background-image: linear-gradient(to bottom, rgba(166, 137, 210, 0) 0%, #abaec4 50%, rgba(166, 137, 210, 0) 100%)
}

.tarot-page .feel .row {
    position: relative;
    display: flex
}

.tarot-page .feel .row::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #abaec4 50%, rgba(166, 137, 210, 0) 100%)
}

.tarot-page .feel .row:last-child::before {
    content: none
}

.tarot-page .feel .row-item {
    width: 50%;
    padding: 1.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .tarot-page .feel .row-item {
        padding: 3rem 0
    }
}

.tarot-page .feel .row-item p {
    color: #bec1d3;
    margin: 0 1.5rem
}

@media only screen and (min-width:1024px) {
    .tarot-page .feel .row-item p {
        margin: 0 .5rem
    }
}

.tarot-page .feel .icon-row {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0
}

.tarot-page .feel .icon-wrap {
    background-color: #fff;
    padding: .25rem;
    border-radius: 50%
}

.tarot-page .feel.-done {
    margin: 0
}

.tarot-page .results {
    display: none;
    position: relative;
    z-index: 3
}

.tarot-page .results *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .tarot-page .results {
        padding-top: 0rem
    }
}

.tarot-page .results.-show {
    display: block;
    top: 0rem
}

.tarot-page .results #anchor-target-new {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none
}

.tarot-page .results #result-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem;
    opacity: 0;
    transform: scale(.5);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 1.2s;
    will-change: transform, opacity
}

@media only screen and (max-width:1024px) {
    .tarot-page .results #result-icon {
        width: 4rem;
        height: 4rem
    }
}

.tarot-page .results #result-icon.-show {
    opacity: 1;
    transform: translateZ(0)
}

.tarot-page .results>h2 {
    position: relative;
    text-align: center;
    opacity: 0;
    transform: translate(0, 4rem);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 1.2s;
    will-change: transform, opacity
}

@media only screen and (min-width:1024px) {
    .tarot-page .results>h2 {
        margin-bottom: 3rem
    }
}

.tarot-page .results>h2.-show {
    opacity: 1;
    transform: translateZ(0)
}

.tarot-page .results>h2 label {
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 0%;
    pointer-events: none;
    opacity: 1;
    animation-name: flyXY;
    animation-duration: 18s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

@keyframes bounce2 {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes grow {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.tarot-page .results>h2 label::before {
    content: "";
    display: block;
    position: absolute;
    top: -.5rem;
    width: .125rem;
    height: .125rem;
    border-radius: 50%;
    background-color: #82786a;
    box-shadow: 0 0 .5rem .25rem #817769;
    transform-origin: 2rem 3rem;
    transform: rotate(0deg) translateY(0);
    opacity: 1;
    animation-name: flyZ;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.tarot-page .results__row {
    position: relative;
    margin-left: .25rem;
    margin-right: .25rem;
    padding-top: 1rem;
    padding-bottom: 4rem;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .tarot-page .results__row {
        width: 65.277%;
        margin-left: auto;
        margin-right: auto;
        flex-direction: initial;
        justify-content: space-between;
        align-items: flex-start
    }
}

.tarot-page .results__row .line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #cbd0dd 50%, rgba(166, 137, 210, 0) 100%);
    opacity: 0;
    transform: translate(0, 4rem);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 1.8s;
    will-change: transform, opacity
}

.tarot-page .results__row .line.-show {
    opacity: 1;
    transform: translateZ(0)
}

.tarot-page .results__row .image {
    width: 100%;
    padding: 6.5rem 0
}

@media only screen and (min-width:1024px) {
    .tarot-page .results__row .image {
        width: 36.17%;
        padding: 10% 0
    }
}

.tarot-page .results__row .content {
    width: 100%;
    opacity: 0;
    transform: translate(0, 4rem);
    transition: transform 2.1s cubic-bezier(.4, .1, 0, 1), opacity 2.1s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 1.5s;
    will-change: transform, opacity
}

@media only screen and (min-width:1024px) {
    .tarot-page .results__row .content {
        width: 93.7%
    }
}

.tarot-page .results__row .content.-show {
    opacity: 1;
    transform: translateZ(0)
}

.tarot-page .results__row .title {
    text-align: center;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .tarot-page .results__row .title {
        width: 93.103%
    }
}

.tarot-page .results__row h5:first-child {
    color: #f5faff
}

.tarot-page .results__row p {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    color: #dbdfe3
}

@media only screen and (min-width:1024px) {
    .tarot-page .results__row p {
        width: 76.172%;
        padding-right: 3.448%
    }
}

.tarot-page .results__row.-last .line {
    display: none
}

.tarot-page .results .replay {
    position: relative;
    text-align: center;
    padding: .75rem 0 2rem;
    margin-left: auto;
    margin-right: auto;
    top: 1rem
}

.tarot-page .results .replay .bg-circle {
    display: block;
    position: absolute;
    z-index: 0;
    top: 3rem;
    left: -5%;
    width: 110%;
    border-radius: 50%;
    flex-shrink: 0;
    pointer-events: none;
    opacity: .2;
    background-image: linear-gradient(90deg, rgba(166, 137, 210, 0), transparent, rgba(166, 137, 210, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px
}

.tarot-page .results .replay .bg-circle::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.tarot-page .results .replay .dream-catch {
    width: 6.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem
}

.tarot-page .results .replay .button {
    display: inline-flex
}

.tarot-page .results .other-reading-title {
    text-align: center;
    margin-bottom: 2rem
}

.tarot-page .results .results-nav {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    opacity: 1;
    transform: translateZ(0);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1), opacity 1.2s cubic-bezier(.4, .1, 0, 1);
    transition-delay: 0s
}

.tarot-page .results .results-nav .i {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    pointer-events: all;
    margin-bottom: 2rem
}

.tarot-page .results .results-nav a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.tarot-page .results .results-nav a::before {
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    left: 30%;
    width: 40%;
    height: 30%;
    border-radius: 50%;
    background-color: #7b47c9;
    box-shadow: 0 0 1rem 1.5rem #7b47c9;
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a .link {
    position: relative;
    text-align: center;
    white-space: nowrap
}

.tarot-page .results .results-nav a .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem
}

@media only screen and (min-width:1024px) {
    .tarot-page .results .results-nav a .icon {
        width: 2.5rem
    }
}

.tarot-page .results .results-nav a .icon img {
    position: relative;
    pointer-events: none
}

.tarot-page .results .results-nav a .icon img:not(.base),
.tarot-page .results .results-nav a .icon div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1024px) {
    .tarot-page .results .results-nav a:hover::before {
        opacity: .6
    }
}

.tarot-page .results .results-nav a.usual .icon img.base {
    animation: usualMobileA 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.usual .icon img.el {
    animation: usualMobileB 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.love .icon .tail {
    clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0 100%)
}

.tarot-page .results .results-nav a.love .icon .arrowhead {
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
}

.tarot-page .results .results-nav a.love .icon .tail,
.tarot-page .results .results-nav a.love .icon .arrowhead {
    animation: loveMobileA 2.4s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.love .icon .tail img,
.tarot-page .results .results-nav a.love .icon .arrowhead img {
    animation: loveMobileB 2.4s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.love .icon img.base {
    animation: loveMobileC 2.4s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.love .icon img.el-b {
    animation-name: heart;
    animation-duration: 2.4s;
    animation-timing-function: cubic-bezier(.4, .1, 0, 1);
    animation-iteration-count: infinite
}

.tarot-page .results .results-nav a.three .icon img.base {
    animation: threeMobileA 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.three .icon img.el-a {
    animation: threeMobileB 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.three .icon img.el-b {
    animation: threeMobileB 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.three .icon img.el-c {
    animation: threeMobileB 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.three .icon .shine {
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
}

.tarot-page .results .results-nav a.three .icon .shine img {
    animation: threeMobileC 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.yesno .icon img.base {
    animation: yesnoMobileA 2.4s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.yesno .icon img.el-a {
    animation: yesnoMobileB 2.4s infinite cubic-bezier(.72, 0, .12, 1.54)
}

.tarot-page .results .results-nav a.yesno .icon img.el-b {
    animation: yesnoMobileC 2.4s infinite cubic-bezier(.72, 0, .12, 1.54)
}

.tarot-page .results .results-nav a.one .icon img.base {
    animation: oneMobileA 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.one .icon img.el-a {
    animation: oneMobileA 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

.tarot-page .results .results-nav a.one .icon img.el-b {
    animation: oneMobileA 4.8s infinite cubic-bezier(.4, .1, 0, 1)
}

@media only screen and (min-width:1024px) {
    .tarot-page .results .results-nav {
        flex-wrap: nowrap
    }

    .tarot-page .results .results-nav .i {
        width: 6rem;
        margin-bottom: initial
    }

    .tarot-page .results .results-nav .i:nth-child(3):nth-last-child(3) {
        transform: translate(0, -.25rem)
    }

    .tarot-page .results .results-nav .i:first-child {
        transform: translate(0, 1rem)
    }

    .tarot-page .results .results-nav .i:last-child {
        transform: translate(0, 1rem)
    }

    .tarot-page .results .results-nav a.usual .icon img.base {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.usual .icon img.el {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.5, 0, .2, 1.6)
    }

    .tarot-page .results .results-nav a.usual:hover .icon img.base {
        transform: rotate(-5deg) scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.usual:hover .icon img.el {
        transform: rotate(360deg) scale(1.2)
    }

    .tarot-page .results .results-nav a.love .icon .tail,
    .tarot-page .results .results-nav a.love .icon .arrowhead {
        transform: rotate(0deg);
        transition: transform .6s cubic-bezier(1, 0, .4, 1.4)
    }

    .tarot-page .results .results-nav a.love .icon .tail img,
    .tarot-page .results .results-nav a.love .icon .arrowhead img {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.love .icon img.base {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.love .icon img.el-b {
        animation: initial
    }

    .tarot-page .results .results-nav a.love:hover .icon .tail,
    .tarot-page .results .results-nav a.love:hover .icon .arrowhead {
        transform: rotate(-15deg)
    }

    .tarot-page .results .results-nav a.love:hover .icon .tail img,
    .tarot-page .results .results-nav a.love:hover .icon .arrowhead img {
        transform: translate(5%, 0);
        transition: transform .6s cubic-bezier(.6, -2, .6, 1)
    }

    .tarot-page .results .results-nav a.love:hover .icon img.base {
        transform: scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.love:hover .icon img.el-b {
        animation-name: heart;
        animation-duration: 2.4s;
        animation-timing-function: cubic-bezier(.4, .1, 0, 1);
        animation-iteration-count: infinite
    }

    .tarot-page .results .results-nav a.three .icon img.base {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.three .icon img.el-a {
        animation: initial;
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.three .icon img.el-b {
        animation: initial;
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.three .icon img.el-c {
        animation: initial;
        transform: translateZ(0);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.three .icon .shine {
        clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%)
    }

    .tarot-page .results .results-nav a.three .icon .shine img {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform 3.2s cubic-bezier(.5, 0, .2, 1.6)
    }

    .tarot-page .results .results-nav a.three:hover .icon img.base {
        transform: rotate(-5deg) scale(.9);
        transition: transform 1.2s cubic-bezier(.5, 0, .2, 1.6)
    }

    .tarot-page .results .results-nav a.three:hover .icon img.el-a,
    .tarot-page .results .results-nav a.three:hover .icon img.el-b,
    .tarot-page .results .results-nav a.three:hover .icon img.el-c {
        transform: scale(1.2)
    }

    .tarot-page .results .results-nav a.three:hover .icon .shine img {
        transform: rotate(360deg)
    }

    .tarot-page .results .results-nav a.yesno .icon img.base {
        animation: initial;
        transform: scale(1) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.yesno .icon img.el-a {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transform-origin: center 60%;
        transition: transform .6s cubic-bezier(.72, 0, .12, 1.54)
    }

    .tarot-page .results .results-nav a.yesno .icon img.el-b {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.72, 0, .12, 1.54);
        transform-origin: center 60%
    }

    .tarot-page .results .results-nav a.yesno:hover .icon img.base {
        transform: scale(1.2);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .tarot-page .results .results-nav a.yesno:hover .icon img.el-a {
        transform: rotate(-10deg)
    }

    .tarot-page .results .results-nav a.yesno:hover .icon img.el-b {
        transform: rotate(10deg)
    }

    .tarot-page .results .results-nav a.one .icon img.base {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.23, 1, .32, 1)
    }

    .tarot-page .results .results-nav a.one .icon img.el-a {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.23, 1, .32, 1)
    }

    .tarot-page .results .results-nav a.one .icon img.el-b {
        animation: initial;
        transform: rotate(0deg) translateZ(0);
        transition: transform 2.4s cubic-bezier(.23, 1, .32, 1)
    }

    .tarot-page .results .results-nav a.one:hover .icon img.base {
        transform: rotate(-120deg) scale(1.2)
    }

    .tarot-page .results .results-nav a.one:hover .icon img.el-a {
        transform: rotate(90deg) scale(1.2)
    }

    .tarot-page .results .results-nav a.one:hover .icon img.el-b {
        transform: rotate(180deg) scale(1.2)
    }
}

.about-page .blocks {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem
}

.about-page .blocks *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .about-page .blocks {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.about-page .blocks #anchor-target {
    position: absolute;
    top: 50%;
    width: 100%;
    pointer-events: none
}

.about-page .blocks__block {
    position: relative;
    z-index: 3;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 1rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__block {
        width: 65.277%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 5rem;
        padding-bottom: 4rem
    }
}

.about-page .blocks__block .line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #A689D2 50%, rgba(166, 137, 210, 0) 100%)
}

.about-page .blocks__block .title {
    text-align: center;
    margin-bottom: 2rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__block .title {
        margin-bottom: 4rem
    }
}

.about-page .blocks__who .stars {
    position: absolute;
    top: 8rem;
    right: 5%;
    width: 16%;
    height: 8rem;
    pointer-events: none
}

.about-page .blocks__who .stars img {
    width: 2rem;
    position: absolute;
    animation-name: lightsOp;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.about-page .blocks__who .stars img:nth-child(1) {
    top: 0;
    right: 0;
    animation-duration: 1.5s;
    animation-delay: 0
}

.about-page .blocks__who .stars img:nth-child(2) {
    top: 40%;
    left: 0;
    animation-duration: 3s;
    animation-delay: -0.6s
}

.about-page .blocks__who .stars img:nth-child(3) {
    bottom: 0%;
    left: 50%;
    animation-duration: 1.8s;
    animation-delay: -1.2s
}

.about-page .blocks__who .subtitle {
    display: flex;
    align-items: center;
    color: #d2a17d;
    margin-left: 1.5rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__who .subtitle {
        margin-left: 12.767%
    }
}

.about-page .blocks__who .icon {
    border: none
}

.about-page .blocks__who .description {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
    text-indent: 30%
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__who .description {
        width: 61.702%;
        margin-left: 12.767%
    }
}

.about-page .blocks__who .description.-m {
    color: #e6f3e8;
    width: 70%;
    text-indent: initial;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__who .description.-m {
        width: 48.936%
    }
}

.about-page .blocks__goals .title {
    margin-bottom: 1.5rem
}

.about-page .blocks__goals .icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5rem
}

.about-page .blocks__goals .description {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__goals .description {
        width: 61.702%;
        margin-left: 12.767%
    }
}

.about-page .blocks__goals .description.-m {
    color: #e6f3e8;
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__goals .description.-m {
        width: 48.936%
    }
}

.about-page .blocks__stand .description-block {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__stand .description-block {
        display: flex;
        justify-content: flex-start;
        flex-direction: initial;
        align-items: initial
    }
}

.about-page .blocks__stand .description-block .moon-wrap {
    position: relative;
    width: 25.532%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-bottom: 1.5rem
}

.about-page .blocks__stand .description-block .moon-wrap img {
    width: 2rem;
    position: absolute;
    top: auto;
    bottom: auto;
    right: 100%;
    animation-name: lightsOp;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation-delay: 0
}

.about-page .blocks__stand .description-block .moon {
    margin-left: 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    border: 1px solid rgba(210, 161, 122, .4);
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(-20deg) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__stand .description-block .moon {
        width: 4rem
    }
}

.about-page .blocks__stand .description-block .moon::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.about-page .blocks__stand .description-block .moon-bg {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: #1e1131;
    animation-name: moonBg;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end)
}

.about-page .blocks__stand .description-block .moon-side {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0%;
    width: 50%;
    height: 100%;
    background-color: #d2a17d;
    animation-name: moonSide;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end)
}

.about-page .blocks__stand .description-block .moon-shade {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: #d2a17d;
    border-radius: 50%;
    animation-name: moonShade;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.about-page .blocks__stand .description-block .description {
    flex-shrink: 0;
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__stand .description-block .description {
        width: 61.702%;
        margin-left: 0;
        margin-right: auto
    }
}

.about-page .blocks__stand .description.-m {
    color: #e6f3e8;
    width: 70%;
    text-indent: initial;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__stand .description.-m {
        width: 48.936%
    }
}

.about-page .blocks__what .image {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__what .image {
        width: 36.17%;
        height: 0;
        margin-right: -10%;
        margin-left: auto
    }
}

.about-page .blocks__what .description {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__what .description {
        width: 61.702%;
        margin-left: 12.767%
    }
}

.about-page .blocks__what .description.-m {
    color: #e6f3e8;
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__what .description.-m {
        width: 48.936%
    }
}

.about-page .blocks__authors {
    position: relative
}

.about-page .blocks__authors label {
    position: absolute;
    top: 30%;
    left: 30%;
    width: 40%;
    height: 40%;
    pointer-events: none;
    opacity: 1;
    animation-name: flyXYZ;
    animation-duration: 36s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.about-page .blocks__authors label::before {
    content: "";
    display: block;
    position: absolute;
    top: -.5rem;
    width: .125rem;
    height: .125rem;
    border-radius: 50%;
    background-color: #e6f3e8;
    box-shadow: 0 0 .5rem .25rem #e6f3e8;
    transform-origin: 1rem 1rem;
    transform: rotate(0deg) translateY(0);
    opacity: 1;
    animation-name: flyZ;
    animation-duration: 16s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, .5, 1)
}

.about-page .blocks__authors #anchor-target-2 {
    position: absolute;
    top: 50%
}

.about-page .blocks__authors .author-item {
    width: 74.468%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.about-page .blocks__authors .author-item .line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.5rem;
    display: block;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #A689D2 50%, rgba(166, 137, 210, 0) 100%);
    opacity: .2
}

.about-page .blocks__authors .author-item .avatar {
    width: 22.857%;
    position: relative
}

.about-page .blocks__authors .author-item .avatar::before {
    content: "";
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    background-image: linear-gradient(135deg, #EEDB71 0%, #D8B43E 35%, #49432E 60%, #D8B43E 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    opacity: .2
}

.about-page .blocks__authors .author-item .avatar::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -10%;
    width: 120%;
    height: 1px;
    background-image: linear-gradient(90deg, #EEDB71 0%, #D8B43E 35%, #49432E 60%, #D8B43E 100%);
    opacity: .2
}

.about-page .blocks__authors .author-item .avatar figure {
    position: relative;
    width: 100%;
    padding: 50% 0;
    border-radius: 50%;
    overflow: hidden;
    transform: translateZ(0);
    background-color: #120b1c
}

.about-page .blocks__authors .author-item .avatar figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__authors .author-item .avatar figure img {
        transform: scale(1);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.about-page .blocks__authors .author-item .avatar .icon {
    position: absolute;
    top: 100%;
    left: 100%;
    padding: .5rem;
    transform: translate(-2rem, -2rem)
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__authors .author-item .avatar .icon {
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.about-page .blocks__authors .author-item .avatar .icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #7b47c9
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__authors .author-item .avatar .icon::before {
        transform: scale(1);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.about-page .blocks__authors .author-item .avatar .arrow-icon {
    width: 2rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__authors .author-item .avatar .arrow-icon {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.about-page .blocks__authors .author-item .name {
    margin-left: 2rem
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__authors .author-item .name {
        text-shadow: 0 0 1rem rgba(230, 243, 232, 0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1), text-shadow .6s cubic-bezier(.23, 1, .32, 1)
    }
}

.about-page .blocks__authors .author-item .dec-icon {
    border: 1px solid rgba(210, 161, 125, .1254901961);
    border-radius: 50%;
    margin: 0 1rem
}

.about-page .blocks__authors .author-item .dec-icon img {
    width: 2rem
}

.about-page .blocks__authors .author-item:nth-child(2n) {
    flex-direction: row-reverse
}

.about-page .blocks__authors .author-item:nth-child(2n) .avatar .icon {
    position: absolute;
    top: 100%;
    left: initial;
    right: 100%;
    transform: translate(2rem, -2rem)
}

.about-page .blocks__authors .author-item:nth-child(2n) .name {
    margin-left: 0;
    margin-right: 2rem
}

.about-page .blocks__authors .author-item:last-child .line {
    display: none
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__authors .author-item:hover .avatar figure img {
        transform: scale(1.2)
    }

    .about-page .blocks__authors .author-item:hover .avatar .icon {
        transform: translate(0, -2rem)
    }

    .about-page .blocks__authors .author-item:hover .avatar .icon::before {
        transform: scale(.8)
    }

    .about-page .blocks__authors .author-item:hover .name {
        text-shadow: 0 0 1rem #e6f3e8
    }
}

.about-page .blocks__terms {
    text-align: center
}

.about-page .blocks__terms p {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .about-page .blocks__terms p {
        width: 50%
    }
}

.about-page .blocks__terms p a {
    color: #a689d2;
    text-decoration: underline
}

.about-page .blocks__terms p a:hover {
    text-decoration: none
}

.blog-page .welcome {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8rem;
    padding-bottom: 5rem
}

.blog-page .welcome *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .blog-page .welcome {
        padding-top: 13rem;
        padding-bottom: 8rem
    }
}

.blog-page .welcome__circle {
    position: absolute;
    top: 0;
    width: 110%;
    border-radius: 50%;
    flex-shrink: 0;
    background-image: linear-gradient(90deg, rgba(166, 137, 210, 0), #A689D2, rgba(166, 137, 210, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    transform: translateZ(0);
    opacity: 1;
    transition: transform 3s cubic-bezier(.4, .1, 0, 1), opacity 3s cubic-bezier(.4, .1, 0, 1);
    will-change: transform, opacity;
    pointer-events: none
}

.blog-page .welcome__circle::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.blog-page .welcome p {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 17rem;
    margin-left: auto;
    margin-right: auto
}

.blog-page .list {
    position: relative;
    z-index: 3;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.blog-page .list *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .blog-page .list {
        width: 81.944%;
        margin-left: auto;
        margin-right: auto
    }
}

.blog-page .list__item {
    width: 46%;
    display: flex
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item {
        width: 49.152%
    }
}

.blog-page .list__item:nth-child(2n+1) {
    margin-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item:nth-child(2n+1) {
        margin-bottom: 8rem
    }
}

.blog-page .list__item:nth-child(2n) {
    margin-top: 4rem
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item:nth-child(2n) {
        margin-top: 8rem
    }
}

.blog-page .list__item a {
    display: inline-block
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a {
        width: 79.31%;
        margin-left: auto;
        margin-right: auto
    }
}

.blog-page .list__item a .image {
    position: relative;
    width: 100%;
    padding: 30% 0;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background-color: #1e1131;
    transform: rotate(calc(var(--t-rotate) * 1deg)) translateZ(0) scale(1);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.blog-page .list__item a .image figure {
    position: absolute;
    width: 100%;
    padding: 50% 0
}

.blog-page .list__item a .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transform: rotate(calc(var(--t-rotate) * -1deg)) scale(1.2);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.blog-page .list__item a .desc {
    position: relative
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a .desc {
        min-height: 12rem
    }
}

.blog-page .list__item a .desc .arrow-icon {
    width: 2rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a .desc .arrow-icon {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.blog-page .list__item a .desc h4 {
    text-align: center
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a .desc h4 {
        text-shadow: 0 0 1rem rgba(230, 243, 232, 0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1), text-shadow .6s cubic-bezier(.23, 1, .32, 1)
    }
}

.blog-page .list__item a .desc span {
    display: inline-block;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a .desc span {
        width: auto;
        margin-left: 50%;
        text-align: left;
        transform: translate(1rem, 0);
        opacity: 1;
        transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.blog-page .list__item a .desc p {
    margin-top: 1rem;
    color: #e6f3e8;
    width: 80%;
    margin-left: 10%
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a .desc p {
        width: 69.565%;
        margin-left: 16.565%
    }
}

@media only screen and (min-width:1024px) {
    .blog-page .list__item a:hover .image {
        transform: rotate(calc(var(--t-rotate) * 1deg)) translateZ(0) scale(1.1)
    }

    .blog-page .list__item a:hover .image img {
        opacity: .4;
        transform: rotate(calc(var(--t-rotate) * -1deg)) scale(1)
    }

    .blog-page .list__item a:hover .desc .arrow-icon {
        transform: translate(2rem, 0)
    }

    .blog-page .list__item a:hover .desc h4 {
        text-shadow: 0 0 1rem #e6f3e8
    }

    .blog-page .list__item a:hover .desc span {
        opacity: .4
    }
}

.blog-page .pagination-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.blog-page .pagination-wrapper #anchor-target {
    position: absolute;
    bottom: 100%;
    width: 100%;
    pointer-events: none
}

.article-page {
    padding-top: 94%
}

@media only screen and (min-width:1024px) {
    .article-page {
        padding-top: 13rem
    }
}

.article-page *::selection {
    background-color: #a689d2
}

.article-page .thumbnail {
    position: absolute;
    z-index: 0;
    top: 4rem;
    left: -10%;
    width: 120%
}

@media only screen and (min-width:1024px) {
    .article-page .thumbnail {
        top: 8rem;
        left: 0;
        right: 0;
        width: 74%;
        max-width: 72rem;
        margin-left: auto;
        margin-right: auto
    }
}

.article-page .thumbnail::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #1E1131 0%, rgba(30, 17, 49, 0) 72%)
}

.article-page .thumbnail::after {
    content: "";
    position: absolute;
    top: -.5%;
    left: -10.5%;
    width: 121%;
    height: 101%;
    border-radius: 50%;
    box-shadow: inset 0 0 2rem 2.4rem #1e1131;
    transform: rotate(-10deg) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .article-page .thumbnail::after {
        top: -.5%;
        left: -.5%;
        width: 101%;
        box-shadow: inset 0 0 5rem 6rem #1e1131
    }
}

.article-page .thumbnail .image {
    position: relative;
    width: 100%;
    padding: 30% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background-color: #1e1131;
    transform: rotate(-10deg) translateZ(0)
}

.article-page .thumbnail .image figure {
    position: absolute;
    width: 100%;
    height: 105%;
    display: flex;
    justify-content: center;
    align-items: center
}

.article-page .thumbnail .image img {
    width: auto;
    height: 100%;
    opacity: 1;
    transform: rotate(10deg)
}

.article-page .welcome {
    position: relative;
    z-index: 3;
    text-align: center;
    margin-bottom: 2rem
}

.article-page .welcome .title {
    margin-bottom: 1rem
}

.article-page .welcome span {
    display: block;
    color: #e6f3e8
}

.article-page .content {
    position: relative;
    z-index: 3;
    margin-left: .5rem;
    margin-right: .5rem
}

@media only screen and (min-width:1024px) {
    .article-page .content {
        width: 48.611%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 28%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .article-page .content::before {
        content: "";
        display: block;
        position: absolute;
        width: 45.71%;
        padding: 72% 0;
        right: 102%;
        pointer-events: none;
        background-image: url(https://tarotoo.com/wp-content/themes/tarotootheme/assets/svg/post-left.svg);
        background-repeat: no-repeat;
        background-position: center center
    }

    .article-page .content::after {
        content: "";
        display: block;
        position: absolute;
        width: 45.71%;
        padding: 72% 0;
        left: 102%;
        pointer-events: none;
        background-image: url(https://tarotoo.com/wp-content/themes/tarotootheme/assets/svg/post-right.svg);
        background-repeat: no-repeat;
        background-position: center center
    }
}

.article-page .content #anchor-target {
    position: absolute;
    top: 50%;
    width: 100%;
    pointer-events: none
}

.article-page .content__body {
    min-height: 40rem
}

.article-page .content__body>h1,
.article-page .content__body>h2,
.article-page .content__body>h3,
.article-page .content__body>h4,
.article-page .content__body>h5,
.article-page .content__body>h6 {
    font-size: 3.15rem;
    line-height: 1;
    text-align: center;
    margin-top: 4.6rem;
    margin-bottom: 2.4rem
}

.article-page .content__body strong {
    color: #d2a17d
}

.article-page .content__body>p,
.article-page .content__body>ul {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem
}

@media only screen and (min-width:1024px) {

    .article-page .content__body>p,
    .article-page .content__body>ul {
        padding-left: 8.571%;
        padding-right: initial
    }
}

.article-page .content__body>ul li {
    margin-left: 1rem;
    margin-bottom: .75rem
}

.article-page .content__body p img,
.article-page .content__body p video {
    width: 80%;
    height: auto;
    border-radius: 2.5rem 1.2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    transform: translateZ(0)
}

@media only screen and (min-width:1024px) {

    .article-page .content__body p img,
    .article-page .content__body p video {
        width: 90%;
        margin-left: initial;
        margin-right: initial
    }
}

.article-page .content__body blockquote p {
    width: 48.57%;
    margin-left: auto;
    margin-right: auto
}

.article-page .content__body blockquote img {
    border-radius: .4rem
}

.article-page .content__body .card-blog-item {
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 2rem 1rem .5rem 1rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem
}

@media only screen and (min-width:1024px) {
    .article-page .content__body .card-blog-item {
        padding: 2rem 1rem 1.5rem 1rem;
        max-width: 13rem;
        width: 33%
    }
}

.article-page .content__body .card-blog-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #d2a17d;
    border-radius: 2rem;
    opacity: .1
}

.article-page .content__body .card-blog-item .card-blog-item__decorative-circle-container {
    position: absolute;
    left: 50%;
    padding: 1px;
    bottom: -1rem;
    width: 85%;
    margin-left: -42.5%
}

.article-page .content__body .card-blog-item .card-blog-item__decorative-circle-container::before {
    content: "";
    display: block;
    width: 100%;
    padding: 25% 0
}

.article-page .content__body .card-blog-item .card-blog-item__decorative-circle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 50%;
    flex-shrink: 0;
    padding: 1px;
    opacity: .4;
    background-image: linear-gradient(90deg, rgba(166, 137, 210, 0), #A689D2, rgba(166, 137, 210, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.article-page .content__body .card-blog-item .card-blog-item__decorative-circle::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.article-page .content__body .card-blog-item .card-blog-item__left-decore {
    position: absolute;
    bottom: -.5rem;
    left: .5rem;
    width: 23%;
    padding-bottom: 55%;
    border-bottom-left-radius: 1rem;
    border-left: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d;
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width:1024px) {
    .article-page .content__body .card-blog-item .card-blog-item__left-decore {
        border-bottom-left-radius: 2rem
    }
}

.article-page .content__body .card-blog-item .card-blog-item__right-decore {
    position: absolute;
    bottom: -.5rem;
    right: .5rem;
    width: 23%;
    padding-bottom: 55%;
    border-bottom-right-radius: 1rem;
    border-right: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d;
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width:1024px) {
    .article-page .content__body .card-blog-item .card-blog-item__right-decore {
        border-bottom-right-radius: 2rem
    }
}

.article-page .content__body .card-blog-item .card-blog-item__center-line {
    position: absolute;
    top: 50%;
    height: 1px;
    left: -1rem;
    right: -1rem;
    background-color: #a689d2;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

@media only screen and (min-width:1024px) {
    .article-page .content__body .card-blog-item .card-blog-item__center-line {
        left: -2rem;
        right: -2rem
    }
}

.article-page .content__body .card-blog-item .card-blog-item__r-star {
    position: absolute;
    left: 1rem;
    top: .75rem;
    transform: scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.article-page .content__body .card-blog-item .card-blog-item__r-star svg {
    aspect-ratio: 1/1;
    width: auto
}

.article-page .content__body .card-blog-item .card-blog-item__l-star {
    position: absolute;
    right: 1rem;
    top: .75rem;
    transform: scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.article-page .content__body .card-blog-item .card-blog-item__l-star svg {
    aspect-ratio: 1/1;
    width: auto
}

.article-page .content__body .card-blog-item .card-blog-item__title {
    position: relative;
    font-family: "boska";
    font-weight: 400;
    margin: 1rem 0 0;
    text-align: center;
    transform: scale(1);
    white-space: nowrap;
    display: flex;
    justify-content: center;
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.article-page .content__body .card-blog-item .card-blog-item__title span {
    position: relative
}

.article-page .content__body .card-blog-item .card-blog-item__title:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60%;
    transform: translate(-50%, -25%);
    border-radius: 50%;
    background-color: #7b47c9;
    box-shadow: 0 0 1rem 1.5rem #7b47c9;
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.article-page .content__body .card-blog-item .play-card {
    position: relative;
    perspective: 600px;
    z-index: 800;
    transform: translateZ(0);
    transition: transform .9s cubic-bezier(.23, 1, .32, 1)
}

.article-page .content__body .card-blog-item .play-card .flip-card-inner {
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    transition: transform .9s cubic-bezier(.23, 1, .32, 1);
    transform: rotateY(0deg) translateZ(0)
}

.article-page .content__body .card-blog-item .play-card .flip-card-inner .flip-card-back {
    position: relative;
    width: 100%;
    border-radius: .35rem;
    overflow: hidden;
    transform: translateZ(1px)
}

.article-page .content__body .card-blog-item .play-card .flip-card-inner .flip-card-back video,
.article-page .content__body .card-blog-item .play-card .flip-card-inner .flip-card-back img {
    display: block;
    width: 100%;
    height: auto
}

.article-page .content__body .card-blog-item .play-card .flip-card-inner .flip-card-front {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    transform: rotateY(180deg) translateZ(0);
    background-color: #f5f5f5;
    border-radius: .35rem;
    overflow: hidden;
    padding: 4.68% 4.68%;
    box-sizing: border-box
}

.article-page .content__body .card-blog-item .play-card .flip-card-inner .flip-card-front::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.9%;
    bottom: 1.9%;
    left: 3.125%;
    right: 3.125%;
    background-image: linear-gradient(to right bottom, #D2A17D 20%, #49432E 70%, #D2A17D 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    border-radius: .25rem;
    opacity: .2
}

.article-page .content__body .card-blog-item .play-card .flip-card-inner .flip-card-front video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
    overflow: hidden;
    transform: translateZ(0)
}

.article-page .content__body .card-blog-item:hover .play-card,
.article-page .content__body .card-blog-item.-active .play-card {
    transform: translate(0, -.5rem) rotate(10deg) rotateY(0deg) scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.article-page .content__body .card-blog-item:hover .play-card .flip-card-inner,
.article-page .content__body .card-blog-item.-active .play-card .flip-card-inner {
    transform: rotateY(180deg);
    transition: transform 1.5s cubic-bezier(.72, 0, .12, 1.54)
}

.article-page.no-image {
    padding-top: 10rem
}

@media only screen and (min-width:1024px) {
    .article-page.no-image {
        padding-top: 13rem
    }
}

@media only screen and (min-width:1024px) {
    .article-page.no-image .content {
        margin-top: 8rem
    }
}

.author-page {
    padding-top: 8rem
}

@media only screen and (min-width:1024px) {
    .author-page {
        padding-top: 13rem
    }
}

.author-page .welcome {
    position: relative
}

.author-page .welcome__avatar {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0
}

.author-page .welcome__avatar .decorative-circle {
    position: absolute;
    width: 110%;
    border-radius: 50%;
    flex-shrink: 0;
    background-image: linear-gradient(90deg, rgba(166, 137, 210, 0), #A689D2, rgba(166, 137, 210, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px
}

@media only screen and (min-width:1024px) {
    .author-page .welcome__avatar .decorative-circle {
        width: 50%
    }
}

.author-page .welcome__avatar .decorative-circle::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.author-page .welcome__avatar .decorative-circle.top {
    bottom: 0
}

.author-page .welcome__avatar .decorative-circle.bottom {
    top: 0;
    width: 80%
}

@media only screen and (min-width:1024px) {
    .author-page .welcome__avatar .decorative-circle.bottom {
        width: 33.333%
    }
}

.author-page .welcome__avatar .moon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    border: 1px solid rgba(210, 161, 122, .4);
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (min-width:1024px) {
    .author-page .welcome__avatar .moon {
        width: 4rem
    }
}

.author-page .welcome__avatar .moon::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.author-page .welcome__avatar .moon.l {
    transform: rotate(-200deg) translate(40%, -40%) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .author-page .welcome__avatar .moon.l {
        transform: rotate(-200deg) translate(25%, -30%) translateZ(0)
    }
}

.author-page .welcome__avatar .moon.r {
    transform: rotate(20deg) translate(40%, 40%) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .author-page .welcome__avatar .moon.r {
        transform: rotate(20deg) translate(25%, 30%) translateZ(0)
    }
}

.author-page .welcome__avatar .moon-bg {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: #1e1131;
    animation-name: moonBg;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end)
}

.author-page .welcome__avatar .moon-side {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0%;
    width: 50%;
    height: 100%;
    background-color: #d2a17d;
    animation-name: moonSide;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1, end)
}

.author-page .welcome__avatar .moon-shade {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: #d2a17d;
    border-radius: 50%;
    animation-name: moonShade;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.author-page .welcome__avatar .ava-wrap {
    width: 50%;
    margin-left: 5%;
    margin-right: 5%;
    position: relative
}

@media only screen and (min-width:1024px) {
    .author-page .welcome__avatar .ava-wrap {
        width: 15.277%;
        min-width: 11rem
    }
}

.author-page .welcome__avatar .ava-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -15%;
    width: 130%;
    height: 100%;
    border-radius: 50%;
    background-color: #1e1131
}

.author-page .welcome__avatar .ava-wrap div {
    position: relative;
    width: 100%;
    padding: 50% 0;
    border-radius: 50%;
    overflow: hidden
}

.author-page .welcome__avatar .ava-wrap div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.author-page .description {
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 6rem
}

.author-page .description span {
    color: #e6f3e8
}

.author-page .description h2 {
    margin-bottom: 2.4rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.author-page .description p {
    color: #e6f3e8;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .author-page .description p {
        width: 31.944%;
        min-width: 23rem
    }
}

.author-page .description__contacts {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.author-page .description__contacts a {
    display: inline-block;
    padding: .5rem;
    border-radius: 50%
}

.author-page .description__contacts a svg {
    width: 1.25rem;
    aspect-ratio: 1/1;
    fill: #a689d2
}

@media only screen and (min-width:1024px) {
    .author-page .description__contacts a svg {
        transform: scale(1) translateZ(0);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1);
        will-change: transform
    }

    .author-page .description__contacts a:hover svg {
        transform: scale(1.5) translateZ(0)
    }
}

.author-page .recent {
    position: relative;
    z-index: 5;
    text-align: center
}

.author-page .recent .line {
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(166, 137, 210, 0) 0%, #A689D2 50%, rgba(166, 137, 210, 0) 100%)
}

.author-page .recent .icon-hypno-eye {
    margin: 0 auto;
    transform: translate(0, -50%);
    border: initial;
    background-color: #1e1131
}

.author-page .recent__list .list {
    position: relative;
    z-index: 3;
    margin-top: 4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.author-page .recent__list .list *::selection {
    background-color: #a689d2
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list {
        width: 81.944%;
        margin-left: auto;
        margin-right: auto
    }
}

.author-page .recent__list .list__item {
    width: 46%;
    display: flex
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item {
        width: 49.152%
    }
}

.author-page .recent__list .list__item:nth-child(2n+1) {
    margin-bottom: 4rem
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item:nth-child(2n+1) {
        margin-bottom: 8rem
    }
}

.author-page .recent__list .list__item:nth-child(2n) {
    margin-top: 4rem
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item:nth-child(2n) {
        margin-top: 8rem
    }
}

.author-page .recent__list .list__item a {
    display: inline-block
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a {
        width: 79.31%;
        margin-left: auto;
        margin-right: auto
    }
}

.author-page .recent__list .list__item a .image {
    position: relative;
    width: 100%;
    padding: 30% 0;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background-color: #1e1131;
    transform: rotate(calc(var(--t-rotate) * 1deg)) translateZ(0) scale(1);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.author-page .recent__list .list__item a .image figure {
    position: absolute;
    width: 100%;
    padding: 50% 0
}

.author-page .recent__list .list__item a .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transform: rotate(calc(var(--t-rotate) * -1deg)) scale(1.2);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1), opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.author-page .recent__list .list__item a .desc {
    position: relative
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a .desc {
        min-height: 12rem
    }
}

.author-page .recent__list .list__item a .desc .arrow-icon {
    width: 2rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a .desc .arrow-icon {
        transform: translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.author-page .recent__list .list__item a .desc h4 {
    text-align: center
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a .desc h4 {
        text-shadow: 0 0 1rem rgba(230, 243, 232, 0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1), text-shadow .6s cubic-bezier(.23, 1, .32, 1)
    }
}

.author-page .recent__list .list__item a .desc span {
    display: inline-block;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a .desc span {
        width: auto;
        margin-left: 50%;
        text-align: left;
        transform: translate(1rem, 0);
        opacity: 1;
        transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.author-page .recent__list .list__item a .desc p {
    margin-top: 1rem;
    color: #e6f3e8;
    width: 80%;
    margin-left: 10%
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a .desc p {
        width: 69.565%;
        margin-left: 16.565%
    }
}

@media only screen and (min-width:1024px) {
    .author-page .recent__list .list__item a:hover .image {
        transform: rotate(calc(var(--t-rotate) * 1deg)) translateZ(0) scale(1.1)
    }

    .author-page .recent__list .list__item a:hover .image img {
        opacity: .4;
        transform: rotate(calc(var(--t-rotate) * -1deg)) scale(1)
    }

    .author-page .recent__list .list__item a:hover .desc .arrow-icon {
        transform: translate(2rem, 0)
    }

    .author-page .recent__list .list__item a:hover .desc h4 {
        text-shadow: 0 0 1rem #e6f3e8
    }

    .author-page .recent__list .list__item a:hover .desc span {
        opacity: .4
    }
}

.author-page .recent__list .no-posts {
    margin: 6rem 0
}

@keyframes circle-loading {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes heart {
    0% {
        transform: scale(1)
    }

    5% {
        transform: scale(1.2)
    }

    10% {
        transform: scale(1)
    }

    15% {
        transform: scale(1.2)
    }

    25% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes flyXY {
    0% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(80%)
    }

    100% {
        transform: translateX(0%)
    }
}

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

    50% {
        transform: translateX(80%) rotate(180deg)
    }

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

@keyframes flyZ {
    0% {
        transform: rotate(0deg) translateY(0);
        opacity: 1
    }

    12.5% {
        opacity: .6
    }

    25% {
        transform: rotate(180deg) translateY(1rem);
        opacity: .8
    }

    37.5% {
        opacity: .4
    }

    50% {
        transform: rotate(360deg) translateY(0);
        opacity: 1
    }

    62.5% {
        opacity: .2
    }

    75% {
        transform: rotate(180deg) translateY(-1rem);
        opacity: .8
    }

    87.5% {
        opacity: .4
    }

    100% {
        transform: rotate(360deg) translateY(0);
        opacity: 1
    }
}

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

    50% {
        transform: rotateY(180deg)
    }

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

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

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

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

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

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

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

@keyframes feather {

    0%,
    100% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(15deg)
    }
}

@keyframes triangleLine {

    0%,
    100% {
        transform-origin: center left;
        transform: scale(0, 1)
    }

    25% {
        transform-origin: center left;
        transform: scale(1, 1)
    }

    26% {
        transform-origin: center right
    }

    50% {
        transform-origin: center right;
        transform: scale(0, 1)
    }
}

@keyframes lightsP {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(.8)
    }

    40% {
        transform: scale(1.1)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swingIt {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

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

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

@keyframes lightsOp {
    0% {
        opacity: .5
    }

    15% {
        opacity: .4
    }

    25% {
        opacity: .45
    }

    30% {
        opacity: .6
    }

    60% {
        opacity: .55
    }

    75% {
        opacity: .35
    }

    90% {
        opacity: .6
    }

    100% {
        opacity: .5
    }
}

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

    50% {
        transform: rotate(13deg)
    }

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

@keyframes hypnoStar {
    0% {
        z-index: 40;
        transform: scale(0) rotate(0deg)
    }

    40% {
        z-index: 40;
        transform: scale(1) rotate(115deg)
    }

    60% {
        z-index: 0;
        transform: scale(.5) rotate(180deg)
    }

    100% {
        z-index: 0;
        transform: scale(0) rotate(0deg)
    }
}

@keyframes moonBg {
    0% {
        background-color: #1e1131
    }

    25% {
        background-color: #1e1131
    }

    50% {
        background-color: #d2a17d
    }

    75% {
        background-color: #d2a17d
    }

    100% {
        background-color: #1e1131
    }
}

@keyframes moonSide {
    0% {
        transform: translate(0, 0);
        background-color: #d2a17d
    }

    25% {
        transform: translate(100%, 0);
        background-color: #d2a17d
    }

    50% {
        transform: translate(0, 0);
        background-color: #1e1131
    }

    75% {
        transform: translate(100%, 0);
        background-color: #1e1131
    }

    100% {
        transform: translate(0, 0);
        background-color: #d2a17d
    }
}

@keyframes moonShade {
    0% {
        transform: scale(0, 1) translateZ(0);
        background-color: #d2a17d
    }

    25% {
        transform: scale(1, 1) translateZ(0);
        background-color: #d2a17d
    }

    49% {
        background-color: #d2a17d
    }

    50% {
        transform: scale(0, 1) translateZ(0);
        background-color: #1e1131
    }

    75% {
        transform: scale(1, 1) translateZ(0);
        background-color: #1e1131
    }

    99% {
        background-color: #1e1131
    }

    100% {
        transform: scale(0, 1) translateZ(0);
        background-color: #d2a17d
    }
}

@keyframes homeStarAbout {
    0% {
        opacity: 0;
        transform: scale(.25)
    }

    15% {
        opacity: 1
    }

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

@keyframes cardGlare {
    0% {
        transform: translate(100%, 0%) rotateZ(13deg)
    }

    50% {
        transform: translate(-100%, 0%) rotateZ(-13deg)
    }

    100% {
        transform: translate(100%, 0%) rotateZ(13deg)
    }
}

@keyframes cardGlareBack {
    0% {
        transform: translate(-100%, 0%) rotateZ(-13deg)
    }

    50% {
        transform: translate(100%, 0%) rotateZ(13deg)
    }

    100% {
        transform: translate(-100%, 0%) rotateZ(-13deg)
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes magic-vertical {
    0% {
        transform: translate(0%, 0)
    }

    50% {
        transform: translate(0%, -50%)
    }

    100% {
        transform: translate(0%, -100%)
    }
}

@keyframes magic-horisontal-1 {
    0% {
        transform: translate(0%, 0%) scale(.3);
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        transform: translate(2rem, 0%) scale(2);
        opacity: 0
    }

    75% {
        opacity: 1
    }

    100% {
        transform: translate(0%, 0%) scale(0);
        opacity: 0
    }
}

@keyframes magic-horisontal-2 {
    0% {
        transform: translate(1rem, 0%) scale(.2);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        transform: translate(0%, 0%) scale(1.5);
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        transform: translate(1.5rem, 0%) scale(0);
        opacity: 0
    }
}

@keyframes magic-horisontal-3 {
    0% {
        transform: translate(.5rem, 0%) scale(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        transform: translate(-1.5rem, 0%) scale(1)
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        transform: translate(.5rem, 0%) scale(0)
    }
}

@keyframes magic-horisontal-4 {
    0% {
        transform: translate(0, 0%) scale(.2);
        opacity: 0
    }

    50% {
        transform: translate(-1rem, 0%) scale(1.8);
        opacity: 1
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0%) scale(0);
        opacity: 0
    }
}

@keyframes magic-horisontal-11 {
    0% {
        transform: translate(0%, 0%) scale(.3);
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        transform: translate(8rem, 0%) scale(2);
        opacity: 0
    }

    75% {
        opacity: 1
    }

    100% {
        transform: translate(0%, 0%) scale(0);
        opacity: 0
    }
}

@keyframes magic-horisontal-22 {
    0% {
        transform: translate(4rem, 0%) scale(.2);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        transform: translate(0%, 0%) scale(1.5);
        opacity: 1
    }

    60% {
        opacity: 0
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        transform: translate(4rem, 0%) scale(0);
        opacity: 0
    }
}

@keyframes magic-horisontal-33 {
    0% {
        transform: translate(2rem, 0%) scale(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: 0
    }

    50% {
        transform: translate(-6rem, 0%) scale(1)
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        transform: translate(2rem, 0%) scale(0)
    }
}

@keyframes magic-horisontal-44 {
    0% {
        transform: translate(0, 0%) scale(.2);
        opacity: 0
    }

    50% {
        transform: translate(-4rem, 0%) scale(1.8);
        opacity: 1
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        transform: translate(0, 0%) scale(0);
        opacity: 0
    }
}

@keyframes magic-horisontal-scale {
    0% {
        transform: scale(.3)
    }

    5% {
        transform: scale(1)
    }

    10% {
        transform: scale(0)
    }

    15% {
        transform: scale(0)
    }

    20% {
        transform: scale(0)
    }

    25% {
        transform: scale(1)
    }

    30% {
        transform: scale(0)
    }

    35% {
        transform: scale(1)
    }

    45% {
        transform: scale(0)
    }

    60% {
        transform: scale(1)
    }

    65% {
        transform: scale(0)
    }

    70% {
        transform: scale(1)
    }

    90% {
        transform: scale(.5)
    }

    95% {
        transform: scale(1)
    }
}

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

    25% {
        transform: rotate(-5deg) scale(.9)
    }

    75% {
        transform: rotate(-5deg) scale(.9)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

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

    50% {
        transform: rotate(360deg) scale(1.2)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

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

    50% {
        transform: rotate(-15deg)
    }

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

@keyframes loveMobileB {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate(5%, 0)
    }

    100% {
        transform: translateZ(0)
    }
}

@keyframes loveMobileC {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: scale(.9)
    }

    100% {
        transform: translateZ(0)
    }
}

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

    50% {
        transform: rotate(-10deg) scale(.8)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

@keyframes threeMobileB {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: translateZ(0)
    }
}

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

    50% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

@keyframes yesnoMobileA {
    0% {
        transform: scale(1) translateZ(0)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1) translateZ(0)
    }
}

@keyframes yesnoMobileB {
    0% {
        transform: rotate(0deg) translateZ(0);
        transform-origin: center 60%
    }

    50% {
        transform: rotate(-10deg);
        transform-origin: center 60%
    }

    100% {
        transform: scale(1) translateZ(0);
        transform-origin: center 60%
    }
}

@keyframes yesnoMobileC {
    0% {
        transform: rotate(0deg) translateZ(0);
        transform-origin: center 60%
    }

    50% {
        transform: rotate(10deg);
        transform-origin: center 60%
    }

    100% {
        transform: rotate(0deg) translateZ(0);
        transform-origin: center 60%
    }
}

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

    50% {
        transform: rotate(-120deg) scale(1.2)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

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

    50% {
        transform: rotate(90deg) scale(1.2)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

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

    50% {
        transform: rotate(180deg) scale(1.2)
    }

    100% {
        transform: rotate(0deg) translateZ(0)
    }
}

.pagination {
    position: relative;
    z-index: 10;
    margin-top: 4rem;
    margin-left: .25rem;
    margin-right: .25rem;
    padding: 1.5rem;
    border-radius: 2.5rem 1.2rem;
    background-color: #120b1c;
    display: flex
}

@media only screen and (min-width:1024px) {
    .pagination {
        background-color: rgba(18, 11, 28, .1254901961);
        backdrop-filter: blur(2rem);
        -webkit-backdrop-filter: blur(2rem);
        -moz-backdrop-filter: blur(2rem);
        margin-left: auto;
        margin-right: auto
    }
}

.pagination::before {
    content: "";
    display: block;
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    border-radius: 2rem;
    border: 1px solid #d2a17d;
    opacity: .2
}

.pagination .next,
.pagination .prev {
    display: block;
    width: 2rem;
    position: relative
}

.pagination .next img,
.pagination .prev img {
    pointer-events: none
}

@media only screen and (min-width:1024px) {

    .pagination .next img,
    .pagination .prev img {
        transform: translateZ(0);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }
}

@media only screen and (min-width:1024px) {

    .pagination .next:hover img,
    .pagination .prev:hover img {
        transform: translate(.25rem, 0)
    }
}

.pagination .prev {
    transform: rotate(-180deg)
}

.pagination__pages {
    display: flex
}

.pagination__page-item {
    position: relative;
    padding: .5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .pagination__page-item::before {
        content: "";
        display: block;
        position: absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        padding: 50% 0;
        border-radius: 50%;
        border: 1px solid #d2a17d;
        opacity: 0;
        transform: scale(.5);
        transition: transform .3s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.4, .1, 0, 1)
    }
}

.pagination__page-item.-active {
    color: #d2a17d;
    cursor: default
}

@media only screen and (min-width:1024px) {
    .pagination__page-item:hover:not(div)::before {
        opacity: 1;
        transform: scale(1);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1), opacity .6s cubic-bezier(.4, .1, 0, 1)
    }
}

.t-grid {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    opacity: .25;
    display: none
}

.t-grid span {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    background: #1aff00;
    padding: 0 .6944444444%
}

.t-grid span::before {
    content: "";
    display: block;
    height: 100%;
    background: #8b12c7
}

.wp-video {
    margin: 40px auto
}

.wp-video .mejs-controls {
    display: none
}

.author {
    color: #e6f3e8;
    text-decoration: none
}

.card-blog-page {
    padding-top: 8rem
}

@media only screen and (min-width:1024px) {
    .card-blog-page {
        padding-top: 13rem
    }
}

.card-blog-page .welcome {
    position: relative
}

.card-blog-page .welcome .welcome__title {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0
}

.card-blog-page .welcome .welcome__title .hypno-star {
    position: relative;
    display: flex;
    align-items: center;
    width: 3rem;
    transform: translate(40%, -40%) translateZ(0)
}

@media only screen and (min-width:1024px) {
    .card-blog-page .welcome .welcome__title .hypno-star {
        width: 4rem;
        transform: translate(25%, -30%) translateZ(0)
    }
}

.card-blog-page .welcome .welcome__title .hypno-star::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.card-blog-page .welcome .welcome__title .hypno-star img {
    position: absolute;
    animation-name: hypnoStar;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.card-blog-page .welcome .welcome__title .hypno-star img.a {
    animation-delay: -3.75s
}

.card-blog-page .welcome .welcome__title .hypno-star img.b {
    animation-delay: -3s
}

.card-blog-page .welcome .welcome__title .hypno-star img.c {
    animation-delay: -2.25s
}

.card-blog-page .welcome .welcome__title .hypno-star img.d {
    animation-delay: -1.5s
}

.card-blog-page .welcome .welcome__title .hypno-star img.e {
    animation-delay: -0.75s
}

.card-blog-page .welcome .welcome__title .hypno-star img.f {
    animation-delay: 0s
}

.card-blog-page .welcome .welcome__title .title-wrap {
    width: 50%;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    text-align: center
}

.card-blog-page .tabs {
    position: relative;
    margin-top: 1.75rem;
    margin-bottom: 3.5rem;
    z-index: 5;
    font-size: .7rem
}

.card-blog-page h5.title {
    position: relative;
    z-index: 5;
    margin: 1.25rem auto .75rem;
    text-align: center
}

.card-blog-page p.-m.subtitle {
    position: relative;
    text-align: center;
    margin: 0rem auto 3rem;
    z-index: 5;
    max-width: 60%
}

.card-blog-page .separator {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 2
}

.card-blog-page .separator .clock {
    position: relative;
    width: 3rem;
    height: 3rem;
    background: #1e1131;
    border-radius: 50%
}

.card-blog-page .separator .sun-star {
    position: relative;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border: 2px solid #d2a17d;
    border-radius: 50%;
    background-color: #1e1131
}

@media only screen and (min-width:1024px) {
    .card-blog-page .separator .sun-star {
        border: 3px solid #d2a17d
    }
}

.card-blog-page .separator .sun-star::before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    border: 1px solid #d2a17d;
    border-radius: 50%
}

.card-blog-page .separator .sun-star .star {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    animation-name: bottomRightIcon;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.card-blog-page .separator .sun-star .face {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.card-blog-page .separator .echinus {
    position: relative;
    width: 3rem;
    height: 3rem;
    padding: .25rem;
    border: 1px solid rgba(210, 161, 125, .4);
    border-radius: 50%;
    background: #1e1131
}

@media only screen and (min-width:1024px) {
    .card-blog-page .separator .echinus {
        margin: .5rem;
        padding: .5rem
    }
}

.card-blog-page .separator .echinus img {
    animation-name: leftTopIcon;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.card-blog-page .separator .line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #a689d2;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.card-blog-page .card-list {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: initial;
    left: initial;
    margin-bottom: -1rem;
    z-index: 10;
    max-width: 1080px;
    margin: 0 auto
}

.card-blog-page .card-list .card-list__item {
    display: flex;
    justify-content: center;
    width: 50%;
    margin-bottom: 3.5rem
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item {
        width: 33.33333%
    }
}

.card-blog-page .card-list .card-list__item .card-blog-item {
    position: relative;
    width: 75%;
    box-sizing: border-box;
    padding: 2rem 1rem .5rem 1rem
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item .card-blog-item {
        padding: 2rem 1rem 1.5rem 1rem;
        max-width: 13rem
    }
}

.card-blog-page .card-list .card-list__item .card-blog-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #d2a17d;
    border-radius: 2rem;
    opacity: .1
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__decorative-circle-container {
    position: absolute;
    left: 50%;
    padding: 1px;
    bottom: -1rem;
    width: 85%;
    margin-left: -42.5%
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__decorative-circle-container::before {
    content: "";
    display: block;
    width: 100%;
    padding: 25% 0
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__decorative-circle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 50%;
    flex-shrink: 0;
    padding: 1px;
    opacity: .4;
    background-image: linear-gradient(90deg, rgba(166, 137, 210, 0), #A689D2, rgba(166, 137, 210, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__decorative-circle::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__left-decore {
    position: absolute;
    bottom: -.5rem;
    left: .5rem;
    width: 23%;
    padding-bottom: 55%;
    border-bottom-left-radius: 1rem;
    border-left: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d;
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__left-decore {
        border-bottom-left-radius: 2rem
    }
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__right-decore {
    position: absolute;
    bottom: -.5rem;
    right: .5rem;
    width: 23%;
    padding-bottom: 55%;
    border-bottom-right-radius: 1rem;
    border-right: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d;
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__right-decore {
        border-bottom-right-radius: 2rem
    }
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__center-line {
    position: absolute;
    top: 50%;
    height: 1px;
    left: -1rem;
    right: -1rem;
    background-color: #a689d2;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__center-line {
        left: -2rem;
        right: -2rem
    }
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__r-star {
    position: absolute;
    left: 1rem;
    top: .75rem;
    transform: scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__r-star svg {
    aspect-ratio: 1/1;
    width: auto
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__l-star {
    position: absolute;
    right: 1rem;
    top: .75rem;
    transform: scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__l-star svg {
    aspect-ratio: 1/1;
    width: auto
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__title {
    position: relative;
    font-family: "boska";
    font-weight: 400;
    margin: 1rem 0 0;
    text-align: center;
    transform: scale(1);
    white-space: nowrap;
    display: flex;
    justify-content: center;
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__title span {
    position: relative
}

.card-blog-page .card-list .card-list__item .card-blog-item .card-blog-item__title:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60%;
    transform: translate(-50%, -25%);
    border-radius: 50%;
    background-color: #7b47c9;
    opacity: 0;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card {
    position: relative;
    perspective: 600px;
    z-index: 800;
    transform: translateZ(0);
    transition: transform .9s cubic-bezier(.23, 1, .32, 1)
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner {
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    transition: transform .9s cubic-bezier(.23, 1, .32, 1);
    transform: rotateY(0deg) translateZ(0)
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner .flip-card-back {
    position: relative;
    width: 100%;
    border-radius: .35rem;
    overflow: hidden;
    transform: translateZ(1px)
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner .flip-card-back video,
.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner .flip-card-back img {
    display: block;
    width: 100%;
    height: auto
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner .flip-card-front {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    transform: rotateY(180deg) translateZ(0);
    background-color: #f5f5f5;
    border-radius: .35rem;
    overflow: hidden;
    padding: 4.68% 4.68%;
    box-sizing: border-box
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner .flip-card-front::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.9%;
    bottom: 1.9%;
    left: 3.125%;
    right: 3.125%;
    background-image: linear-gradient(to right bottom, #D2A17D 20%, #49432E 70%, #D2A17D 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    border-radius: .25rem;
    opacity: .2
}

.card-blog-page .card-list .card-list__item .card-blog-item .play-card .flip-card-inner .flip-card-front video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
    overflow: hidden;
    transform: translateZ(0)
}

.card-blog-page .card-list .card-list__item .card-blog-item.-active .play-card {
    transform: translate(0, -.5rem) rotate(10deg) rotateY(0deg) scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.card-blog-page .card-list .card-list__item .card-blog-item.-active .play-card .flip-card-inner {
    transform: rotateY(180deg);
    transition: transform 1.5s cubic-bezier(.72, 0, .12, 1.54)
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item .card-blog-item:hover .card-blog-item__r-star {
        transform: scale(2)
    }

    .card-blog-page .card-list .card-list__item .card-blog-item:hover .card-blog-item__l-star {
        transform: scale(2)
    }

    .card-blog-page .card-list .card-list__item .card-blog-item:hover .card-blog-item__title {
        transform: scale(1.3)
    }

    .card-blog-page .card-list .card-list__item .card-blog-item:hover .card-blog-item__title:before {
        opacity: .45
    }

    .card-blog-page .card-list .card-list__item .card-blog-item:hover .play-card {
        transform: translate(0, -.5rem) rotate(10deg) rotateY(0deg) scale(1);
        transition: transform .9s cubic-bezier(.5, 0, .5, 1)
    }

    .card-blog-page .card-list .card-list__item .card-blog-item:hover .play-card .flip-card-inner {
        transform: rotateY(180deg);
        transition: transform 1.5s cubic-bezier(.72, 0, .12, 1.54)
    }
}

@media only screen and (min-width:1024px) {
    .card-blog-page .card-list .card-list__item:nth-child(3n-1) {
        margin-top: -2rem
    }
}

@media only screen and (max-width:1024px) {
    .m-slide-card-meanings {
        width: 64vw;
        display: inline-flex;
        justify-content: center;
        align-items: flex-start
    }
}

@media only screen and (min-width:1024px) {
    .m-slide-card-meanings {
        display: flex;
        justify-content: center;
        width: 33.33333%;
        margin-bottom: 1rem
    }

    .m-slide-card-meanings:nth-child(2) {
        margin-top: -1rem
    }
}

@media only screen and (max-width:1024px) {
    .m-slide-inner-card-meanings {
        width: 12rem;
        transform: rotate(0deg) translateZ(0);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .m-slide-inner-card-meanings.-prev {
        pointer-events: none;
        transform: rotate(-5deg) translate(0, 2rem)
    }

    .m-slide-inner-card-meanings.-next {
        pointer-events: none;
        transform: rotate(5deg) translate(0, 2rem)
    }
}

@media only screen and (min-width:1024px) {
    .m-slide-inner-card-meanings {
        width: 85%;
        max-width: 13rem
    }
}

.card-meanings-wrapper {
    position: relative;
    display: block;
    transform: translateZ(0);
    transition: transform 2.1s cubic-bezier(.23, 1, .32, 1)
}

.card-meanings-wrapper *::selection {
    background-color: #a689d2
}

.card-meanings-wrapper .card-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2.1s cubic-bezier(.23, 1, .32, 1);
    border-radius: 4rem;
    --c-shadow--rgb: 123, 71, 201;
    box-shadow: 0 1rem 2rem 0 rgba(var(--c-shadow--rgb), 1), 0 3rem 3rem 0 rgba(var(--c-shadow--rgb), .5)
}

.card-meanings-wrapper .card-meanings {
    position: relative;
    background: #120b1c;
    border-radius: 3.2rem 1.6rem;
    transform: translateZ(0)
}

@media only screen and (min-width:1024px) {
    .card-meanings-wrapper .card-meanings {
        border-radius: 4rem 2rem
    }
}

.card-meanings-wrapper .card-meanings__title-container {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 1rem 0 .5rem
}

@media only screen and (min-width:1024px) {
    .card-meanings-wrapper .card-meanings__title-container {
        padding: 1.5rem 0 1rem
    }
}

.card-meanings-wrapper .card-meanings__title-element {
    font-family: "boska";
    font-weight: 400;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
    display: flex;
    justify-content: center;
    color: #e6f3e8;
    text-shadow: 0 0 1rem rgba(230, 243, 232, 0);
    transform: translateZ(0);
    transition: transform .6s cubic-bezier(.4, .1, 0, 1), text-shadow .6s cubic-bezier(.23, 1, .32, 1)
}

.card-meanings-wrapper .card-meanings__borders {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    opacity: .4;
    transition: opacity .6s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__borders img {
    width: 3.75rem
}

.card-meanings-wrapper .card-meanings__play-wrapper {
    position: relative;
    overflow: hidden
}

.card-meanings-wrapper .card-meanings__play {
    position: relative;
    margin: 2.5rem 18% 10%
}

@media only screen and (min-width:1024px) {
    .card-meanings-wrapper .card-meanings__play {
        margin: 1.5rem 20% 20%
    }
}

.card-meanings-wrapper .card-meanings__play .deck-card {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    transform: translateZ(0);
    transition: transform .6s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__play .deck-card .shade {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0) scale(1.1);
    opacity: 1;
    transition: opacity .9s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__play .deck-card:nth-child(5) {
    transition: transform .6s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__play .deck-card:nth-child(4) {
    transition: transform .75s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__play .deck-card:nth-child(3) {
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__play .deck-card:nth-child(2) {
    transition: transform 1.05s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper .card-meanings__play .deck-card:nth-child(1) {
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1);
    position: relative;
    width: 100%
}

.card-meanings-wrapper .card-meanings__play .deck-card:nth-child(1) .shade {
    position: relative;
    opacity: 1
}

.card-meanings-wrapper .card-meanings__play .deck-card img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    border-radius: .35rem;
    overflow: hidden;
    transform: translateZ(0)
}

.card-meanings-wrapper.-active {
    transform: scale(1.05)
}

.card-meanings-wrapper.-active .card-shadow {
    opacity: 1;
    transition: opacity 1.5s cubic-bezier(.23, 1, .32, 1)
}

.card-meanings-wrapper.-active .card-meanings__title-element {
    transform: scale(1.25);
    text-shadow: 0 0 1rem #e6f3e8
}

.card-meanings-wrapper.-active .card-meanings__borders {
    opacity: .6
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card {
    transform-origin: center
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card:nth-child(1) {
    transform: translate(-45%, 7.5%) rotate(-30deg) scale(.9);
    transition: transform .6s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card:nth-child(2) {
    transform: translate(-30%, 5%) rotate(-20deg) scale(.9);
    transition: transform .75s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card:nth-child(3) {
    transform: translate(-15%, 2.5%) rotate(-10deg) scale(.9);
    transition: transform .9s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card:nth-child(4) {
    transform: translate(0%, 0%) rotate(0deg) scale(.9);
    transition: transform 1.05s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card:nth-child(5) {
    transform: translate(15%, 0%) rotate(10deg) scale(.9);
    transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
}

.card-meanings-wrapper.-active .card-meanings__play .deck-card .shade {
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .card-meanings-wrapper:hover {
        transform: scale(1.05)
    }

    .card-meanings-wrapper:hover .card-shadow {
        opacity: 1;
        transition: opacity 1.5s cubic-bezier(.23, 1, .32, 1)
    }

    .card-meanings-wrapper:hover .card-meanings__title-element {
        transform: scale(1.25);
        text-shadow: 0 0 1rem #e6f3e8
    }

    .card-meanings-wrapper:hover .card-meanings__borders {
        opacity: .6
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card {
        transform-origin: center
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card:nth-child(1) {
        transform: translate(-45%, 7.5%) rotate(-30deg) scale(.9);
        transition: transform .6s cubic-bezier(.4, .1, 0, 1)
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card:nth-child(2) {
        transform: translate(-30%, 5%) rotate(-20deg) scale(.9);
        transition: transform .75s cubic-bezier(.4, .1, 0, 1)
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card:nth-child(3) {
        transform: translate(-15%, 2.5%) rotate(-10deg) scale(.9);
        transition: transform .9s cubic-bezier(.4, .1, 0, 1)
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card:nth-child(4) {
        transform: translate(0%, 0%) rotate(0deg) scale(.9);
        transition: transform 1.05s cubic-bezier(.4, .1, 0, 1)
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card:nth-child(5) {
        transform: translate(15%, 0%) rotate(10deg) scale(.9);
        transition: transform 1.2s cubic-bezier(.4, .1, 0, 1)
    }

    .card-meanings-wrapper:hover .card-meanings__play .deck-card .shade {
        opacity: 1
    }
}

.d-moon {
    background: #1e1131;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: relative
}

.d-moon::before {
    content: "";
    background-color: #d2a17d;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1
}

.d-moon:first-child {
    margin-left: -1.5rem
}

.d-moon:first-child::before {
    animation: 3.2s cresent linear infinite alternate
}

@media only screen and (min-width:1024px) {
    .d-moon:first-child {
        margin-left: -2rem
    }
}

.d-moon:last-child {
    margin-right: -1.5rem
}

.d-moon:last-child::before {
    animation: 3.2s cresent-reverse linear infinite alternate
}

@media only screen and (min-width:1024px) {
    .d-moon:last-child {
        margin-right: -2rem
    }
}

@media only screen and (min-width:1024px) {
    .d-moon {
        width: 4rem;
        height: 4rem
    }
}

@keyframes adBg {
    0% {
        background-position: 0% 0%
    }

    50% {
        background-position: 100% 0%
    }

    100% {
        background-position: 0% 0%
    }
}

@keyframes cresent {
    0% {
        transform: translate(-15%, 15%) scale(.9);
        box-shadow: none
    }

    50% {
        transform: translate(0, 0) scale(1.02);
        box-shadow: 0 0 10px #f9f3ef, 0 0 3rem 8px #d2a17d;
        background-color: #efdbd8
    }

    100% {
        transform: translate(15%, -15%) scale(.9);
        box-shadow: none
    }
}

@keyframes cresent-reverse {
    0% {
        transform: translate(15%, 15%) scale(.9);
        box-shadow: none
    }

    50% {
        transform: translate(0, 0) scale(1.02);
        box-shadow: 0 0 10px #f9f3ef, 0 0 3rem 8px #d2a17d;
        background-color: #efdbd8
    }

    100% {
        transform: translate(-15%, -15%) scale(.9);
        box-shadow: none
    }
}

.result-iframe {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1rem .5rem 1rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-top: 5rem;
    opacity: 0;
    transform: scale(.95) translateY(1rem);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .6s cubic-bezier(.23, 1, .32, 1);
    transition-delay: 1.2s
}

.result-iframe.-show {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.result-iframe.modal {
    margin-bottom: 0rem;
    margin-top: 0rem
}

@media only screen and (min-width:1024px) {
    .result-iframe {
        padding: 2rem 1rem 1.5rem 1rem;
        width: 65%
    }
}

.result-iframe:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #d2a17d;
    border-radius: 2rem;
    opacity: .1;
    pointer-events: none
}

.result-iframe .result-iframe__decorative-circle-container {
    position: absolute;
    left: 50%;
    padding: 1px;
    bottom: -1rem;
    width: 85%;
    margin-left: -42.5%
}

.result-iframe .result-iframe__decorative-circle-container::before {
    content: "";
    display: block;
    width: 100%;
    padding: 25% 0
}

.result-iframe .result-iframe__decorative-circle {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 33%;
    border-radius: 50%;
    flex-shrink: 0;
    padding: 1px;
    opacity: .4;
    background-image: linear-gradient(90deg, rgba(166, 137, 210, 0), #A689D2, rgba(166, 137, 210, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transform: translateX(-50%)
}

.result-iframe .result-iframe__decorative-circle::before {
    content: "";
    display: block;
    width: 100%;
    padding: 50% 0
}

.result-iframe .result-iframe__left-decore {
    position: absolute;
    bottom: -.5rem;
    left: .5rem;
    width: 10%;
    padding-bottom: 15%;
    border-bottom-left-radius: 1rem;
    border-left: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d;
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width:1024px) {
    .result-iframe .result-iframe__left-decore {
        border-bottom-left-radius: 2rem
    }
}

.result-iframe .result-iframe__right-decore {
    position: absolute;
    bottom: -.5rem;
    right: .5rem;
    width: 10%;
    padding-bottom: 15%;
    border-bottom-right-radius: 1rem;
    border-right: 1px solid #d2a17d;
    border-bottom: 1px solid #d2a17d;
    pointer-events: none;
    opacity: .4
}

@media only screen and (min-width:1024px) {
    .result-iframe .result-iframe__right-decore {
        border-bottom-right-radius: 2rem
    }
}

.result-iframe .result-iframe__center-line {
    position: absolute;
    top: 50%;
    height: 1px;
    left: -1rem;
    right: -1rem;
    background-color: #a689d2;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

@media only screen and (min-width:1024px) {
    .result-iframe .result-iframe__center-line {
        left: -2rem;
        right: -2rem
    }
}

.result-iframe .result-iframe__r-star {
    position: absolute;
    left: 1rem;
    top: .75rem;
    transform: scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.result-iframe .result-iframe__r-star svg {
    aspect-ratio: 1/1;
    width: auto
}

.result-iframe .result-iframe__l-star {
    position: absolute;
    right: 1rem;
    top: .75rem;
    transform: scale(1);
    transition: transform .9s cubic-bezier(.5, 0, .5, 1)
}

.result-iframe .result-iframe__l-star svg {
    aspect-ratio: 1/1;
    width: auto
}

.result-iframe .iframe {
    position: relative;
    width: 100%;
    min-height: 15rem;
    border: none;
    background-color: #1e1131;
    border-radius: 2rem;
    overflow: hidden
}

.modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 135
}

.modal-overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: .6s cubic-bezier(.23, 1, .32, 1)
}

.modal-overlay .modal-wrapper {
    position: relative
}

.modal-overlay .modal-wrapper .result-iframe {
    transform: translateY(1rem);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(.23, 1, .32, 1), opacity 1.2s cubic-bezier(.23, 1, .32, 1);
    margin-top: 0
}

.modal-overlay .modal-wrapper .result-iframe .close {
    position: absolute;
    right: 0;
    top: -.5rem;
    transform: translate(0, -100%);
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.modal-overlay .modal-wrapper .result-iframe .close::before {
    position: absolute;
    content: "";
    display: block;
    width: 124%;
    height: 1px;
    background-color: #a689d2;
    transform: rotate(-45deg)
}

.modal-overlay .modal-wrapper .result-iframe .close::after {
    position: absolute;
    content: "";
    display: block;
    width: 124%;
    height: 1px;
    background-color: #a689d2;
    transform: rotate(45deg)
}

.modal-overlay .modal-wrapper .result-iframe .iframe {
    overflow-y: auto;
    max-height: 80vh
}

.modal-overlay.-show:before {
    opacity: 1
}

.modal-overlay.-show .modal-wrapper .result-iframe {
    opacity: 1;
    transform: translateZ(0)
}

.result-iframe.-top {
    margin-top: 0 !important
}

.share-wrapper .share {
    position: relative;
    z-index: 10;
    margin-top: 4rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding: 1rem 0 1.5rem;
    border-radius: 2.5rem 1.2rem;
    background-color: #120b1c
}

@media only screen and (min-width:1024px) {
    .share-wrapper .share {
        width: 48.611%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:1440px) {
    .share-wrapper .share {
        width: 31.944%
    }
}

.share-wrapper .share::before {
    content: "";
    display: block;
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    border-radius: 2rem;
    border: 1px solid #d2a17d;
    opacity: .2
}

.share-wrapper .share .close {
    display: none
}

.share-wrapper .share .title {
    position: relative;
    text-align: center;
    white-space: pre-wrap
}

.share-wrapper .share .buttons {
    margin-top: 1.5rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.share-wrapper .share .buttons a {
    position: relative;
    margin: 0 2.17%;
    padding: .35rem 1.25rem;
    border: 1px solid #7b47c9;
    border-radius: 4rem
}

.share-wrapper .share .buttons a>svg {
    position: relative;
    width: 2rem;
    aspect-ratio: 1/1;
    fill: #e6f3e8;
    transform: scale(1) translateZ(0);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1);
    will-change: transform
}

.share-wrapper .share .buttons a figure {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 1rem;
    border-radius: 50%;
    background-color: #7b47c9;
    border: 1px solid rgba(0, 0, 0, 0);
    transform: scale(1) translateZ(0);
    transition: transform .6s cubic-bezier(.23, 1, .32, 1);
    will-change: transform;
    pointer-events: none
}

@media only screen and (min-width:1024px) {
    .share-wrapper .share .buttons a figure img {
        width: 1rem;
        height: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .share-wrapper .share .buttons a {
        border: initial
    }

    .share-wrapper .share .buttons a::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 4rem;
        background-color: #7b47c9;
        transform: scale(.25);
        opacity: 0;
        transition: transform .45s cubic-bezier(.4, .1, 0, 1), opacity .3s cubic-bezier(.23, 1, .32, 1)
    }

    .share-wrapper .share .buttons a::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #7b47c9;
        border-radius: 4rem;
        transform: scale(1);
        transition: transform .6s cubic-bezier(.23, 1, .32, 1)
    }

    .share-wrapper .share .buttons a:hover::before {
        transform: scale(1);
        opacity: 1;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .15s cubic-bezier(.4, .1, 0, 1)
    }

    .share-wrapper .share .buttons a:hover::after {
        transform: scale(.75);
        transition: transform .3s cubic-bezier(.4, .1, 0, 1)
    }

    .share-wrapper .share .buttons a:hover svg {
        transform: scale(1.5) translateZ(0)
    }

    .share-wrapper .share .buttons a:hover figure {
        border: 1px solid #1e1131;
        transform: scale(1.5) translateZ(0)
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    background: #164b4b
}

#valid-msg {
    display: none;
    color: #35c155;
    font-size: 16px;
    margin-left: 12.5rem
}

::-webkit-scrollbar-track {
    background: #bec2dd
}

#error-msg {
    display: none;
    color: #9b0e1a;
    font-size: 15px !important;
    margin-left: 12.5rem;
        margin-top: 6px;
}

.controls label {
    margin: 0 auto;
    display: flex;
    align-items: center
}

.controls .checkbox-block {
    display: flex;
    margin: 0 auto;
    width: 80%;
    margin-top: 3rem
}

.controls .checkbox-block input {
    margin: 0 5px 0 0;
    -webkit-appearance: auto;
    opacity: 1;
    z-index: auto
}

.controls .checkbox-block span {
    font-size: 1.9vmin;
    font-family: "boska"
}

.iti {
display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px auto;

}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
 
    display: flex;
    justify-content: center;
    align-items: center;

}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel]{
    
}
.iti__flag-container {
    position: relative;
    top: 0;
    bottom: 0;
   
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;

}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -16px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #bad9e1;
    border: 1px solid #bad9e1;
    white-space: nowrap;
    max-height: 210px;
    max-width: 460px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    column-count: initial !important;
   
    top: 35px;
    border-radius: 6px;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #8184b7a6
}

.iti__country {
    padding: 5px 10px;
    outline: none;
    font-size: inherit !important
}

.iti__dial-code {
    color: #756d5e;
    font-size: 15px
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
    vertical-align: middle
}

.iti__flag-box,
.iti__country-name {
    margin-right: 6px;
    color: #615d55;
    font-size: 17px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 88px;
    padding-left:90px!important;
    margin-left: 0;
    margin-right:7.5rem
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 80px
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
   /* background-color: rgba(0, 0, 0, .05)*/
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #4d442b;
    font-size: 15px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(img/flags.png);
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(img/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.tarot-page .welcome__lobby-list .card-wrapper img {
    width: 100%;
    height: 28%
}

.card-axis {
    transform-origin: center center;
    transition: transform 1s ease-in-out
}

.rotate {
    transform: rotate(360deg)
}
.form-group .group{
    
    width: 43%;
    margin: 0vh auto;
    color: #433b24;
   
}
.form-group .group label{
    justify-content: center;
    color: white;
    font-size: 17px;
    font-family: 'boska';
}