@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-display: fallback;
    src: url('../fonts/iranSans5/IRANSansWeb(FaNum).eot');
    src: url('../fonts/iranSans5/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/iranSans5/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iranSans5/IRANSansWeb(FaNum).ttf') format('truetype');
}

h1,
h2,
h3,
h4,
h5,
h6,
body,
input,
select,
button,
label,
a,
p,
span,
ul,
li,
textarea,
text {
    font-family: 'IRANSans', Geneva, sans-serif !important;
}

    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        transition: background-color 600000s 0s, color 600000s 0s;
    }

    input[data-autocompleted] {
        background-color: transparent !important;
    }




.text-ltr {
    direction: ltr !important;
}


.small-2 {
    font-size: 0.7em;
}




.input-group.input-group-outline .form-control[disabled] {
    border-color: #4CAF50 !important;
}


.form-select option {
    text-align: center;
}


.fa-2x {
    font-size: 1.3em;
}

.fa-3x {
    font-size: 2em;
}




.drop-zone {
    height: 200px;
    padding: 0px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 1px dashed #6f7171;
    border-radius: 10px;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: transparent;
    background-size: contain;
    position: relative;
    background-image: url("../img/Logo.png");
    background-position-x: center;
    background-repeat: no-repeat;
}

    .drop-zone__thumb::after {
        content: attr(data-label);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px 0;
        color: #000000;
        background: rgb(161 161 161 / 40%);
        font-size: 17px;
        text-align: center;
    }



body.modal-open .supreme-container {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}


.card {
    --bs-card-bg: #ffffffed;
    --bs-card-cap-bg: transparent;
}



.border-input {
    border: 1px solid #d2d6da;
}

.mb-n45 {
    margin-bottom: -1.5rem !important;
}

.oneLine span {
    width: 80%;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}


.page-headerShow {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%;
}

.mb-n60 {
    margin-bottom: -4.9rem !important
}

.mb-n57 {
    margin-bottom: -5.7rem !important
}

.mb-n86 {
    margin-bottom: -8.6rem !important;
}

.mb-n63 {
    margin-bottom: -6.3rem !important;
}

.rate-p {
    border-radius: 1rem;
    width: 65px;
    padding-top: 0.2rem;
    padding-left: 0.45rem;
}


.btn-like {
    background-color: #ccc;
    padding: 0.6rem;
    border-radius: 2rem;
    cursor: pointer;
}


    .btn-like:hover {
        background-color: #ff923d;
        padding: 0.6rem;
        border-radius: 2rem;
        cursor: pointer;
        transition: ease-in 0.3s;
    }


.badge {
    color: #9b9b9b;
}



.text-70 {
    font-size: 0.70rem !important
}


.under-video {
    background-color: #fffc;
    margin: 0rem 0rem 0rem 0rem;
    border-radius: 0 0 1rem 1rem;
}



.display-7 {
    font-size: 2rem;
}

.display-8 {
    font-size: 1.5rem;
}

.display-9 {
    font-size: 0.7rem;
}

.display-10 {
    font-size: 0.5rem;
}


.vp {
    z-index: 100;
    margin-top:-25rem;
    
}

@media (min-height: 576px) {
    .vp {
        margin-top: -24rem !important;
    }
}

@media (min-height: 768px) {
    .vp {
        margin-top: -22rem !important;
    }
}

@media (min-height: 992px) {
    .vp {
        margin-top: -27rem !important;
    }
}


@media (min-height: 1200px) {
    .vp {
        margin-top: -28rem !important;
    }
}



.text-xs{
    font-size:0.7rem;
}

.text-xxs {
    font-size: 0.5rem !important;
}



.rb:hover {
    background-color:#ff8e7ac0;
    transition:ease-in 0.2s;
    
}

.rb:hover h6{
   color:white;
}

.border-like {
    border-color: #a3a3a3 !important;
}

.text-like {
    color: #757575 !important;
}



.bg-gradient-habib {
    background-image: linear-gradient(195deg, #f16043 0%, #f79856 100%);
}