@font-face {
    font-family: "dana";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        url("../fonts/dana/DanaFaNum-Light.woff2") format("woff2"),
        url("../fonts/dana/DanaFaNum-Light.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Light.ttf") format("truetype");
}
@font-face {
    font-family: "dana";
    font-style: normal;
    font-weight: 400; 
    font-display: swap;
    src:
        url("../fonts/dana/DanaFaNum-Regular.woff2") format("woff2"),
        url("../fonts/dana/DanaFaNum-Regular.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "dana";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src:
        url("../fonts/dana/DanaFaNum-Medium.woff2") format("woff2"),
        url("../fonts/dana/DanaFaNum-Medium.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "dana";
    font-style: normal;
    font-weight: 600; 
    font-display: swap;
    src:
        url("../fonts/dana/DanaFaNum-DemiBold.woff2") format("woff2"),
        url("../fonts/dana/DanaFaNum-DemiBold.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-DemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "dana";
    font-style: normal;
    font-weight: 700; 
    font-display: swap;
    src:
        url("../fonts/dana/DanaFaNum-Bold.woff2") format("woff2"),
        url("../fonts/dana/DanaFaNum-Bold.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "dana";
    font-style: normal;
    font-weight: 800; 
    font-display: swap;
    src:
        url("../fonts/dana/DanaFaNum-ExtraBold.woff2") format("woff2"),
        url("../fonts/dana/DanaFaNum-ExtraBold.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 400; 
    font-display: swap;
    src:
        url("../fonts/vazir-matn/Vazirmatn-Regular.woff2") format("woff2"),
        url("../fonts/vazir-matn/Vazir.woff") format("woff"),
        url("../fonts/vazir-matn/Vazirmatn-Regular.ttf") format("truetype"),
        url("../fonts/vazir-matn/Vazir.eot") format("eot");
}
@font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        url("../fonts/vazir-matn/Vazirmatn-Bold.woff2") format("woff2"),
        url("../fonts/vazir-matn/Vazirmatn-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 900; 
    font-display: swap;
    src:
        url("../fonts/vazir-matn/Vazirmatn-ExtraBold.woff2") format("woff2"),
        url("../fonts/vazir-matn/Vazirmatn-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "roboto";
    font-style: normal;
    font-weight: 300; 
    font-display: swap;
    src: 
        url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "iransans";
    font-style: normal;
    font-weight: 300; 
    font-display: swap;
    src:
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.woff2") format("woff2"),
        url("../fonts/iransans-light/IRANSansWeb_Light.woff2") format("woff2"),
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.woff") format("woff"),
        url("../fonts/iransans-light/IRANSansWeb_Light.woff") format("woff"),
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.ttf") format("truetype"),
        url("../fonts/iransans-light/IRANSansWeb_Light.ttf") format("truetype"),
        url("../fonts/iransans-light/iransansdnlight.svg") format("svg"),
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.eot") format("eot");
}

.danalight {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
    font-weight: 300;
}

.danaregular {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
    font-weight: 400;
}

.danamedium {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
    font-weight: 500;
}

.danasemibold {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
    font-weight: 600;
}

.danabold {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
    font-weight: 700;
}

.danaextrabold {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
    font-weight: 800;
}

.iransans {
    font-family: "iransans", "dana", "vazir", "roboto", sans-serif;
    font-weight: 300; 
}

.roboto {
    font-family: "roboto", "dana", "vazir", "iransans", sans-serif;
    font-weight: 300; 
}

.vazir {
    font-family: "vazir", "dana", "iransans", "roboto", sans-serif;
}


.fa-secondary {
    opacity: 0.4;
}

* {
    font-family: "dana", "vazir", "iransans", "roboto", sans-serif;
}


html {
    scroll-behavior: smooth;
}

body {
    background-color: #f9f9f9;
}

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-400);
    width: 8px;
}

body::-webkit-scrollbar-track {
    background-color: var(--color-neutral-100);
}

.container {
    max-width: 1350px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.trs__s {
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.trs__n {
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

.trs__l {
    -webkit-transition: 0.7s all ease-in-out;
    -moz-transition: 0.7s all ease-in-out;
    -ms-transition: 0.7s all ease-in-out;
    -o-transition: 0.7s all ease-in-out;
    transition: 0.7s all ease-in-out;
}

.trs__xl {
    -webkit-transition: 0.1s all ease-in-out;
    -moz-transition: 0.1s all ease-in-out;
    -ms-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

/*
******************* Custom **
 */

.icon__nav {
    padding: 0.9rem;
    border: 1px solid transparent;
    background-color: #fff;
}

@media (max-width: 480px) {
    .icon__nav {
        padding: 0.5rem;
    }
}

.icon__nav:hover {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.have__alert {
    position: relative;
}
.have__alert::before {
    position: absolute;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 23%;
    left: 80%;
    width: 10px;
    height: 10px;
    background-color: #9358ff;
    border-radius: 50%;
    -webkit-animation: flash 1s linear infinite;
    animation: flash 1s linear infinite;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}
.have__alert:hover::before {
    top: 10%;
    left: 87%;
}

[data-toolbar] {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 132%;
    left: 50%;
    padding: 0.4rem 1rem;
    padding-top: 0.7rem;
    border-radius: 9px;
    white-space: nowrap;
    border: 1px solid #a0a0a0;
    visibility: hidden;
}

.go__up {
    -webkit-animation: GoUp 5s ease-in forwards;
    animation: GoUp 5s ease-in forwards;
}

[data-toolbar]::before {
    position: absolute;
    content: "";
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    top: 3%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #ebe6e7;
    border-top: 1px solid #9358ff;
    border-left: 1px solid #9358ff;
}

a {
    outline: 0;
}

.owl-stage {
    display: grid;
    grid-auto-flow: column;
    align-items: stretch;
}

.owl-item {
    display: flex;
}

.owl-item .item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.is-invalid {
    border-color: #f36;
    padding-left: calc(1.5em + 0.938rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff3366'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff3366' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.2345rem) center;
    background-size: calc(0.75em + 0.469rem) calc(0.75em + 0.469rem);
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: -16px;
}

.owl-carousel button.owl-dot {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #0c0c0c !important;
    opacity: 0.5;
}

.owl-carousel button.owl-dot.active {
    height: 7px;
    width: 15px;
    border-radius: 4px;
    background-color: #ffffff !important;
    opacity: 0.999;
}

.owl-has-padding .owl-stage {
    padding-right: 5px !important;
}

.owl-nav-hidden .owl-nav {
    display: none;
}

.soft-spin {
    animation: softSpinAnimation 35s ease-in-out infinite;
    animation-delay: 10s;
}

.ltr-focus {
    text-align: right;
    direction: rtl;
}

.ltr-focus:not(:placeholder-shown) {
    text-align: left;
    direction: ltr;
}

.wizard__icon {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #ebe6e7;
}

.wizard__progress {
    flex-grow: 1;
    height: 4px;
    background-color: #ebe6e7;
    border-radius: 10px;
    transition: background-color 0.3s;
}

.wizard__progress.active {
    background-color: #7f22fe;
}

.wizard__icon svg {
    fill: #7f22fe;
}

.wizard__item.active .wizard__icon {
    background-color: #7f22fe;
    border: 0.5px solid #7f22fe;
}

.wizard__item:has(+ .wizard__item.active) .wizard__icon::before {
    background-color: #7f22fe;
    border: 0.5px solid #7f22fe;
}

.wizard__item.active .wizard__icon svg {
    fill: #ffffff;
}

input:checked + label.icon-checked-fill-cyan-400 svg {
    fill: #22d3ee !important;
}

[data-role="modalItem"] {
    max-height: 90vh;
    overflow-y: auto;
}

.loading-btn {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

.loader-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

[data-role="line-active"] {
    overflow: hidden;
    position: relative;
    color: #7f22fe;
    padding-right: 5px;
    padding-left: 5px;
}

[data-role="line-active"]::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    background-color: #7f22fe;
    border-radius: 8px;
    bottom: -4.5px;
    transform: translateX(-50%);
    left: 50%;
}

[data-role="line-active"] span {
    background-color: #7f22fe;
}

/*
******************* Animation **
 */

@-webkit-keyframes spin {
    from {
        transform: translateY(-50%) rotate(0deg);
    }
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: translateY(-50%) rotate(0deg);
    }
    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

@-webkit-keyframes softSpinAnimation {
    0% {
        transform: translateY(0) rotateY(0);
    }
    3% {
        transform: translateY(-5px) rotateY(0);
    }
    7% {
        transform: translateY(-5px) rotateY(1440deg);
    }
    10% {
        transform: translateY(0) rotateY(1440deg);
    }
    10.00001% {
        transform: translateY(0) rotateY(0);
    }
    100% {
        transform: translateY(0) rotateY(0);
    }
}

@keyframes softSpinAnimation {
    0% {
        transform: translateY(0) rotateY(0);
    }
    3% {
        transform: translateY(-5px) rotateY(0);
    }
    7% {
        transform: translateY(-5px) rotateY(1440deg);
    }
    10% {
        transform: translateY(0) rotateY(1440deg);
    }
    10.00001% {
        transform: translateY(0) rotateY(0);
    }
    100% {
        transform: translateY(0) rotateY(0);
    }
}

@-webkit-keyframes flash {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

@keyframes flash {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

@-webkit-keyframes GoUp {
    0% {
        top: 400%;
        opacity: 0;
        visibility: hidden;
    }
    25% {
        top: 200%;
        opacity: 1;
        visibility: visible;
    }
    40% {
        top: 142%;
        opacity: 1;
        visibility: visible;
    }
    90% {
        opacity: 1;
        top: 132%;
    }
    100% {
        top: 132%;
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes GoUp {
    0% {
        top: 400%;
        opacity: 0;
        visibility: hidden;
    }
    25% {
        top: 200%;
        opacity: 1;
        visibility: visible;
    }
    40% {
        top: 142%;
        opacity: 1;
        visibility: visible;
    }
    90% {
        opacity: 1;
        top: 132%;
    }
    100% {
        top: 132%;
        opacity: 0;
        visibility: hidden;
    }
}

/*
******************* Media **
 */

@media (max-width: 767.9px) {
    #nav__fixed {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        left: 100%;
        align-items: flex-start;
    }
    #nav__fixed.open {
        right: 0;
        left: 0;
        z-index: 10000000;
    }
    #nav__fixed ul {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #nav__fixed ul li {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #nav__fixed ul li a {
        width: 100%;
        padding: 0.75rem;
        display: flex;
    }
}

/*
******************* SVG background **
 */

.bg-toman-icon {
    background-image: url('data:image/svg+xml,<svg class="mr-1 " width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.14878 6.91843C1.44428 6.91843 1.70285 6.87142 1.92447 6.77739C2.15282 6.68337 2.34422 6.55577 2.49869 6.39458C2.65316 6.2334 2.77069 6.04535 2.85128 5.83044C2.93187 5.62224 2.97888 5.40062 2.99231 5.16556H1.98492C1.6424 5.16556 1.36033 5.12862 1.1387 5.05474C0.917077 4.98087 0.742461 4.87341 0.614858 4.73238C0.487254 4.59134 0.396588 4.42344 0.34286 4.22868C0.295849 4.0272 0.272343 3.80221 0.272343 3.55372C0.272343 3.29852 0.309281 3.05674 0.383156 2.8284C0.457032 2.60005 0.564488 2.39857 0.705523 2.22396C0.846559 2.04934 1.02117 1.91167 1.22937 1.81093C1.44428 1.70347 1.68941 1.64974 1.96477 1.64974C2.1864 1.64974 2.39795 1.68668 2.59943 1.76056C2.80091 1.83443 2.97888 1.95196 3.13335 2.11315C3.28782 2.26761 3.40871 2.47245 3.49601 2.72766C3.59004 2.97615 3.63705 3.27837 3.63705 3.63431V4.47045H4.60415C4.68474 4.47045 4.73847 4.50068 4.76533 4.56112C4.79891 4.61485 4.8157 4.6988 4.8157 4.81297C4.8157 4.93386 4.79891 5.02452 4.76533 5.08497C4.73847 5.13869 4.68474 5.16556 4.60415 5.16556H3.6169C3.60347 5.49464 3.53631 5.80693 3.41542 6.10244C3.30125 6.39794 3.14007 6.65651 2.93187 6.87813C2.72368 7.09976 2.47518 7.27438 2.1864 7.40198C1.89761 7.5363 1.57188 7.60346 1.20922 7.60346H0.141381L0.0809373 6.91843H1.14878ZM0.896929 3.51343C0.896929 3.68133 0.913719 3.82572 0.947299 3.94661C0.987594 4.0675 1.0514 4.16823 1.1387 4.24883C1.23273 4.3227 1.35697 4.37979 1.51144 4.42008C1.66591 4.45366 1.86067 4.47045 2.09573 4.47045H3.00239V3.71491C3.00239 3.21792 2.90501 2.86198 2.71024 2.64707C2.51548 2.43215 2.24684 2.3247 1.90433 2.3247C1.58196 2.3247 1.33347 2.43215 1.15885 2.64707C0.984237 2.86198 0.896929 3.15076 0.896929 3.51343ZM6.26895 4.47045C6.35626 4.47045 6.41335 4.50068 6.44021 4.56112C6.47379 4.61485 6.49058 4.6988 6.49058 4.81297C6.49058 4.93386 6.47379 5.02452 6.44021 5.08497C6.41335 5.13869 6.35626 5.16556 6.26895 5.16556H4.60675C4.51944 5.16556 4.46235 5.13869 4.43549 5.08497C4.40191 5.03124 4.38512 4.94729 4.38512 4.83312C4.38512 4.71223 4.40191 4.62156 4.43549 4.56112C4.46235 4.50068 4.51944 4.47045 4.60675 4.47045H6.26895ZM7.93155 4.47045C8.01886 4.47045 8.07594 4.50068 8.10281 4.56112C8.13639 4.61485 8.15318 4.6988 8.15318 4.81297C8.15318 4.93386 8.13639 5.02452 8.10281 5.08497C8.07594 5.13869 8.01886 5.16556 7.93155 5.16556H6.26935C6.18204 5.16556 6.12495 5.13869 6.09809 5.08497C6.06451 5.03124 6.04772 4.94729 6.04772 4.83312C6.04772 4.71223 6.06451 4.62156 6.09809 4.56112C6.12495 4.50068 6.18204 4.47045 6.26935 4.47045H7.93155ZM9.59415 4.47045C9.68146 4.47045 9.73854 4.50068 9.76541 4.56112C9.79899 4.61485 9.81578 4.6988 9.81578 4.81297C9.81578 4.93386 9.79899 5.02452 9.76541 5.08497C9.73854 5.13869 9.68146 5.16556 9.59415 5.16556H7.93194C7.84464 5.16556 7.78755 5.13869 7.76069 5.08497C7.72711 5.03124 7.71032 4.94729 7.71032 4.83312C7.71032 4.71223 7.72711 4.62156 7.76069 4.56112C7.78755 4.50068 7.84464 4.47045 7.93194 4.47045H9.59415ZM11.2567 4.47045C11.3441 4.47045 11.4011 4.50068 11.428 4.56112C11.4616 4.61485 11.4784 4.6988 11.4784 4.81297C11.4784 4.93386 11.4616 5.02452 11.428 5.08497C11.4011 5.13869 11.3441 5.16556 11.2567 5.16556H9.59454C9.50723 5.16556 9.45015 5.13869 9.42328 5.08497C9.3897 5.03124 9.37291 4.94729 9.37291 4.83312C9.37291 4.71223 9.3897 4.62156 9.42328 4.56112C9.45015 4.50068 9.50723 4.47045 9.59454 4.47045H11.2567ZM12.1638 4.47045C12.4257 4.47045 12.6339 4.39994 12.7884 4.2589C12.9496 4.11787 13.0302 3.9231 13.0302 3.67461V2.2844H13.685V3.67461C13.685 4.15144 13.5506 4.52082 13.282 4.78275C13.0201 5.03795 12.6608 5.16556 12.2041 5.16556H11.2571C11.1698 5.16556 11.1127 5.13869 11.0859 5.08497C11.0523 5.03124 11.0355 4.94729 11.0355 4.83312C11.0355 4.71223 11.0523 4.62156 11.0859 4.56112C11.1127 4.50068 11.1698 4.47045 11.2571 4.47045H12.1638ZM13.7857 0.994934H12.9798V0.279683H13.7857V0.994934ZM12.5063 0.994934H11.7004V0.279683H12.5063V0.994934ZM5.64177 12.9641C5.64177 13.3267 5.58468 13.6659 5.47051 13.9815C5.35634 14.3039 5.1918 14.5826 4.97689 14.8177C4.76198 15.0595 4.50005 15.2509 4.19112 15.3919C3.8889 15.5329 3.54638 15.6035 3.16357 15.6035H2.56921C1.81702 15.6035 1.23273 15.3718 0.816337 14.9084C0.399946 14.445 0.191751 13.8103 0.191751 13.0044V11.2414H0.836485V12.9842C0.836485 13.273 0.870065 13.5349 0.937225 13.77C1.0111 14.0051 1.12191 14.2065 1.26967 14.3744C1.42413 14.549 1.61554 14.6834 1.84388 14.7774C2.07223 14.8714 2.34758 14.9184 2.66995 14.9184H3.1132C3.42885 14.9184 3.70421 14.8647 3.93927 14.7572C4.17433 14.6565 4.36909 14.5188 4.52356 14.3442C4.68474 14.1696 4.80227 13.9648 4.87615 13.7297C4.95674 13.4946 4.99703 13.2495 4.99703 12.9943V10.2844H5.64177V12.9641ZM3.21394 10.0628H2.36773V9.32738H3.21394V10.0628ZM8.24526 13.1656C8.07064 13.1656 7.90274 13.1421 7.74156 13.095C7.58038 13.0413 7.43598 12.954 7.30838 12.8331C7.18749 12.7122 7.09011 12.5544 7.01624 12.3596C6.94236 12.1582 6.90542 11.9097 6.90542 11.6142V6.9197H7.56023V11.4933C7.56023 11.7754 7.62067 12.0104 7.74156 12.1985C7.86916 12.3798 8.074 12.4705 8.35607 12.4705H8.52733C8.67508 12.4705 8.74896 12.5846 8.74896 12.813C8.74896 13.048 8.67508 13.1656 8.52733 13.1656H8.24526ZM8.69324 12.4705C8.95516 12.4705 9.15328 12.4067 9.2876 12.279C9.42192 12.1514 9.48908 11.9802 9.48908 11.7653V11.3825C9.48908 10.7982 9.63683 10.3415 9.93233 10.0124C10.2346 9.68332 10.6509 9.51878 11.1815 9.51878C11.4569 9.51878 11.6986 9.56243 11.9068 9.64974C12.115 9.73705 12.2863 9.8613 12.4206 10.0225C12.5616 10.1837 12.6657 10.3751 12.7329 10.5967C12.8001 10.8183 12.8336 11.0635 12.8336 11.3321C12.8336 11.9097 12.6825 12.3596 12.3803 12.682C12.0781 13.0044 11.6651 13.1656 11.1412 13.1656C10.8726 13.1656 10.614 13.1152 10.3655 13.0144C10.117 12.907 9.92226 12.7189 9.78123 12.4503C9.72078 12.6048 9.64691 12.729 9.5596 12.823C9.47229 12.9171 9.38162 12.9909 9.2876 13.0447C9.19358 13.0917 9.09284 13.1253 8.98538 13.1454C8.88464 13.1588 8.78726 13.1656 8.69324 13.1656H8.53205C8.44475 13.1656 8.38766 13.1387 8.3608 13.085C8.32722 13.0312 8.31043 12.9473 8.31043 12.8331C8.31043 12.7122 8.32722 12.6216 8.3608 12.5611C8.38766 12.5007 8.44475 12.4705 8.53205 12.4705H8.69324ZM12.1889 11.3925C12.1889 11.0433 12.1117 10.7612 11.9572 10.5463C11.8027 10.3247 11.5375 10.2139 11.1614 10.2139C10.4629 10.2139 10.1137 10.6202 10.1137 11.4328C10.1137 11.7754 10.2077 12.0339 10.3957 12.2085C10.5905 12.3831 10.839 12.4705 11.1412 12.4705C11.4837 12.4705 11.7423 12.3764 11.9169 12.1884C12.0982 12.0003 12.1889 11.7351 12.1889 11.3925Z" fill="currentColor"></path></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.star-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 576 512%22%3E%3Cpath d=%22M528.53 171.5l-146.36-21.3-65.43-132.39c-11.71-23.59-45.68-23.89-57.48 0L193.83 150.2 47.47 171.5c-26.27 3.79-36.79 36.08-17.75 54.58l105.91 103-25 145.49c-4.52 26.3 23.22 46 46.48 33.69L288 439.56l130.93 68.69c23.26 12.21 51-7.39 46.48-33.69l-25-145.49 105.91-103c19-18.49 8.48-50.78-17.79-54.57zM437.64 242.46l-66.05 64.23 15.63 90.86a12 12 0 0 1-17.4 12.66L288 367.27l-81.82 42.94a12 12 0 0 1-17.4-12.66l15.63-90.86-66-64.23A12 12 0 0 1 145 222l91.34-13.28 40.9-82.81a12 12 0 0 1 21.52 0l40.9 82.81L431 222a12 12 0 0 1 6.64 20.46z%22 fill=%22%23ccc%22/%3E%3C/svg%3E");
    background-size: cover;
    cursor: pointer;
}

.star-icon.selected {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 576 512%22%3E%3Cpath d=%22M528.53 171.5l-146.36-21.3-65.43-132.39c-11.71-23.59-45.68-23.89-57.48 0L193.83 150.2 47.47 171.5c-26.27 3.79-36.79 36.08-17.75 54.58l105.91 103-25 145.49c-4.52 26.3 23.22 46 46.48 33.69L288 439.56l130.93 68.69c23.26 12.21 51-7.39 46.48-33.69l-25-145.49 105.91-103c19-18.49 8.48-50.78-17.79-54.57zM437.64 242.46l-66.05 64.23 15.63 90.86a12 12 0 0 1-17.4 12.66L288 367.27l-81.82 42.94a12 12 0 0 1-17.4-12.66l15.63-90.86-66-64.23A12 12 0 0 1 145 222l91.34-13.28 40.9-82.81a12 12 0 0 1 21.52 0l40.9 82.81L431 222a12 12 0 0 1 6.64 20.46z%22 fill=%22%23facc15%22/%3E%3C/svg%3E");
}

/*
******************* Content Area **
 */

.content-area {
    word-break: break-word !important;
    text-align: justify;
}
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
    color: #474747;
    font-weight: 700;
    position: relative;
    line-height: 2;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.content-area h1 span,
.content-area h1 span strong,
.content-area h1 strong,
.content-area h2 span,
.content-area h2 span strong,
.content-area h2 strong,
.content-area h3 span,
.content-area h3 span strong,
.content-area h3 strong,
.content-area h4 span,
.content-area h4 span strong,
.content-area h4 strong,
.content-area h5 span,
.content-area h5 span strong,
.content-area h5 strong,
.content-area h6 span,
.content-area h6 span strong,
.content-area h6 strong {
    font-size: inherit !important;
}
.content-area h1,
.content-area h2 {
    font-size: 1.25rem;
}
.content-area h3 {
    font-size: 1rem;
    line-height: 2rem;
}
.content-area h4 {
    font-size: 0.9rem;
    line-height: 2.5rem;
}
.content-area h5 {
    font-size: 0.8rem;
}
.content-area h6 {
    font-size: 0.5rem;
    line-height: 1.5rem;
}
.content-area p {
    color: #374151;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 0.7rem;
    margin-top: 0.7rem;
    text-align: right;
    line-height: 2.2;
    word-spacing: 1.1px;
    text-align: justify;
}
.content-area iframe,
.content-area img,
.content-area video {
    max-height: 400px;
    height: 100%;
    margin: 1rem auto;
    max-width: 100% !important;
    width: auto;
    border-radius: 10px;
}

.content-area audio {
    margin: 2.25rem auto;
    max-width: 100% !important;
    width: 100%;
    border: 2px dashed #bbb;
    border-radius: 4px;
}

.content-area figure.audio-wrapper,
.content-area figure.video-wrapper {
    margin: 2.25rem auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content-area figure.audio-wrapper > audio,
.content-area figure.video-wrapper > video {
    margin: auto !important;
}
.content-area figure.audio-wrapper > figcaption,
.content-area figure.video-wrapper > figcaption {
    font-size: 14px;
    color: #666;
    background-color: #eee;
    padding: 5px 10px;
    border-radius: 0 0 3px 3px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}



.content-area a {
    font-weight: 500;
    transition-duration: 0.2s;
}
.content-area a,
.content-area a strong {
    color: #0097ce;
}
.content-area a:hover {
    text-decoration-line: underline;
}
.content-area strong {
    font-size: inherit;
    font-weight: 700;
}
.content-area ol,
.content-area ul {
    padding-left: 1rem;
    padding-right: 0;
}
.content-area ul {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    list-style: none;
}
.content-area ul li::before {
    content: "🔹";
    margin-left: 8px;
    font-size: 14px;
}
.content-area ul li {
    position: relative;
    list-style-type: none;
    color: #374151;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: right;
    line-height: 2.2;
    word-spacing: 1.1px;
}
.content-area ol {
    list-style-type: decimal;
    margin-bottom: 1.25rem;
    margin-right: 1rem;
    margin-top: 1.25rem;
}
.content-area blockquote {
    position: relative;
    background-color: #ebecee;
    border-radius: 0.75rem;
    color: #475466;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    text-align: center;
}
.content-area blockquote p {
    text-align: center;
}
.content-area blockquote::before,
.content-area blockquote::after {
    position: absolute;
    content: "";
    top: 3px;
    right: 8px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2386198f' viewBox='0 0 448 512'%3E%3Cpath d='M0 208C0 146.1 50.1 96 112 96h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-44.2 0-80 35.8-80 80v24.6c9.4-5.4 20.3-8.6 32-8.6h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 208zm32 80v32 32c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32H64c-17.7 0-32 14.3-32 32zm352-32H320c-17.7 0-32 14.3-32 32v32 32c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zM256 320V288 208c0-61.9 50.1-112 112-112h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-44.2 0-80 35.8-80 80v24.6c9.4-5.4 20.3-8.6 32-8.6h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.content-area blockquote::after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: auto;
    right: auto;
    bottom: -14px;
    left: 8px;
}
.content-area .table {
    overflow-x: auto;
    display: flex;
}
.table * {
    white-space: nowrap;
}
.content-area .table table {
    border-collapse: collapse;
    width: 100%;
    border-color: #e5e5e5;
    border-top-width: 1px;
    border-right-width: 1px;
}
.content-area .table table th {
    background-color: #efefef;
}
.content-area .table table td,
.content-area .table table th {
    border-color: #e5e5e5;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.table.table-font-small * {
    font-size: 14px;
}

@media (min-width: 768px) {
    .show-menu-bar {
        position: absolute;
        left: 0;
        right: 0;
        top: 87px;
    }

    .hide-menu-bar {
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
    }
}

.owl-carousel.owl-categories .owl-stage {
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .hide-menu-bar li[data-req-child] ul[data-child] {
        display: none !important;
    }
}

@property --a {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotateBorder {
    to {
        --a: 1turn;
    }
}

.sweeti-box {
    --p: 2px; /* ضخامت بوردر */
    --r: 8px; /* میزان گردی */
    position: relative;
    background-color: #fff;
    color: #000;
    z-index: 0;
    overflow: hidden;
    border-radius: 8px;
}

/* بوردر فانتزی */
.sweeti-box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--p);
    border-radius: var(--r);
    background:
        linear-gradient(#fff 0 0) content-box,
        conic-gradient(
            in hsl longer hue from var(--a),
            rgba(255, 0, 0, 0.5) 0 100%
        );
    filter: url(#glow);
    animation: rotateBorder 10s infinite linear;
    z-index: -1;
}

hr {
    border-color: #e0e0e0;
    margin: 1rem auto;
}

.custom-jump-resize {
    opacity: 0;
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
}

.delay-appear-text {
    opacity: 0;
}

@keyframes jump-settle-micro-anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-25%) scale(2.5);
        -moz-transform: translateY(-25%) scale(2.5);
        -ms-transform: translateY(-25%) scale(2.5);
        -o-transform: translateY(-25%) scale(2.5);
        transform: translateY(-25%) scale(2.5);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -moz-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -ms-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -o-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    15% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(0.1);
        -moz-transform: translateY(0) scale(0.1);
        -ms-transform: translateY(0) scale(0.1);
        -o-transform: translateY(0) scale(0.1);
        transform: translateY(0) scale(0.1);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    28% {
        -webkit-transform: translateY(-15%) scale(2);
        -moz-transform: translateY(-15%) scale(2);
        -ms-transform: translateY(-15%) scale(2);
        -o-transform: translateY(-15%) scale(2);
        transform: translateY(-15%) scale(2);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -moz-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -ms-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -o-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    40% {
        -webkit-transform: translateY(0) scale(0.4);
        -moz-transform: translateY(0) scale(0.4);
        -ms-transform: translateY(0) scale(0.4);
        -o-transform: translateY(0) scale(0.4);
        transform: translateY(0) scale(0.4);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    52% {
        -webkit-transform: translateY(-7%) scale(1.5);
        -moz-transform: translateY(-7%) scale(1.5);
        -ms-transform: translateY(-7%) scale(1.5);
        -o-transform: translateY(-7%) scale(1.5);
        transform: translateY(-7%) scale(1.5);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -moz-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -ms-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -o-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    62% {
        -webkit-transform: translateY(0) scale(0.75);
        -moz-transform: translateY(0) scale(0.75);
        -ms-transform: translateY(0) scale(0.75);
        -o-transform: translateY(0) scale(0.75);
        transform: translateY(0) scale(0.75);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    72% {
        -webkit-transform: translateY(-3%) scale(1.1);
        -moz-transform: translateY(-3%) scale(1.1);
        -ms-transform: translateY(-3%) scale(1.1);
        -o-transform: translateY(-3%) scale(1.1);
        transform: translateY(-3%) scale(1.1);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -moz-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -ms-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -o-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    80% {
        -webkit-transform: translateY(0) scale(0.9);
        -moz-transform: translateY(0) scale(0.9);
        -ms-transform: translateY(0) scale(0.9);
        -o-transform: translateY(0) scale(0.9);
        transform: translateY(0) scale(0.9);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    86% {
        -webkit-transform: translateY(-1.2%) scale(1);
        -moz-transform: translateY(-1.2%) scale(1);
        -ms-transform: translateY(-1.2%) scale(1);
        -o-transform: translateY(-1.2%) scale(1);
        transform: translateY(-1.2%) scale(1);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -moz-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -ms-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -o-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    90% {
        -webkit-transform: translateY(0) scale(0.96);
        -moz-transform: translateY(0) scale(0.96);
        -ms-transform: translateY(0) scale(0.96);
        -o-transform: translateY(0) scale(0.96);
        transform: translateY(0) scale(0.96);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    94% {
        -webkit-transform: translateY(-0.4%) scale(1);
        -moz-transform: translateY(-0.4%) scale(1);
        -ms-transform: translateY(-0.4%) scale(1);
        -o-transform: translateY(-0.4%) scale(1);
        transform: translateY(-0.4%) scale(1);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -moz-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -ms-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -o-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    97% {
        -webkit-transform: translateY(0) scale(0.99);
        -moz-transform: translateY(0) scale(0.99);
        -ms-transform: translateY(0) scale(0.99);
        -o-transform: translateY(0) scale(0.99);
        transform: translateY(0) scale(0.99);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
        -moz-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        -o-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}

.show-anims .custom-jump-resize {
    -webkit-animation: jump-settle-micro-anim 3.2s forwards;
    -moz-animation: jump-settle-micro-anim 3.2s forwards;
    -ms-animation: jump-settle-micro-anim 3.2s forwards;
    -o-animation: jump-settle-micro-anim 3.2s forwards;
    animation: jump-settle-micro-anim 3.2s forwards;
}

@keyframes fade-in-up-anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }
    80% {
        opacity: 1;
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.show-anims .delay-appear-text {
    -webkit-animation: fade-in-up-anim 0.8s ease-out 3.5s forwards;
    -moz-animation: fade-in-up-anim 0.8s ease-out 3.5s forwards;
    -ms-animation: fade-in-up-anim 0.8s ease-out 3.5s forwards;
    -o-animation: fade-in-up-anim 0.8s ease-out 3.5s forwards;
    animation: fade-in-up-anim 0.8s ease-out 3.5s forwards;
}

[data-bottom-nav-active="true"] {
    background-color: #f0f0f0;
    overflow: hidden;
    position: relative;
}

[data-bottom-nav-active="true"] * {
    fill: #4d179a;
}

[data-bottom-nav-active="true"]::before {
    position: absolute;
    content: "";
    background-color: #0097ce;
    border-radius: 8px;
    width: 67%;
    height: 8px;
    top: -4.5px;
    transform: translateX(-50%);
    left: 50%;
    right: unset;
}

@keyframes spinY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(360deg);
        -moz-transform: perspective(400px) rotateY(360deg);
        -ms-transform: perspective(400px) rotateY(360deg);
        -o-transform: perspective(400px) rotateY(360deg);
        transform: perspective(400px) rotateY(360deg);
    }
}

.linear-spin-anim {
    -webkit-animation: spinY 1.4s linear infinite;
    -moz-animation: spinY 1.4s linear infinite;
    -ms-animation: spinY 1.4s linear infinite;
    -o-animation: spinY 1.4s linear infinite;
    animation: spinY 1.4s linear infinite;
}

@keyframes dotBlink {
    0%,
    100% {
        opacity: 0.2;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.dot-anim {
    -webkit-animation: dotBlink 1.4s infinite ease-in-out both;
    -moz-animation: dotBlink 1.4s infinite ease-in-out both;
    -ms-animation: dotBlink 1.4s infinite ease-in-out both;
    -o-animation: dotBlink 1.4s infinite ease-in-out both;
    animation: dotBlink 1.4s infinite ease-in-out both;
}

.dot-delay-1 {
    -webkit-animation-delay: -0.32s;
    -moz-animation-delay: -0.32s;
    -ms-animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.dot-delay-2 {
    -webkit-animation-delay: -0.16s;
    -moz-animation-delay: -0.16s;
    -ms-animation-delay: -0.16s;
    -o-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.slide-menu {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-hidden {
    transform: translateY(100%);
}

.menu-visible {
    transform: translateY(0);
}

.quantum-progress-transition {
    -webkit-transition:
        width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.5s ease,
        box-shadow 0.5s ease;
    -moz-transition:
        width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.5s ease,
        box-shadow 0.5s ease;
    -ms-transition:
        width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.5s ease,
        box-shadow 0.5s ease;
    transition:
        width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.5s ease,
        box-shadow 0.5s ease;
}

.quantum-icon-transition {
    -webkit-transition: right 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    -moz-transition: right 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    -ms-transition: right 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: right 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.quantum-premium-text {
    background: linear-gradient(to left, #d97706, #fbbf24, #b45309);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    background-clip: text;
    -webkit-animation: quantum-shine 3s linear infinite;
    -moz-animation: quantum-shine 3s linear infinite;
    -ms-animation: quantum-shine 3s linear infinite;
    animation: quantum-shine 3s linear infinite;
}

@keyframes quantum-shine {
    to {
        background-position: 200% center;
    }
}

.quantum-confetti-particle {
    position: absolute;
    width: 8px;
    height: 16px;
    opacity: 0;
    z-index: 50;
    pointer-events: none;
    -webkit-animation: quantum-fall linear forwards;
    -moz-animation: quantum-fall linear forwards;
    -ms-animation: quantum-fall linear forwards;
    animation: quantum-fall linear forwards;
}

@keyframes quantum-fall {
    0% {
        top: -20px;
        opacity: 1;
        -webkit-transform: rotate(0deg) scale(1);
        -moz-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    80% {
        opacity: 1;
    }

    100% {
        top: 120%;
        opacity: 0;
        -webkit-transform: rotate(720deg) scale(0.5);
        -moz-transform: rotate(720deg) scale(0.5);
        -ms-transform: rotate(720deg) scale(0.5);
        transform: rotate(720deg) scale(0.5);
    }
}

@keyframes unlock-pop {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.quantum-unlocked-card {
    -webkit-animation: unlock-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)
        forwards;
    -moz-animation: unlock-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    -ms-animation: unlock-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    animation: unlock-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.items-no-margin > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rating-stars label {
    font-size: 1.5rem;
    transition: color 0.2s;
}
.rating-stars input:checked ~ label {
    color: #fbbf24; /* yellow-400 */
}
.rating-stars label:hover,
.rating-stars label:hover ~ label {
    color: #fbbf24;
}
.app-modal-backdrop-blur {
    backdrop-filter: blur(4px);
}

#bell-on {
    display: none;
}

.have__notif #bell-on {
    display: block;
}

.have__notif #bell-off {
    display: none;
}

.have__notif svg {
    -webkit-animation: bell-ring 2s ease-in-out infinite;
    -moz-animation: bell-ring 2s ease-in-out infinite;
    -ms-animation: bell-ring 2s ease-in-out infinite;
    animation: bell-ring 2s ease-in-out infinite;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    fill: #9358ff;
}

@keyframes bell-ring {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    10% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    20% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    30% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    40% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    50%,
    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

.swal2-container .swal2-title {
    font-size: 14px !important;
}

.swal2-timer-progress-bar {
    background: rgba(0, 10, 37, 0.271);
}
.social-banner-wrapper-x78q::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    transition: all 0.5s ease;
    z-index: 1;
}

.social-banner-wrapper-x78q:hover::before {
    left: 200%;
}

.bg-insta-m44t {
    background: linear-gradient(
        45deg,
        #f09433 0%,
        #e6683c 25%,
        #dc2743 50%,
        #cc2366 75%,
        #bc1888 100%
    );
}

.bg-telegram-m44t {
    background: linear-gradient(90deg, #38a3e5 0%, #1c88c7 100%);
}

.bg-rubika-m44t {
    background: linear-gradient(90deg, #7c2b9f 0%, #4a1563 100%);
}

.bg-bale-m44t {
    background-color: #0cbc8d;
}

.social-banner-wrapper-x78q::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
  z-index: 1;
}

.social-banner-wrapper-x78q:hover::before {
  left: 200%;
}

.bg-insta-m44t {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.bg-telegram-m44t {
    background: linear-gradient(90deg, #38A3E5 0%, #1c88c7 100%);
}

.bg-rubika-m44t {
    background: linear-gradient(90deg, #6c238c 0%, #4a1563 100%);
}

.bg-bale-m44t {
  background-color: #0CBC8D;
}