﻿
/*@font-face {
    font-family: "IRANSansWeb";
    src: url("../fonts/IRANSansWeb.eot");
    src: url("../fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSansWeb.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "IRANSansWeb-Bold";
    src: url("../fonts/IRANSansWeb_Bold.woff") format("embedded-opentype"), url("../fonts/IRANSansWeb_Bold.woff2") format("woff"), url("../fonts/IRANSansWeb_Bold.ttf") format("truetype");
    font-display: swap;
}*/
@font-face {
    font-family: "monser";
    src: url(../Fonts/MontserratBold-DOWZd.ttf);
    unicode-range: U+0000, U+007F;
    font-display: swap;
}

@font-face {
    font-family: "dana-regular";
    /*    src: url(../Fonts/Dana-Regular.ttf);*/

    src: url(../assets/fonts/DanaFaNum-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: "dana-fat";
    src: url(../assets/fonts/Dana-Fat.ttf);
    font-display: swap;
}

@font-face {
    font-family: "dana-demibold";
    src: url(../assets/fonts/Dana-DemiBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: "dana-bold";
    src: url(../assets/fonts/Dana-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: "dana-hairline";
    src: url(../assets/fonts/Dana-Hairline.ttf);
    font-display: swap;
}

@font-face {
    font-family: "dana-ultraLight";
    src: url(../assets/fonts/Dana-UltraLight.ttf);
    font-display: swap;
}


body {
    font-family: dana-regular;
}


.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.multi-line-truncate-2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.multi-line-truncate-3 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.multi-line-truncate-4 {
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.multi-line-truncate-5 {
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.picgen-regular-text {
    font-family: dana-regular;
}

.picgen-bold-text {
    font-family: dana-regular;
    font-weight: 900;
}

.picgen-demibold-text {
    font-family: dana-demibold;
}


.picgen-fat-text {
    font-family: dana-fat;
}

.picgen-hairline-text {
    font-family: dana-hairline;
}

.picgen-ultraLight-text {
    font-family: dana-ultraLight;
}

.after-disable::after {
    display: none !important;
}

.dana-bold {
    font-family: dana-bold !important;
}

.dana-demi-bold {
    font-family: dana-demibold !important;
}

.temporary-chat-message {
    margin-bottom: 1.25rem !important;
}

    .temporary-chat-message img {
        width: 35px;
    }

    .temporary-chat-message div {
        max-width: 400px;
        font-size: 13px !important;
    }

    .temporary-chat-message a {
        font-size: 13px !important;
    }

    .temporary-chat-message .message-rep {
        color: black !important;
        padding: 15px !important;
        border-radius: 5px;
        background-color: #DFFFEA;
    }

        .temporary-chat-message .message-rep a {
            color: rgba(23,198,83);
        }

    .temporary-chat-message .message-send {
        color: black !important;
        padding: 15px !important;
        border-radius: 5px;
        background-color: #F8F5FF;
    }

        .temporary-chat-message .message-send a {
            color: rgba(23,198,83);
        }

.btn-loader {
    background-color: #FFFFFF;
    background-image: url("../css/images/spinner.gif");
    background-size: 50px 50px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    right: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 99999;
}

.embed-responsive-item {
    max-width: 530px !important;
    max-height: 530px !important;
    border-radius: 15px;
    object-fit: cover;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    /* CSS properties */
}



.embed-responsive-item-search {
    object-fit: cover;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    /* CSS properties */
}

    .embed-responsive-item-search > :first-child {
        /* CSS properties */
        margin-top: 25px !important;
    }


    .embed-responsive-item-search > iframe {
        max-width: 50px !important;
        max-height: 50px !important;
        /* CSS properties */
    }

.temporary-chat-user {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}


    .temporary-chat-user img {
        width: 45px;
        height: 45px;
        border-radius: 20px;
    }

    .temporary-chat-user .fs-5 {
        font-size: 15px !important;
    }

    .temporary-chat-user .ms-5 {
        margin-right: 15px !important;
    }

    .temporary-chat-user a {
        font-size: 13px !important;
    }

    .temporary-chat-user div {
        font-size: 13px !important;
    }

.temporary-chat-input {
    background-color: white !important;
    border: 0 !important;
}

    .temporary-chat-input textarea {
        border: 0;
        background-color: transparent;
        outline: none !important;
        box-shadow: none;
        border-radius: 0;
    }

        .temporary-chat-input textarea:focus {
            border: 0;
            background-color: transparent;
            outline: none !important;
            box-shadow: none;
            border-radius: 0;
        }

    .temporary-chat-input .btn-primary {
        color: #ffffff;
        border-color: #3bae61;
        background-color: #3bae61;
        --bs-btn-color: var(--bs-body-color);
        outline: none !important;
        margin-right: auto;
    }

    .temporary-chat-input .file-inputer {
        position: relative;
        text-align: right;
        -moz-opacity: 0;
        filter: alpha(opacity: 0);
        opacity: 0;
        z-index: 2;
    }

.premium-tag {
    margin-top: 3px;
    margin-right: 3px;
    background-color: #FB5826A1;
    color: white;
    border-radius: 5px;
    font-family: var(--title-font-family);
    font-weight: 500;
    border: solid 1px #DDD;
    display: inline-block;
    padding: 0px 15px;
    font-style: normal;
    font-size: 11px;
    line-height: 28px;
}

.action-button-ds {
    display: inline-block;
    height: auto;
    width: 45%;
    border: 1px solid #DDD;
    border-radius: 12px;
    padding-inline: 12px;
    padding-top: 15px;
    padding-bottom: 25px;
    margin: 3px;
}

    .action-button-ds > img {
        padding-inline: 12%;
        width: 100% !important;
        filter: grayscale(100);
        opacity: 50%;
    }


    .action-button-ds:hover {
        box-shadow: 0px 0px 5px 5px rgba(202, 227, 210,0.4);
    }

        .action-button-ds:hover > img {
            filter: grayscale(0);
        }


.hide-mobile {
    /*  display: inherit;*/
}

.show-mobile {
    display: none !important;
}

@media (max-width: 991.98px) {
    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }
}

.mobile-sticky-btn {
}

    .mobile-sticky-btn .pt-4 {
        padding-top: 0rem !important;
    }

@media (max-width: 991.98px) {
    .mobile-sticky-btn {
        border-radius: 1px !important;
        z-index: 100 !important;
        position: fixed !important;
        bottom: 0 !important;
        right: 0 !important;
        height: 8vh !important;
        font-size: 20px !important;
        width: 100% !important;
        border-radius: 0px !important;
    }

        .mobile-sticky-btn .pt-4 {
            padding-top: 0.8rem !important;
        }
}


/*ace-responsivemenu.css start*/

/*ace-responsivemenu.css end*/











.animated-bg {
    animation: slide 40s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #3cb363 50%, black 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: absolute;
    right: -50%;
    top: 0;
    z-index: -1;
}

.animated-bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 45s;
}

.animated-bg3 {
    animation-duration: 30s;
}




@keyframes slide {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}
