:root {
    --header-bg: rgba(34, 34, 34, 0.9);
    --vazir-matn: 'Vazirmatn', sans-serif;
    --main-color-org: #121359e6;
    --main-color-text-hover: rgba(255, 165, 0, 1);
}

.tx-dir {
    direction: rtl !important;
    text-align: right !important;
}

.text-bold {
    font-weight: 500;
}

.text-bolder {
    font-weight: 700;
}

.font-wg-bold {
    font-weight: 900;
}

.font-wg-bolder {
    font-weight: bolder;
}

.font-wg-500 {
    font-weight: 500;

}

.font-wg-300 {
    font-weight: 300;
}

.br-thin {
    border: 1px solid !important;

}

.br-main-color {
    border-color: #afaeae !important;
}

.br-rd-4 {
    border-radius: 4px !important;
}

.link-hover:hover>p,
.link-hover:hover {
    color: var(--main-color-text-hover) !important;

}

.banner-bg {
    background-color: #1819558c;
    box-shadow: 4px 4px 20px #000;
}

.pr-font-family {
    font-family: var(--vazir-matn);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
:not([class='lnr']),
li,
a {
    font-family: var(--vazir-matn);
}

ul.tags>li>a {

    font-weight: 400 !important;

}

a:hover {
    color: var(--main-color-text-hover);
}

.navigation-area .detials a:hover>h4 {
    color: var(--main-color-text-hover) !important;
}

div.user-details>p.user-name,
div.user-details>p.date,
div.user-details>p.view,
div.user-details>p.comments {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
}

p.excert.tx-dir {
    text-align: justify !important;
}


/* popular post or latest post overwrite */

div.popular-post-list div.thumb {
    width: 100px !important;
    min-width: 100px;
    height: 60px !important;
}

div.popular-post-list div.thumb>img {
    width: 100%;
    height: 100%;
}

div.popular-post-list>div.single-post-list>div.details {
    margin-right: 12px !important;
}

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

/* search posts parts */

form.search-form.tx-dir>input {
    border-radius: 0 !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

form.search-form.tx-dir>button {
    border-radius: 0 !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.contact-page-area .address-wrap .single-contact-address .lnr {
    margin-right: 0 !important;
    margin-left: 16px !important
}

.contact-page-area .address-wrap .single-contact-address h5 {
    text-align: right !important;
}

.message_newsletter.alert.alert-error {
    border: 1px solid red !important;

}

#newsletter input.form-control {
    color: #413f3f !important;
}

#newsletter input.form-control::placeholder {
    color: #413f3f9f !important;
}

.widget-wrap .newsletter-widget .input-group-text i {
    color: rgb(154 124 243);
}


.comments-area .thumb {
    margin-right: 0 !important;
    margin-left: 20px;
}

/* cahpta style contact dir */

.captcha-style {
    float: left;
    margin-top: 8px;
}

.captcha-style>input#id_captcha_0,
.captcha-style>input#id_captcha_1 {
    padding: 4px 12px !important;
    border: 1px solid #f8b600;


}

#contact-form-for-author .primary-btn.text-uppercase {
    width: 272px;
}

.captcha-requset-coop>img {
    margin-left: 12px;
}

.captcha-requset-coop>input {
    font-size: 16px;
    line-height: 42px;
    direction: ltr;
    text-align: left;
    color: #404140;
    width: 130px;
    min-width: 120px;
    padding-left: 48px;
    box-sizing: border-box;

}

/* captcha style newsletter-side.html template */
.single-sidebar-widget.newsletter-widget>div.captcha-style {
    float: none;
    direction: rtl;
}

.single-sidebar-widget.newsletter-widget>form>div.captcha-style {
    float: none;
    direction: rtl;
}

.single-sidebar-widget.newsletter-widget>form>div.captcha-style>input#id_captcha_1 {
    text-align: left;
}

.single-sidebar-widget.newsletter-widget>form>div.captcha-style>input#id_captcha_1::placeholder {
    text-align: right;
}

.single-sidebar-widget.ads-widget .social-links {
    margin: 0 0 20px 0;
}

.single-sidebar-widget.ads-widget .social-links a {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--main-color-org), transparent 90%);
    color: var(--main-color-org);
    margin: 0 2px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    transition: 0.3s;
}

.single-sidebar-widget.ads-widget .social-links a:hover {
    color: var(--contrast-color);
    background: var(--accent-color);
}

/* capthch in footer  */
div.captcha-style.in-footer {
    float: none;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;

    gap: 4px;
}

div.captcha-style.in-footer>img {
    display: flex;
    margin: 4px auto;
    width: max-content;
}

div.captcha-style.in-footer>input::placeholder {
    text-align: right;
    direction: rtl;

}

div.captcha-style.in-footer>input#id_captcha_1 {
    line-height: 24px;

}

.single-footer-widget input {
    color: #ffffff;
}


/* log in admin directory recaptch style */

#reactions .prompt {
    direction: ltr !important;
    text-align: left !important;
}

/* comment  single-blog  */
/* post content parts style */
.tags-post .tags {
    margin-bottom: 0 !important;
}

.tags-post .tags li>a {
    font-size: 14px;
    color: #bb6b02;
}

.tags-post .tags li>a:hover {
    color: #f8b600;
}

.tags-post h6 {
    color: #777777 !important;
    font-weight: 500;
    font-size: 14px;
    margin-left: 4px;
    line-height: 22px !important;
}

.user-details .publisher-post p {
    margin: 0;
}

.user-details .publisher-post p:not(:last-child) {
    margin-left: 14px;
}

.user-details .publisher-post p>a {
    margin-right: 4px !important;
    font-size: 12px;

}

/* comment form */
.comment-form .form-control {
    border: 1px solid rgba(238, 221, 221, 0.507);
}

.single-post-area .meta-details {
    margin-top: 8px !important;

}

.persian-input::placeholder {
    text-align: right;
    direction: rtl;
}

.persian-input:focus,
.persian-input:not(:placeholder-shown) {
    text-align: left;
    direction: ltr;
}

/* برای اینترنت اکسپلورر و مرورگرهای قدیمی */
.persian-input.filled {
    text-align: left;
    direction: ltr;
}

.contact-form-authors>.comment-form,
#contact-form-for-events-partner.comment-form,
#contact-form-for-classroom-partner.comment-form,
#contact-form-for-socialmedia-partner.comment-form,
#students.comment-form {
    margin-top: 4px !important;
    padding-top: 10px !important
}

.comment-form .form-control:not([id='email']):focus {
    text-align: right !important;
    direction: rtl !important;

}

.comment-form .form-control::placeholder {
    text-align: right !important;
}

.comment-form .form-control[id='email']:focus {
    text-align: left !important;
    direction: ltr !important;
}

.comment-form .form-control[id='phone']:focus {
    text-align: left !important;
    direction: ltr !important;
}

.comment-form .form-control[id='phone'] {
    text-align: left !important;
    direction: ltr !important;
}

.comment-form .form-control[id='nationalId'] {
    text-align: left !important;
    direction: ltr !important;

}

.comment-form .form-control[id='nationalId']:focus {
    text-align: left !important;
    direction: ltr !important;

}


input#id_captcha_1 {
    /* text-align: left;
    direction: ltr; */


}



input#id_captcha_1:focus {
    text-align: left;
}


/* iframe style in blog-single post */
.h_iframe-aparat_embed_frame {
    position: relative;
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
}

.w-45 {
    width: 48% !important;
}

.media-part {
    background-color: rgb(255, 255, 255);
    padding: 12px;
}

.media-part .video-section {
    justify-content: space-between;

}


/* header style */
/* navbar style */


#mobile-nav-toggle {
    float: left !important;
}

#mobile-nav {
    right: -260px !important
}

body.mobile-nav-active #mobile-nav {
    left: auto !important;
    right: 0 !important;
}

body.mobile-nav-active #mobile-nav {
    text-align: right;
}

.banner-area {
    /* background: url('../img/herro-banner-3.png') center;
    background-size: cover; */
}

/* gallery directory */


section.gallery-banner.gallery {
    background: url('../img/herro-banner/gallery-herro/gallery-herro.png');
    background-size: cover;
}

.prof-img {
    border-radius: 100%;
    display: block;
    top: 28%;
    right: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.prof-img>img {

    object-fit: cover;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    /* filter: contrast(0.2); */
}

@media(max-width:320px) {
    .prof-img {
        width: 200px;
        height: 200px;
        top: 30%;

    }
}

@media(min-width:320.02px) and (max-width:425px) {
    .prof-img {
        width: 250px;
        height: 250px;
        top: 35%;

    }
}

@media(min-width:425.02px) and (max-width:768px) {
    .prof-img {
        width: 350px;
        height: 350px;
        top: 35%;

    }
}

/*end gallery directory */
@media (max-width: 767px) {
    .banner-left {
        margin-top: 200px;
        margin-bottom: 60px;
    }
}

@media (min-width: 767.02px) and (max-width:991px) {
    .banner-left {
        margin-top: 220px;
        margin-bottom: 60px;
    }
}

@media (min-width: 992px) and (max-width:1440px) {
    .banner-left {
        margin-top: 220px;
        margin-bottom: 40px;
    }
}

@media(max-width:1244.02px) {
    .header-top .clock {
        display: none;

    }

    .header-top>div.container-fluid>div.row {
        justify-content: space-between;
    }

    .header-top div.container>div.row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .header-top>div.container>div.row>div.header-top-right {
        width: max-content !important;
    }

    .container.main-menu {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    .container-fluid.main-menu {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    #logo {
        margin-right: 15px;
    }


}


/*  author dircetory */
section.banner-area.relative.author-list {
    background: url('../img/herro-banner/authors-dir/author.png') center;
    background-size: cover;
}

/* در فایل CSS خود */
.is-invalid {
    border-color: #dc3545 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.form-highlight {
    animation: highlight-pulse 2s ease-in-out;
}

@keyframes highlight-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
}

/* community-events dirctory */

section.banner-area.relative.community-events-list {
    background: url('../img/herro-banner/community-events/community-events-herro.png');
    background-size: cover;
}

/* classroom dirctory */

section.banner-area.relative.classroom-list {
    background: url('../img/herro-banner/classroom/classroom-herro.png');
    background-size: cover;
    filter: contrast(0.8);

}

/* virtual-partnership dirctory */

section.banner-area.relative.virtual-partnership {
    background: url('../img/herro-banner/virtual-partnership/sp-main.png');
    background-size: cover;


}

/* header style */

section.banner-area.relative.student {
    background: url('../img/herro-banner/student-herro/student-banner-herro.jpg');
    background-size: cover;
    filter: contrast(0.8);

}

/* ++++++++++++++++++++++ */
.posts-list .posts-title h3:hover {
    color: #f8b600 !important;
}

.single-post p {

    text-align: right;
    /* direction: rtl; */
}



/* Gallery directory - index.html */
section.gallery {
    padding-bottom: 60px;
}

section.gallery>#videoCarousel>.carousel-indicators {
    bottom: 30% !important;
}

.carousel-control-prev,
.carousel-control-next {
    top: 22%
}

section.gallery .carousel-indicators li {
    background-color: #774401;
    cursor: pointer;
}

section.gallery .carousel-indicators .active {
    background-color: #f87800;
}

section.gallery .carousel-caption {
    bottom: 32%;
    opacity: 0.9;
    background-color: var(--main-color-org) !important;
}

section.gallery .carousel-caption>h5.video-title {
    color: #ffc107 !important;
}

/* فلش سمت چپ */
section.gallery .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f5048c' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

section.gallery .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f5048c' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.gallery-photo-section div.single-post-area,
.gallery-video-section div.single-post-area {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    direction: rtl;
}

/* video gallery section */


.video-section-gallery-container .parent {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2px;
    margin-bottom: 12px;
}


.video-section-gallery-container .parent .div1 {
    /* margin-top: 16px !important;
    margin-bottom: 12px !important; */
    grid-column: span 2 / span 2;
    /* 1 / 3 or 1 / span */
    grid-row: span 2 / span 2;
    ;
    background-color: #161715;
}

.video-section-gallery-container .parent .div1 .post-content {
    padding: 19px 12px !important
}

.video-section-gallery-container .parent .div1 .post-content .post-meta>a,
.video-section-gallery-container .parent .div1 .post-content .post-title {
    font-size: 18px !important;
}

.video-section-gallery-container .parent .div2 {
    grid-column-start: 3;
    background-color: #161715;


}

.stroke-text {
    color: white;
    /* رنگ متن اصلی */
    -webkit-text-stroke: 1px black;
    /* ضخامت و رنگ استروک */
    /* یا می‌توانید فقط استروک داشته باشید: */
    color: var(--main-color-org);
    -webkit-text-stroke: 1px #fff;

}

.video-section-gallery-container .parent .div3 {
    grid-column-start: 3;
    grid-row-start: 2;
    background-color: #161715;



}

.video-section-gallery-container .parent .div4 {
    grid-column-start: 4;
    grid-row-start: 1;
    background-color: #161715;


}

.video-section-gallery-container .parent .div5 {
    grid-column-start: 4;
    grid-row-start: 2;
    background-color: #161715;

}



.video-section-gallery-container {
    padding: 100px 0;

}

.video-section-gallery .single-post-area {
    padding: 0 !important;
    margin: 0 !important;
}

.video-section-gallery .single-post-area .post-content .post-meta {
    margin-bottom: 0;

}

.video-section-gallery .single-post-area .post-content .post-title {
    font-size: 0.8rem
}

.video-section-gallery .single-post-area .post-content .post-meta a {
    font-size: 12px;
    margin-right: 4px;
}

.video-section-gallery .single-post-area .post-content .post-meta a:last-child::after {
    top: -5px;
    left: auto;
    right: -6px;
}


/* :: 5.0 Backtotop CSS */
#scrollUp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    right: 40px;
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    bottom: 40px;
    background-color: var(--main-color-org);
    color: #ffffff;
    text-align: center;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
    box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
    z-index: 15962536;
}

.arrow_carrot-up:before {
    content: "^";
}

.arrow_carrot-up {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}



@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 20px;
        bottom: 20px;
    }
}

/* #scrollUp:focus, */
#scrollUp:hover {
    background-color: #000000;
    color: #ffffff;
}








/* :: 13.0 Blog CSS */
.blog-details-text {
    position: relative;
    z-index: 1;
}

.blog-details-text .row {
    margin-right: -5px;
    margin-left: -5px;
}

.blog-details-text .row .col-12 {
    padding-right: 5px;
    padding-left: 5px;
}

.blog-details-text p {
    font-size: 18px;
    margin-bottom: 20px;
}

.post-content-area .blog-pagination .pagination li.page-item.active a.page-link {
    background-color: var(--main-color-org) !important;

}

.alime-blockquote {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    margin-top: 30px;
    border-left: 3px solid #fc6060;
    padding-left: 30px;
}

.alime-blockquote h4 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #161715;
    line-height: 1.5;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .alime-blockquote h4 {
        font-size: 18px;
    }
}

.alime-blockquote h6 {
    font-size: 18px;
    color: #fc6060;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .alime-blockquote h6 {
        font-size: 14px;
    }
}

.post-author-area {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .post-author-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .post-author-area .popular-tags {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }
}

.post-author-area .popular-tags li {
    display: inline-block;
    float: left;
    margin: 3px;
}

@media only screen and (max-width: 767px) {
    .post-author-area .post-social-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}

.post-author-area .post-social-info p {
    margin-bottom: 0;
    margin-right: 20px;
    color: #252525;
}

.post-author-area .post-social-info a {
    display: inline-block;
    color: #625b66;
    margin-right: 20px;
    font-size: 14px;
}

.post-author-area .post-social-info a:last-child {
    margin-right: 0;
}

.post-author-area .post-social-info a:hover,
.post-author-area .post-social-info a:focus {
    color: #fc6060;
}

.alime-pager-area {
    position: relative;
    z-index: 1;
}

.alime-pager-area .previous,
.alime-pager-area .next {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 290px;
}

@media only screen and (max-width: 767px) {

    .alime-pager-area .previous,
    .alime-pager-area .next {
        height: 180px;
    }
}

.alime-pager-area .previous::after,
.alime-pager-area .next::after {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    content: '';
    opacity: 0;
    visibility: hidden;
}

.alime-pager-area .previous .overlay-content,
.alime-pager-area .next .overlay-content {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    left: 15%;
    text-align: center;
    z-index: 100;
}

.alime-pager-area .previous .overlay-content .post-title,
.alime-pager-area .next .overlay-content .post-title {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {

    .alime-pager-area .previous .overlay-content .post-title,
    .alime-pager-area .next .overlay-content .post-title {
        font-size: 14px;
    }
}

.alime-pager-area .previous .overlay-content .post-title:hover,
.alime-pager-area .previous .overlay-content .post-title:focus,
.alime-pager-area .next .overlay-content .post-title:hover,
.alime-pager-area .next .overlay-content .post-title:focus {
    color: #fc6060;
}

.alime-pager-area .previous .overlay-content .previous-link,
.alime-pager-area .previous .overlay-content .next-link,
.alime-pager-area .next .overlay-content .previous-link,
.alime-pager-area .next .overlay-content .next-link {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: -10%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #ffffff;
    z-index: 100;
    opacity: 0;
}

.alime-pager-area .previous .overlay-content .previous-link:hover,
.alime-pager-area .previous .overlay-content .previous-link:focus,
.alime-pager-area .previous .overlay-content .next-link:hover,
.alime-pager-area .previous .overlay-content .next-link:focus,
.alime-pager-area .next .overlay-content .previous-link:hover,
.alime-pager-area .next .overlay-content .previous-link:focus,
.alime-pager-area .next .overlay-content .next-link:hover,
.alime-pager-area .next .overlay-content .next-link:focus {
    color: #fc6060;
}

.alime-pager-area .previous:hover::after,
.alime-pager-area .previous:focus::after,
.alime-pager-area .next:hover::after,
.alime-pager-area .next:focus::after {
    opacity: 1;
    visibility: visible;
}

.alime-pager-area .previous:hover .previous-link,
.alime-pager-area .previous:hover .next-link,
.alime-pager-area .previous:focus .previous-link,
.alime-pager-area .previous:focus .next-link,
.alime-pager-area .next:hover .previous-link,
.alime-pager-area .next:hover .next-link,
.alime-pager-area .next:focus .previous-link,
.alime-pager-area .next:focus .next-link {
    opacity: 1;
}

.alime-pager-area .next .overlay-content .next-link {
    left: auto;
    right: -10%;
}

.pagination {
    position: relative;
    z-index: 1;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

}

.pagination .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    /* border-radius: 100%; */
}

.pagination .page-link {
    /* padding: 12px ; */
    color: #252525;
    border: none;
    background-color: #f7f7f7;
    margin-right: 5px;
    border-radius: 100%;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    background-color: #fc6060;
    color: #ffffff;
    border-color: #fc6060;
}

.pagination .page-link:focus {
    box-shadow: none;
}

.comment_area {
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.comment_area .single_comment_area {
    position: relative;
    z-index: 1;
}

.comment_area .single_comment_area::after {
    position: absolute;
    width: 1px;
    background-color: #ebebeb;
    height: 100%;
    content: '';
    top: 0;
    left: 90px;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .comment_area .single_comment_area::after {
        left: 50px;
    }
}

.comment_area .single_comment_area .single_comment_area::after {
    display: none;
}

.comment_area .comment-content {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.comment_area .comment-content .comment-author {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    width: 70px;
    max-width: 70px;
    margin-right: 40px;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .comment_area .comment-content .comment-author {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        width: 40px;
        max-width: 40px;
        margin-right: 20px;
    }
}

.comment_area .comment-content .comment-author img {
    border-radius: 50%;
}

.comment_area .comment-content .comment-meta .post-date {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    font-weight: 300;
    color: #b2b2b2;
    letter-spacing: 1px;
}

.comment_area .comment-content .comment-meta .post-date:hover,
.comment_area .comment-content .comment-meta .post-date:focus {
    color: #fc6060;
}

.comment_area .comment-content .comment-meta h5 {
    margin-bottom: 5px;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .comment_area .comment-content .comment-meta h5 {
        font-size: 16px;
    }
}

.comment_area .comment-content .comment-meta p {
    color: #636363;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .comment_area .comment-content .comment-meta p {
        font-size: 13px;
    }
}

.comment_area .comment-content .comment-meta .like,
.comment_area .comment-content .comment-meta .reply {
    display: inline-block;
    padding: 5px 25px 5px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #ebebeb;
    text-transform: uppercase;
    border-radius: 2px;
}

.comment_area .comment-content .comment-meta .like:focus,
.comment_area .comment-content .comment-meta .like:hover,
.comment_area .comment-content .comment-meta .reply:focus,
.comment_area .comment-content .comment-meta .reply:hover {
    border-color: #fc6060;
    background-color: #fc6060;
    color: #ffffff;
}

.comment_area .children {
    margin-left: 120px;
}

@media only screen and (max-width: 767px) {
    .comment_area .children {
        margin-left: 60px;
    }
}

.comment_area .children .single_comment_area:last-of-type {
    margin-bottom: 0;
}

.comment_area .children .single_comment_area .comment-author {
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .comment_area .children .single_comment_area .comment-author {
        margin-right: 10px;
    }
}


.alime-blog-area {
    position: relative;
    z-index: 1;
}

.alime-blog-area .row {
    margin-right: -5px;
    margin-left: -5px;
    direction: rtl;
}

.alime-blog-area .row .col-12 {
    padding-right: 5px;
    padding-left: 5px;
}

.gallery-photo-section .single-post-area,
.video-section-gallery-container .video-section-gallery .single-post-area {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.gallery-photo-section .single-post-area::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    z-index: 1;
}



.gallery-photo-section .single-post-area .post-thumbnail {
    display: block;
    overflow: hidden;
}

.gallery-photo-section .single-post-area .post-thumbnail img {
    width: 100%;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
}

.catagrory_resourse {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 100%;
    gap: 4px;
}

.gallery-photo-section .single-post-area .post-catagory {

    padding: 2px 15px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #fc6060;

    z-index: 20;
    font-weight: 500;
}

.video-section-gallery .single-post-area .post-catagory {

    padding: 2px 15px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #fc6060;

    z-index: 20;
    font-weight: 500;
}

.gallery-photo-section .single-post-area .post-catagory:hover,
.gallery-photo-section .single-post-area .post-catagory:focus {
    font-weight: 500;
    background-color: #000000;
}

.video-section-gallery .single-post-area .post-catagory:hover,
.video-section-gallery .single-post-area .post-catagory:focus {
    font-weight: 500;
    background-color: #000000;
}

.gallery-photo-section .single-post-area .post-content {
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px;
    z-index: 100;
}

.video-section-gallery .post-content {
    background-color: rgb(253, 114, 34);
    display: flex;
    justify-content: space-between;
    align-items: center;

    z-index: 100;
    padding: 4px 8px;
}

.gallery-photo-section .single-post-area .post-content .post-meta {
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
}

.video-section-gallery .post-content .post-meta {
    position: relative;
    z-index: 1;

}

.gallery-photo-section .single-post-area .post-content .post-meta a {
    position: relative;
    z-index: 1;
    font-size: 13px;
    color: #ffffff;
    font-weight: 300;
    margin-right: 21px;
}

.video-section-gallery .post-content .post-meta a {
    position: relative;
    z-index: 1;
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;

}



.gallery-photo-section .single-post-area .post-content .post-meta a:hover,
.gallery-photo-section .single-post-area .post-content .post-meta a:focus,
.video-section-gallery .post-content .post-meta a:hover,
.video-section-gallery .post-content .post-meta a:focus {
    color: #1b1b1b;
}

.gallery-photo-section .single-post-area .post-content .post-meta a:hover::after,
.video-section-gallery .post-content .post-meta a:hover::after {
    color: #ffffff;
}

.gallery-photo-section .single-post-area .post-content .post-title {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 0;
}

.video-section-gallery .post-content .post-title {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;

}



.gallery-photo-section .single-post-area .post-content .post-title:hover,
.gallery-photo-section .single-post-area .post-content .post-title:focus,
.video-section-gallery:hover .post-thumbnail img,
.video-section-gallery:focus .post-thumbnail img {
    color: #fc6060;
}

.gallery-photo-section .single-post-area:hover .post-thumbnail img,
.gallery-photo-section .single-post-area:focus .post-thumbnail img,
.video-section-gallery:hover .post-thumbnail img,
.video-section-gallery:focus .post-thumbnail img {
    -webkit-transform: scale(1.4) rotate(10deg);
    -ms-transform: scale(1.4) rotate(10deg);
    transform: scale(1.4) rotate(10deg);
}


.alime-portfolio-area {
    position: relative;
    z-index: 1;
}

.alime-portfolio-area .container-fluid {
    padding-right: 10%;
    padding-left: 10%;
}



.alime-projects-menu {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.alime-projects-menu .portfolio-menu .btn {
    color: #6c757d;
    position: relative;
    z-index: 1;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    margin: 0 4px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.alime-projects-menu .portfolio-menu .btn.is-active:focus {
    box-shadow: none;

}

.alime-projects-menu .portfolio-menu .btn::after {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: #fc6060;
    content: '';
    bottom: -5px;
    left: 0;
    right: 0;
    z-index: 1;
}

.alime-projects-menu .portfolio-menu .btn.is-active {
    color: #fc6060;
    ;

}

.alime-projects-menu .portfolio-menu .btn.is-active::after {
    width: 100%;
}

.single-portfolio-content {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    overflow: hidden;
}

.single-portfolio-content img {
    width: 100%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-portfolio-content .hover-content {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

.single-portfolio-content .hover-content a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
    margin-left: -26px;
    z-index: 100;
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: var(--main-color);
    text-align: center;
    line-height: 44px;
    font-size: 30px;
    color: #ffffff;
}

.single-portfolio-content .hover-content a:hover,
.single-portfolio-content .hover-content a:focus {
    background-color: #000000;
}

.single-portfolio-content:hover img,
.single-portfolio-content:focus img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.single-portfolio-content:hover .hover-content,
.single-portfolio-content:focus .hover-content {
    opacity: 1;
    visibility: visible;
}

.single-portfolio-content:hover .hover-content a,
.single-portfolio-content:focus .hover-content a {
    margin-top: -26px;
}

.alime-portfolio .grid-sizer {
    width: 25%;
}

.gallery .embed-responsive {
    height: 100vh;
}

.gallery .embed-responsive>.embed-responsive-item {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* یا contain، بسته به نیاز شما */
}


.master-card {
    padding-bottom: 12px;
    height: auto;
    /* min-height: 200px; */
    box-shadow: 2px 3px 20px 3px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    border: 1px solid #8b8a8f70;
    box-sizing: border-box;
    overflow: hidden;
}

.master-contact {
    height: 100px;
}

.master-card-top-header {
    background-color: var(--main-color);
}

.master-card-logo {
    height: 100px;
}

.uni_name {
    font-size: 12px;
}

.prof-master {
    width: 70px;
    height: 70px;
    display: block;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid var(--main-color-org);
    margin-left: 8px;
    margin-right: 4px;
    box-shadow: -2px 2px 20px 4px rgba(214, 115, 1, 0.4);
}

.master-card-logo .kavo-logo {
    width: 50px;
    height: 50px;
}

.master-card-logo .kavo-logo>img {
    width: 100%;
    height: 100%;
}

.ti-cursor {
    display: none !important;
}

/* 4 ستون روی دسکتاپ */
@media only screen and (max-width: 767px) {
    .about-content h1 {
        font-size: 2rem;
        font-weight: 600;
    }


    .banner-left h1 {
        font-size: 1.6rem;
    }

    .alime-projects-menu .portfolio-menu .btn {
        font-size: 14px;
        margin: 0 5px;
    }
}


@media only screen and (max-width: 767px) {

    .post-content-area .single-post .meta-details {
        text-align: right;
    }


    .post-content-area .single-post .meta-details .tags {
        margin-bottom: 0;
    }

    .catagory-container h6 {
        margin-bottom: 0 !important;
    }

    .breakpoint-768-dis-none {
        display: none !important;
    }

    .catagory-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

    .gallery .embed-responsive {
        height: 100vh;
        /* ارتفاع ثابت برای کل wrapper */
    }

    .gallery .embed-responsive>.embed-responsive-item {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* یا contain، بسته به نیاز شما */
    }

    .alime-portfolio-area .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (max-width: 576px) {
    .alime-portfolio .grid-sizer {
        width: 100%;
    }
}

/* موبایل یک ستونه */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .alime-portfolio-area .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .gallery-photo-section .single-post-area .post-content .post-title,
    .video-section-gallery .post-content .post-title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .alime-portfolio-area .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (max-width: 992px) {
    .alime-portfolio .grid-sizer {
        width: 50%;
    }
}

/* 2 ستون تبلت/موبایل */
@media (max-width:1024px) {

    .blog-home-banner.news,
    .blog-home-banner.blog {
        padding: 0;
    }

    section.gallery {
        padding-bottom: 40px;
    }

    .video-section-gallery-container {
        padding: 20px 0;

    }

    .video-section-gallery-container .parent {
        grid-template-columns: 1fr;
        /* تک ستون */
        grid-template-rows: auto;
    }

    .video-section-gallery-container .parent .div1,
    .video-section-gallery-container .parent .div2,
    .video-section-gallery-container .parent .div3,
    .video-section-gallery-container .parent .div4,
    .video-section-gallery-container .parent .div5 {
        grid-column: 1 / -1;
        grid-row: auto;
        margin: 0;
        /* می‌توانید اگر لازم است marginها را حذف کنید */
    }

    .alime-projects-menu {
        margin-bottom: 16px;
        margin-top: 16px;
    }
}

@media (min-width:1024.02px) and (max-width:1440px) {

    .news .fullscreen,
    .blog .fullscreen {
        height: 370px !important;
    }



}

@media (min-width: 767.02px) and (max-width:1024px) {

    .gallery .embed-responsive {
        height: 100vh;
        /* ارتفاع ثابت برای کل wrapper */
    }

    .gallery .embed-responsive>.embed-responsive-item {
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* یا contain، بسته به نیاز شما */
    }

}



/* -------------------------------------------------- */

/*             AOUTHOR APP STYLE                      */

/* -------------------------------------------------- */

.author-card,
.staff-card {
    transition: all 0.3s ease;
}

.author-card:hover,
.staff-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.author-photo,
.staff-photo {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.author-card a.btn.btn-outline-primary,
.staff-card a.btn.btn-outline-primary {
    color: #222 !important;
    background-color: transparent;
    width: 100%;
    border-radius: 0 !important;
    font-weight: 600;
    padding: 8px 0;

}

.author-card a.btn.btn-outline-primary:hover,
.staff-card a.btn.btn-outline-primary:hover {
    color: #222 !important;
    background-color: #f8b600 !important;
    border-color: #222 !important;
}

.single-other-issue {
    padding-bottom: 20px;
}

.single-post-area .navigation-area .nav-right .lnr {
    margin-left: 40px;

}

.single-post-area .navigation-area .nav-left .lnr {
    margin-right: 40px;

}

/* video (gallery dir) responstive */
@media (max-width:425px) {

    .video-section-gallery-container .parent .div1 .post-content .post-meta>a,
    .video-section-gallery-container .parent .div1 .post-content .post-title {
        font-size: 0.8rem !important;
    }

    .video-section-gallery-container .parent .div1 .post-content {
        padding: 4px 8px !important
    }

}

@media (min-width:425.02px) and (max-width:1024px) {

    .video-section-gallery-container .parent .post-content .post-meta>a,
    .video-section-gallery-container .parent .post-content .post-title {
        font-size: 1rem !important;
    }

    .video-section-gallery-container .parent .post-content {
        padding: 8px 16px !important
    }

}

@media(max-width:767.99px) {
    div.user-details>p.date {
        justify-content: left !important;
    }
}


/* @media(max-width:375px){
    h1 {
        font-size: 1rem !important;
    }
    p {
        font-size: 1rem;
    }
    .section-gap{
        padding:35px 0 !important;
    }
    .pb-70{
        padding-bottom: 20px;
    }
    .single-other-issue{
        padding-bottom: 35px;
    }
    .single-other-issue h4 {
        margin: 10px 0 ;
        text-align: center !important;
    }
    .home-about-area > .container-fluid > div.row{
        flex-direction: column-reverse;
    }
     .home-about-area .home-about-left{
        padding: 0 15px 12px 15px;
    }

} */


/* @media(min-width:375.02px) and (max-width:430px){
    h1 {
        font-size: 1.5rem !important;
    }
    p {
        font-size: 1rem;
    }
    .section-gap{
        padding:20px 0 !important;
    }
    .pb-70{
        padding-bottom: 20px;
    }
    .single-other-issue{
        padding-bottom: 45px;
    }
    .single-other-issue h4 {
        margin: 20px 0 10px 0 ;
        text-align: center !important;
    }
     .home-about-area .home-about-left{
        padding: 25px 15px 45px 15px;
    }

} */


@media(min-width:320.02px) and (max-width:991.02px) {
    .home-about-area>.container-fluid>div.row {
        flex-direction: column-reverse !important;
        justify-content: center !important;
    }

    .home-about-area .home-about-right {
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
    }

    .home-about-area .home-about-left {
        padding: 0 15px 12px 15px;
    }

    .home-about-area .home-about-right img {
        max-width: 90% !important;
        display: block;


    }

    .recent-blog-area .owl-dots {
        margin-top: 20px !important;
    }


}

/* about page section */

@media(max-width:768px) {
    section.about.other-issue-area.section-gap {
        padding: 35px 0 !important;
    }

    section.about.other-issue-area.section-gap div.row>div.partenrship-card {
        border-bottom: 6px solid #111111;
        padding: 4px 0;
    }

    section.about.other-issue-area.section-gap .single-other-issue {
        padding-bottom: 10px !important;

    }

    .partenrship-card .contact-orgs {
        margin-bottom: 50px;
    }

    section.about h1 {
        font-size: 1.3rem;
        font-weight: 600;
    }

    section.about p {
        font-size: 1rem !important;
        line-height: 26px !important;
    }

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

    }

    .about-info-area .info-right p {
        max-width: 100% !important;

    }

}

@media (max-width:768px) {}

@media (min-width:768.02px) and (max-width:1024px) {
    section.about p {
        font-size: 1rem !important;
        line-height: 26px !important;

    }

    .about-info-area .info-right p {
        max-width: 100% !important;

    }

    section.about h1 {
        font-size: 1.5rem !important;
    }

}

/* end about page section */

@media(max-width:1068px) {
    section.master-prof-banner {
        display: none;
    }
    section.info-master{
        margin-top: 100px;
    }

}