div.services.banner-bg {
    background-color: var(--main-color-org);
}

section.shorcut-services div.services a.serv-item img {
    width: 64px;
    height: 64px;
    box-shadow: 0px 0px 52px rgb(0 96 255 / 97%);

}

section.shorcut-services div.services a.serv-item div.title-item span {
    font-size: 12px;
    font-weight: 500;
}

section.shorcut-services div.services a.serv-item:hover div.img-item img {

    transform: rotate(2deg);
    transition: linear 200ms !important;
}

section.shorcut-services div.services a.serv-item:hover div.title-item span {
    color: var(--main-color-text-hover);
    transition: linear 200ms !important;


}

.notif {
    background-color: var(--main-color-org);
}
.details.notifs-card {
    border:1px solid #cdcdcd;
    border-radius: 12px;
    overflow: hidden !important;
    background-color: var(--header-bg);
}
.details.notifs-card .title {
    color: var(--main-color-text-hover);
}
.details.notifs-card p.news-content-index {
    color: #cdcdcd;
}
.details.notifs-card .date {
    color: var(--main-color-text-hover);
}
.details.notifs-card hr {
    background-color: #cdcdcd;
}
.details a.btn {
    background-color: var(--main-color-text-hover);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #343a40;
}
.details a.btn:hover{
    background-color: var(--header-bg);
    color:   #fff;
}
.single-recent-blog-post.item>div.details p.news-content-index {
    padding-left: 12px;
    
    padding-right: 12px;
    height: 200px;
    text-align: justify;
    font-family: var(--vazir-matn);
    font-size: 14px;
    font-weight: 400;
}

.single-recent-blog-post.item>div.details:last-child p:not(.news-content-index) {
    /* height: 300px; */
}

.single-recent-blog-post.item>div.details:last-child p {
    /* height: max-content; */
}

.single-recent-blog-post.item>div.details:last-child p:nth-of-type(2) {
    /* display: block; /* یا inline-block، متناسب با سبک */

    /* height: 130px !important;
    text-align: justify;
    font-family: var(--vazir-matn);
    overflow: hidden; */
}

.details>div.tags>div.content_type {
    margin-top: 4px;
    width: max-content;
    margin-right: auto;
    margin-left: 8px;

}

.details>div.tags>div.content_type a {
    display: block;
    padding: 4px 12px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    background-color: var(--main-color-org);

}

.details>div.tags>div.content_type a:hover {
    color: var(--main-color-org);
    background-color: var(--main-color-text-hover);
}

.recent-blog-area .single-recent-blog-post .thumb img {
    display: block;
    height: 219px;
}

.notif-card {
    background-color: var(--main-color-org);
    padding-bottom: 8px;
    /* height: 500px; */
}
.single-recent-blog-post{
    padding-bottom: 12px;
}
.notif-card>.details>div.tags>div.content_type a {
    background-color: transparent;
}

.notif-card>.details>a.titr-link {
    display: block;
    background-color: #fc6060 !important;
}

.notif-card .date {
    color: white !important;
    display: inline-block;
    padding-left: 12px;

}

.notif-content-index {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.notif-cat-item li {
    border: none !important;
    padding: 0 !important;

}

.notif-cat-item li a {
    background-color: #f89500de !important;
    font-weight: 400 !important;
}

.notif-cat-item li a:hover {
    color: black !important;
}



@media(max-width:320px) {
    .banner-left {
        /* display: none; */
        /* margin-top: 550px; */
        margin-bottom: 10px;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #cdcdcd;
        border-radius: 4px;
    }

    section.notif-container .banner-left {
        /* margin-top: 200px; */
        margin-bottom: 10px;

    }

    h1 {
        font-size: 1.6rem !important;
    }

    h2 {
        font-size: 1.4rem !important;
    }

    h3 {
        font-size: 1.2rem !important;
    }

    h4 {
        font-size: 1rem !important;
    }

    .bt-title
     {
        display: none;
        /* font-size: 14px !important;
        font-weight: 400 !important;
        text-align: center !important;
        color: var(--main-color-text-hover) !important; */
    }
    .org-name-bn{
        display: none;
    }
    .bt-scriptions {
        font-size: 14px !important;
        font-weight: 400 !important;
        text-align: justify !important;
        
    }

    section.shorcut-services div.services a.serv-item img {
        width: 24px;
        height: 24px;
    }

   

    .shorcut-services {
        height: auto !important;
    }

    .section-gap {
        padding: 35px 0 !important;
    }

    .recents-news,
    .recent-notifications {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .shorcut-services div.services {
        width: 98%;
        padding-right: 4px !important;
        padding-left: 4px !important;
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
        gap: 16px;
    }

    .notif-header,
    .shortcut-services-header,
    .news-header,
    .recently-notif-header,
    .recent-posts-header {
        font-size: 1.2rem;
        margin-bottom: 20px !important;
    }
    .notif-container {
        width: 98%;
    }

}
@media (min-width:320.02px) and (max-width:480px) {
    .banner-left {
        
        /* margin-top: 520px; */
        margin-bottom: 10px;
        /* max-width: 460px; */
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        box-shadow: 0 0 2px 4px rgba(241, 159, 6, 0.233);
    }
    .banner-left h6 , .org-name-bn{
        display: none;
    }
    .bt-scriptions {
        font-weight: 400;
        font-size: 14px;
    }
    section.notif-container .banner-left {
        margin-top: 280px;
        margin-bottom: 4px;

    }

    .shorcut-services {
        height: auto !important;
    }

    .section-gap {
        padding: 35px 0 !important;
    }

    .shorcut-services div.services {
        padding: 24px 16px !important;
        width: 98%;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
        gap: 60px;
    }

    section.shorcut-services div.services a.serv-item img {
        width: 32px;
        height: 32px;
    }

    .notif-header,
    .shortcut-services-header,
    .news-header,
    .recently-notif-header,
    .recent-posts-header {
        font-size: 1.2rem;
        margin-bottom: 20px !important;
    }
    .recents-news,
    .recent-notifications {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(min-width:480.02px) and (max-width:768px) {
    .banner-left {
        
        margin-top: 300px;
        margin-bottom: 10px;
        /* max-width: 460px; */
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        box-shadow: 0 0 2px 4px rgba(241, 159, 6, 0.233);
    }
    .banner-left h6 , .org-name-bn{
        display: none;
    }
    .bt-scriptions {
        font-weight: 400;
        font-size: 14px;
    }

    section.notif-container .banner-left {
        margin-top: 260px;
        margin-bottom: 4px;

    }

    .shorcut-services {
        height: auto !important;
    }

    .section-gap {
        padding: 35px 0 !important;
    }

    .shorcut-services div.services {
       
        padding: 24px 16px !important;
        width: 98%;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
        gap: 40px;
    
    }

    .shorcut-services>.container {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    section.shorcut-services div.services a.serv-item img {
        width: 44px;
        height: 44px;
    }
    .notif-header,
    .shortcut-services-header,
    .news-header,
    .recently-notif-header,
    .recent-posts-header {
        font-size: 1.2rem;
        margin-bottom: 20px !important;
    }
    .recents-news,
    .recent-notifications {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

}

@media(min-width:768.02px) and (max-width:991.02px) {

    .banner-left {
        
        /* margin-top: 520px; */
        margin-bottom: 10px;
        max-width: 768px;
        
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        box-shadow: 0 0 2px 4px rgba(241, 159, 6, 0.233);
    }
    .banner-left h6 , .org-name-bn{
        display: none;
    }
    .bt-scriptions {
        font-weight: 400;
        font-size: 14px;
    }
    .shorcut-services div.services {
        
            padding: 24px 8px !important;
            width: 98%;
            border: 1px solid #cdcdcd;
            border-radius: 8px;
            
            flex-wrap: wrap;
            justify-content: center !important;
            align-items: center;
            gap: 80px;
        
        }
    section.notif-container .banner-left {
        margin-top: 260px;
        margin-bottom: 4px;

    }
     .notif-header,
    .shortcut-services-header,
    .news-header,
    .recently-notif-header,
    .recent-posts-header {
        font-size: 1.2rem;
        margin-bottom: 20px !important;
    }
    .recents-news,
    .recent-notifications {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}


@media(min-width:992px) and (max-width:1199.02px){
        .banner-left h1{
            font-size: 2rem;
        }
        .bt-scriptions{
            font-weight: 400;
        }
        .shorcut-services div.services {
       
        padding: 24px 16px !important;
        width: 98%;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        
        flex-wrap: wrap;
        justify-content: space-around !important;
        align-items: center;
        /* gap: 80px; */
    
    }
}
.shorcut-services div.services {
       
        padding: 24px 16px !important;
        width: 98%;
        border: 1px solid #cdcdcd;
        border-radius: 8px;
        
        flex-wrap: wrap;
        justify-content: space-around !important;
        align-items: center;
        /* gap: 80px; */
    
    }