@font-face {
    font-family: shabnam;
    src: url("../font/Shabnam.woff2");
}

@font-face {
    font-family: vazir;
    src: url("../font/Vazir.woff2");
}

@font-face {
    font-family: yekn;
    src: url("../font/Yekan.woff");
}

* {
    scroll-behavior: smooth;
}

.fa-spin-hover:hover {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

#pageloader {
    background: rgba( 255, 255, 255, 0 );
    display: none;
    /*height: 100%;*/
    /*position: fixed;*/
    /*width: 100%;*/
    z-index: 9999;
}

    #pageloader img {
        /*left: 50%;*/
        /*margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;*/
    }

video {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
}

a, .card--with--items li, p {
    position: relative;
    transition: all 0.3s ease;
}

    a:hover {
        color: green;
    }

.card--with--items a:hover::before {
    content: '';
    right: -6px;
    top: 4px;
    position: absolute;
    border-right: 5px solid green;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}

.card--with--items a:hover p {
    transform: translate(-5px);
}

.card--with--items a:hover {
    transform: translate(-10px);
}


body {
    /* overflow-x: hidden; */
    box-sizing: border-box;
    font-family: shabnam;
}

.text-green {
    color: rgb(2, 151, 2);
}

img {
    pointer-events: none
}

/* Utilities */

.zoom--on--hover {
    transition: all 0.3s;
}

    .zoom--on--hover:hover {
        transform: scale(1.2);
    }

.change--color--on--hover {
    transition: all 0.3s;
}

    .change--color--on--hover:hover {
        color: lightblue;
    }

.green--on--hover {
    transition: all 0.3s;
}

.blue--on--hover:hover {
    color: greenyellow;
}

.color--black {
    color: black;
}

.color--gray {
    color: rgb(197, 194, 194);
}

.center--to--parent {
    z-index: 4;
    position: absolute;
    /* -webkit-filter: blur(3px); */
    /* Safari 6.0 - 9.0 */
    /* filter: blur(2px); */
    /* opacity: 90%; */
    right: 0%;
    left: 0%;
    top: 0%;
    bottom: 0;
    margin: auto auto;
    /* width: 50px;
  height: 50px;  */
}

.text--dark--shadow {
    text-shadow: 2px 0px 4px #000000;
}

.text--light--shadow {
    text-shadow: 0px 0px 2px #fffbfb;
}

.bg--main--color {
    background-color: #f3f3f5 !important;
}

.bg--second--color {
    background-color: #eeeef4 !important;
}

.bg--footer--color {
    /* background: rgb(154, 152, 152); */
    /* background: linear-gradient(90deg, rgb(108, 110, 110) 0%, rgb(202, 206, 206) 38%, rgba(202, 206, 206) 56%, rgba(108, 110, 110) 100%); */
    background: linear-gradient(90deg, rgb(184, 183, 183) 0%, rgb(226, 225, 225) 38%, rgb(226, 225, 225) 56%, rgb(184, 183, 183) 100%);
}

.bg--dark--color {
    background-color: gray !important;
}

.bg--very--dark--color {
    background-color: rgb(82, 79, 79) !important;
}

.bg--header {
    background: linear-gradient(180deg, rgb(233, 232, 232) 0%, rgb(255, 255, 255) 50%, rgb(233, 232, 232) 100%);
}

.bg--navbar {
    background: linear-gradient(180deg, rgb(241, 237, 237) 0%, rgb(250, 250, 248) 50%, rgba(241, 237, 237) 100%);
}

.bg--gradient1 {
    background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgb(250, 249, 241) 35%, #e2e2e2 100%);
}

.bg--gradient10 {
    background: #2193b0; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg--gradient11 {
    background-color: #D9AFD9;
    background-image: linear-gradient(0deg, #D9AFD9 0%, #97D9E1 100%);
}

.bg--gradient2 {
    background: linear-gradient(180deg, rgba(244, 245, 238, 1) 0%, rgba(255, 255, 255, 1) 48%, rgba(244, 245, 238, 1) 100%);
}

.bg--gradient3 {
    background: linear-gradient(180deg, rgba(244, 245, 238, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(244, 245, 238, 1) 100%);
}

.bg--gradient--circle {
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 25%, rgb(241, 242, 238) 60%);
}

.bg--gradient--opacity {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.479) 25%, rgba(241, 242, 238, 0.582) 60%);
}

.bg--gradient--dark {
    background: linear-gradient(180deg, rgb(247, 244, 244) 0%, rgb(226, 226, 226) 50%, rgb(245, 243, 243) 100%);
}

.bg--info {
    background: linear-gradient(90deg, rgba(158,177,181,1) 25%, rgba(213,223,224,1) 42%, rgba(213,223,224,1) 61%, rgba(158,177,181,1) 80%);
}

.bg--video--icon {
    background: rgb(93,90,91);
    background: radial-gradient(circle, rgba(93,90,91,1) 0%, rgba(185,185,185,0.7035189075630253) 100%);
}

.bg--transparent {
    background: #ffffffc4;
}

.vertical--line {
    border-left: 6px solid gray;
    bottom: 0;
    top: 0;
}

.section--padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.section--padding--little {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.scroll--margin--top {
    scroll-margin-top: 3rem;
}

.text--justify {
    text-align: justify !important;
}

a {
    text-decoration: none;
}

p,
.fs--normal {
    font-size: 0.9rem !important;
}

.fs--content--body, .fs--content--body p {
    font-size: 1rem !important;
}

.fs--little {
    font-size: 0.8rem !important;
}

.fs--very--little {
    font-size: 0.75rem !important;
}

.fs--extra--little {
    font-size: 0.6rem !important;
}

.section--title {
    font-size: 1.3rem;
    font-weight: bold;
}

.section--title--thiner {
    font-size: 1.1rem;
    font-weight: bold;
}

.nav-link {
    color: black;
}

.btn--primary {
    width: fit-content;
    font-size: small;
    border-color: black;
    background-color: rgb(221, 231, 244);
    padding: 5px 20px;
    transition: all 0.5s;
}

    .btn--primary:hover {
        padding: 5px 30px;
        background-color: rgba(199, 242, 198, 0.993);
    }

.category--info {
    margin: auto 2px;
    padding: 1px 8px;
    font-size: 0.6rem;
    color: white;
    border-radius: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    width: fit-content;
}

.b-example-divider {
    height: 1rem;
    background-color: rgba(140, 134, 134, 0.1);
    border: solid rgba(207, 205, 205, 0.815);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgb(0 0 0 / 10%), inset 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

.b-example-divider-darker {
    height: 1rem;
    background-color: rgba(140, 134, 134, 0.1);
    border: solid rgba(199, 195, 195, 0.777);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgb(0 0 0 / 10%), inset 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

.box--shadow {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 15%);
}

.background--transparent {
    z-index: 4;
    position: absolute;
    -webkit-filter: blur(3px);
    /* Safari 6.0 - 9.0 */
    filter: blur(3px);
    opacity: 20%;
    right: 0%;
    left: 0%;
    top: 0%;
    bottom: 0;
    margin: auto auto;
    max-width: 400px;
    height: auto;
}

.alerts--container {
    height: 500px;
}

.text--white--shadow {
    text-shadow: 1px 1px 0 #ffffff56;
}

.text--thin--white--shadow {
    text-shadow: 1px 0px 0 #fffcfc34;
}

.border--purple {
    border-color: rgb(163, 139, 163) !important;
}

.leaf {
    z-index: 4;
    position: absolute;
    -webkit-filter: blur(3px);
    /* Safari 6.0 - 9.0 */
    filter: blur(2px);
    opacity: 30%;
    right: 0%;
    left: 0%;
    top: 0%;
    bottom: 0;
    margin: auto auto;
    width: 200px;
    height: auto;
    animation: MOVE-BG 3s linear infinite alternate;
    animation-name: MOVE-BG;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
}


@keyframes MOVE-BG {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-20px, 20px);
    }
}

/* Body */
#btn--scroll--to--top {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 40px;
    /* Place the button at the bottom of the page */
    right: 40px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    font-size: 1.4rem;
    /* Increase font size */
    transition: all 0.3s ease;
    color: rgb(51, 51, 51);
    opacity: 80%;
}

    #btn--scroll--to--top:hover {
        transform: scale(1.3);
        color: rgb(18, 18, 19);
    }

/* Top Navbar */
#search-box {
    max-width: 200px;
    background-color: rgb(245, 243, 243);
    transition: all 0.5s;
}

    #search-box:focus {
        padding-right: 20px;
    }

#type-writer {
    width: 80%;
    font-size: 150%;
    text-align: right;
    vertical-align: text-bottom;
    /* margin-bottom: 1px; */
}

    #type-writer::after {
        content: "|";
        font-size: 150%;
        animation: blink .75s step-end infinite;
    }

@keyframes blink {

    from, to {
        color: transparent
    }

    50% {
        color: rgb(14, 163, 9)
    }
}

.rectangle {
    border-bottom: 30px solid rgb(130, 191, 73);
    border-left: 30px solid transparent;
    height: 0;
    width: 115px;
}

.div-in-rectangle {
    padding-top: 6px;
    padding-right: 15px;
    font-weight: 500;
    color: rgb(1, 1, 1);
    text-shadow: 1px 1px 0 #ffffff4d;
}

#type-writer {
    margin-bottom: 2px;
}

/* Header */
.header--logo {
    max-height: 120px;
}

.header-info-item a {
    font-size: 0.8rem;
    text-decoration: none;
    color: rgb(0, 0, 0);
}

    .header-info-item a i {
        font-size: x-large;
        color: rgb(59, 207, 72);
        margin-left: 5px;
    }

.fa--bounce--hover:hover {
    -webkit-animation: fa-bounce 0.5s 1 linear;
    -moz-animation: fa-bounce 0.5s 1 linear;
    -o-animation: fa-bounce 0.5s 1 linear;
    animation: fa-bounce 0.5s 1 linear;
}

.fa--shake--hover:hover {
    -webkit-animation: fa-shake 0.5s 1 linear;
    -moz-animation: fa-shake 0.5s 1 linear;
    -o-animation: fa-shake 0.5s 1 linear;
    animation: fa-shake 0.5s 1 linear;
}



/* Navbar */
.header--navbar {
    padding: 1 0;
}

/* دسته بندی خبرها */


/* Carousel */
.carousel-item a {
    text-decoration: none;
    color: white;
}

.carousel--text--shadow {
    text-shadow: #000000 1px 1px 1px;
}

.gradient {
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(35, 35, 35));
    height: 200px;
    /* margin-top: -200px; */
    /* position: relative; */
    position: absolute;
    bottom: 0rem;
    width: 100%;
    opacity: 50%;
}

/* News */
.news--date--time {
    font-size: 0.7rem;
}



.news--main--title {
    font-size: large !important;
    text-align: justify;
}

.news--main--text {
    font-size: 0.9rem !important;
    text-align: justify;
    margin-bottom: 0.5rem;
}

.news--text {
    font-size: 0.8rem !important;
    text-align: justify;
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
}

.text--limited--2lines {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main--ContentEdit {
    text-align: justify;
    font-size: 0.8rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news--text--limited--lines {
    text-align: justify;
    font-size: 0.8rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text--limited--lines--3 {
    text-align: justify;
    font-size: 0.8rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news--text--limited--lines--no--justify {
    font-size: 0.8rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news--thumbnail--image {
    /*max-height: 110px;*/
    max-width: 165px;
}

.other--news--thumbnail--image {
    /*max-height: 110px;*/
    max-width: 200px;
}

.img--thumbnail--main--news {
    /*max-height: 580px;*/
    max-width: 800px;
}

.img--other--news {
    height: 146px;
    width: 220px;
}

.news-continue {
    font-size: small;
    text-decoration: none;
}



/* Events */
.event--gradient {
    background: linear-gradient(rgba(179, 176, 176, 0), rgb(28, 44, 40));
    height: 60%;
    /* margin-top: -200px; */
    /* position: relative; */
    position: absolute;
    bottom: 0rem;
    width: 100%;
}

.event--caption {
    color: white;
    text-align: center;
    font-size: 0.8rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-shadow: #191a19 0px 0px 3px;
}


.event--zoom--icon {
    display: block;
    width: 80px;
    height: 75px;
    padding-top: 11px;
    padding-left: 2px;
    border-radius: 10px;
    /*background: radial-gradient(circle, rgb(49, 48, 49) 0%, rgb(95, 95, 95) 100%);*/
    opacity: 100%;
}

    .event--zoom--icon i {
        --fa-animation-duration: 1.5s;
        color: white;
    }

.owl-stage-outer {
    padding-bottom: 5px;
}

.owl-item {
    padding: 0 10px 10px 0;
}

/* .owl-prev , .owl-next{
  font-size: 20px !important;
} */

/* Services */
.services--container {
    /* max-width: 1200px; */
    padding: auto;
}

.card {
    box-shadow: 2px 2px 10px 2px rgb(22 22 26 / 18%);
    border: 2px gray;
    border-radius: 5px;
}

.services--card--body {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.service--card {
    text-decoration: none;
    font-size: 0.8rem;
}

    .service--card a {
        text-decoration: none;
        font-size: 0.8rem;
    }

    .service--card li {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .service--card ul {
        max-height: 200px;
        overflow: auto;
    }

    .service--card img {
        border-radius: unset;
    }

.services--list--group {
    border-radius: 0 0 5px 0;
}





/* Province Statistics */

.image--map {
    max-width: 390px;
}

g path {
    transition: all 0.7s;
}

    g path:hover {
        /* box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); */

        fill: rgb(189, 223, 190);
    }

/* Auction & Compliant */
.auction--card {
    max-width: 550px;
}

.auction--links {
    transition: all 0.3s ease;
}

    .auction--links img {
        max-width: 110px;
    }

    .auction--links:hover {
        transform: scale(1.2);
    }

.auction--links--units {
    transition: all 0.3s ease;
}

    .auction--links--units img {
        max-width: 250px;
        border-radius: 12px;
    }

    .auction--links--units:hover {
        transform: scale(1.04);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        border-radius: 12px;
    }
/* Contact Us */
.map-responsive {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.social--links a {
    transition: all 0.3s;
}

    .social--links a:hover {
        transform: scale(1.3);
    }

.contact--us--card {
    max-width: 350px;
    height: 465px;
}

.alert--cards--container {
    height: 533px;
    overflow-y: auto;
}

.alert--banner {
    max-width: 400px;
}


.field-validation-error {
    color: red;
    font-size: small;
}

.manager--picture {
    height: 220px;
    width: 300px;
    object-fit: cover;
    object-position: center;
}
/* RESPONSIVE */
@media only screen and (min-width: 768px) {
    .img--manager--limit--size {
        max-width: 350px;
    }
    .img--manager--limit--size--for--units {
        max-width: 410px;
    }
}

@media only screen and (max-width: 576px) {
    .manager--picture {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .img--other--news {
        width: 100%;
        height: 100%;
        max-height: 500px;
        object-fit: cover;
    }

    .alert--banner {
        max-width: unset;
    }

    .header-info-item {
        margin: 0 auto !important;
    }

        .header-info-item a {
            font-size: 0.6rem;
            ;
        }

    .header-info {
        border-bottom: rgb(213, 210, 210) solid 1px;
        border-top: rgb(213, 210, 210) solid 1px;
        padding: 5px 5px;
        background-color: #f6f6fb;
    }

    .info-stack {
        display: flex;
        /* flex: 1 1 auto; */
        /* flex-direction: column; */
        align-self: stretch;
        row-gap: 0px;
    }

    .news--thumbnail--image {
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .news--data {
        justify-content: start;
    }

    .news--card {
        justify-content: center;
        margin: auto;
        max-width: 95%;
        flex-direction: column;
    }

    .alert--card {
        justify-content: center;
        margin: auto;
        max-width: 95%;
        flex-direction: column;
    }

        .news--card::before {
        margin-bottom: 0.8rem;
        content: '';
        width: 100%;
        /*border-top: solid 1px gray;*/
        z-index: 1;
    }
    .other--news {padding-top:1rem;
        border-top: solid 1px gray;
        margin-top: 2rem;
    }

    .cards-wrapper {
        display: block;
    }

    .contact--us--card {
        max-width: unset;
        margin-left: 0;
        margin-right: 0;
    }

    .alerts--container {
        height: auto;
    }

    .alert--cards--container {
    }
}
/* End of RESPONSIVE */