/*Designed and developed by RIRA Co.
طراحی و توسعه انجام شده توسط شر کت ریرا*/
@font-face {
    font-family: 'Irsans';
    src: url('../../fonts/IranianSans/IranianSans-Light/IranianSans-Light.eot');
    src: url('../../fonts/IranianSans/IranianSans-Light/IranianSans-Light.eot?#iefix') format('embedded-opentype'), url('../../fonts/IranianSans/IranianSans-Light/IranianSans-Light.woff') format('woff'), url('../../fonts/IranianSans/IranianSans-Light/IranianSans-Light.ttf') format('truetype');
}
.hr-custom {border: 0;height: 1px;background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));}
.br {border: 2px solid red;}
body {font: 12px/20px 'Irsans';background: #fafafa;}
.fontFamily-fa {font-family: 'Irsans' !important;}
.backdrop--blur {backdrop-filter: blur(4px);}
.transition_smooth {transition: all 0.2s ease;}
.v-card--reveal {align-items: center; bottom: 0;justify-content: center;opacity: .75 !important;position: absolute;width: 100%;}
.backdrop--blur {backdrop-filter: blur(4px);}
[v-cloak] > * {
    display: none;
}
.shadowy-text {
    color: #3A527E;
    text-shadow: 2px 2px 5px #8FA5CC;
}
.text--title {
    line-height: 60px;
    font-size: 28px;
}
.overflow-auto { overflow: auto; }
.scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #3bb2b8 #e6e6e6;
}

    .scrollbar::-webkit-scrollbar {
        width: 12px;
    }

    .scrollbar::-webkit-scrollbar-track {
        background: #e6e6e6;
        border-radius: 10px;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background: linear-gradient(135deg, #3bb2b8 0%, #41e396 100%);
        border: solid 3px #e6e6e6;
        border-radius: 7px;
    }

        .scrollbar::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(135deg, #c3ec52 0%, #0ba29d 100%);
        }
 

@media (min-width: 600px) {
    .text--title {
        font-size: 32px;
    }
}
.dots-3 {
    width: 50px;
    height: 24px;
    background: radial-gradient(circle closest-side,#FD890E 90%,#0000) 0% 50%, radial-gradient(circle closest-side,#FD890E 90%,#0000) 50% 50%, radial-gradient(circle closest-side,#FD890E 90%,#0000) 100% 50%;
    background-size: calc(100%/3) 12px;
    background-repeat: no-repeat;
    animation: d3 1s infinite linear;
}

@keyframes d3 {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}