@font-face {
    font-family: 'IranVazir';
    src: url('/Fonts/Vazir.ttf');
}

@media (min-width: 200px) and (max-width: 700px) {
    .dvBox {
        flex: 100%;
        margin-top: 20px;
    }

    .navMobil {
        display: flex;
        justify-content: space-between;
    }

    .navPC {
        display: none;
    }

    .dvLogoSite {
        justify-content: center;
    }

    .logoTextName {
        font-size: 22px;
    }

    .logoTextBesnius {
        font-size: 20px;
    }

    .logoSite {
        width: 100px;
    }
}

@media (min-width: 700px) and (max-width: 1023px) {
    .dvBox {
        flex: 100%;
        margin-top: 20px;
    }

    .navMobil {
        display: none;
    }

    .logoTextName {
        font-size: 34px;
    }

    .logoTextBesnius {
        font-size: 28px;
    }

    .logoSite {
        width: 100px;
    }
}

@media(min-width: 1024px) {
    .dvBox {
        flex: 22.5%;
        margin-left: 20px;
    }

    .navMobil {
        display: none;
    }

    .logoTextName {
        font-size: 34px;
    }

    .logoTextBesnius {
        font-size: 28px;
    }

    .logoSite {
        width: 100px;
    }
}

body {
    font-family: 'IranVazir';
    direction: rtl;
}

.dvLogoSite {
    justify-content: end;
    align-items: center;
}



.navMobil {
}

.dbContainerFooter {
    align-content: center;
    text-align: center;
    background-image: url(../images/Background-Image/fotter.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 3;
}

.dvContainerInfo {
    display: flex;
    padding: 9px 0px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dvBox {
    /* border: 1px solid silver; */
    /* border-radius: 4px; */
    flex-direction: column;
}

.IconFooter {
    font-size: 40px !important;
    padding-top: 16px !important;
    color: white;
}

.card {
    border: 1px solid #e0e0e0;
    border-radius: 15px;
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}


/* بنفش اختصاصی */
.btn-primary {
    background-color: #4d41b2;
    border-color: #4d41b2;
}

    .btn-primary:hover {
        background-color: #3e3491;
    }

.imgArticle {
    height: 200px; /* ارتفاع ثابت برای همه */
    object-fit: cover;
    border-bottom: 1px solid #eee;
    margin: -50px 0px 5px 0px;
    padding: 15px;
    border-radius: 25px;
    border: 1px solid transparent;
}

#sidePanel {
    position: fixed;
    top: 0;
    right: 0; /* همیشه نقطه شروع راست صفحه */
    width: 270px;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
    transform: translateX(100%); /* تو حالت پیش فرض کل منو خارج صفحه */
    padding: 20px 0px;
    z-index: 9999;
}

    #sidePanel.active {
        transform: translateX(0); /* وقتی فعال شد بیاد داخل */
    }



#closeBtn {
    font-size: 28px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #4d41b2;
}

    #closeBtn:hover {
        color: #3e3491;
    }

.linkNavMobile {
    text-decoration: none;
    color: black !important;
}

.navMobilItem {
    padding-top: 30px;
}

.boxArticle {
    margin: 11px;
}

    .boxArticle > div {
        /* padding: 0px 0px 42px 0px; */
    }

        .boxArticle > div > h4 {
            font-size: 25px;
        }

        .boxArticle > div > p {
            font-size: 16px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 35px;
            text-align: justify;
        }

        .boxArticle > div > a {
            background-color: #0d6efdb3;
            border-radius: 7px;
            border: 1px solid transparent;
            margin: 15px 0px 0px 0px;
        }