/* ///fonts Start/// */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/notosans/v12/o-0NIpQlx3QUlC5A4PNjXhFq.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/notosans/v12/o-0IIpQlx3QUlC5A4PNr5U5a.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/notosans/v12/o-0OIpQlx3QUlC5A4PNjWjNlYw.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/notosans/v12/o-0LIpQlx3QUlC5A4PNr4HNhZ4Y.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/notosansarabic/v1/NotoSansArabic-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/notosansarabic/v1/NotoSansArabic-Bold.ttf') format('truetype');
}

body {
  font-family: 'Noto Sans Arabic';
}

p {
  font-weight: 400;
  font-style: normal;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IRANSans-Bold-web.eot'),
         url('IRANSans-Bold-web.eot?#iefix') format('eot'),
        /* IE6–8 */
        url('../fonts/IRANSans-Bold-web.woff2') format('woff2'),
        /* Chrome36+, Opera24+*/
        url('../fonts/IRANSans-Bold-web.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/IRANSans-Bold-web.ttf') format('ttf');
    /*font-weight: bold;*/
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IRANSans-Medium-web.eot'),
         url('../fonts/IRANSans-Medium-web.eot?#iefix') format('eot'),
        /* IE6–8 */
         url('../fonts/IRANSans-Medium-web.woff2') format('woff2'),
        /* Chrome36+, Opera24+*/
         url('../fonts/IRANSans-Medium-web.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans-Medium-web.ttf') format('ttf');
    /*	font-weight: 500;*/
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IRANSans-UltraLight-web.eot'),
         url('../fonts/IRANSans-UltraLight-web.eot?#iefix') format('eot'),
        /* IE6–8 */
         url('../fonts/IRANSans-UltraLight-web.woff2') format('woff2'),
        /* Chrome36+, Opera24+*/
         url('../fonts/IRANSans-UltraLight-web.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans-UltraLight-web.ttf') format('ttf');
    /*	font-weight: 200;*/
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IRANSans-Light-web.eot'),
         url('../fonts/IRANSans-Light-web.eot?#iefix') format('eot'),
        /* IE6–8 */
         url('../fonts/IRANSans-Light-web.woff2') format('woff2'),
        /* Chrome36+, Opera24+*/
         url('../fonts/IRANSans-Light-web.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/IRANSans-Light-web.ttf') format('ttf');
    /*font-weight: 300;*/
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('../fonts/IRANSans-web.eot'),
         url('IRANSans-web.eot?#iefix') format('eot'),
        /* IE6–8 */
         url('../fonts/IRANSans-web.woff2') format('woff2'),
        /* Chrome36+, Opera24+*/
         url('../fonts/IRANSans-web.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSans-web.ttf') format('ttf');
    /*font-weight: normal;*/
}
/* ///fonts End/// */
html *{
    direction: rtl;
    font-family: 'Noto Sans Arabic';
}

.news{
    border-radius: 15px;
    background-color: #f7f7f7;
}
.news img{
    border-radius: 10px;
}
body{
    background-color: #f5f5f5;
}
.news h2{
    line-height: 150%;
    font-size  : 14px;
    text-align : justify;
}
.news p{
    font-size  : 9px;
    float      : left;
}
.news i{
    line-height: inherit;
    font-size  : 10px;
    float      : left;
    color      : #60a3bc;
}
.news a{
    text-decoration: none;
    font-size: 10px;
    float: left;
    color: #60a3bc;
}
.news img{
    max-width: 100%;
}
.header-image::before{
    content    : "";
    position   : absolute;
    width      : 100%;
    height     : 20%;
    background-image: linear-gradient(0deg, #000000, #575fcf00);
    bottom     : -1px;
    border-radius: 0 0 5px 5px;
}
.header-image img{
    width        : 100%;
    border-radius: 5px;
}
.header-image p{
    display: inline;
}
.location{
    position: absolute;
    bottom  : 5px;
    color   : white;
    padding-right: 15px;
}
.f-holder div{
    border-radius   : 5px;
    border-left     : 6px solid #62A388;
    background-color: #B9D2D2;
    color           : black;
    backdrop-filter: blur(4.9px);
    -webkit-backdrop-filter: blur(2.5px);
}
/*.num{
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
}*/

.status{
    border-radius: 5px;
}
.status p{
    text-align: justify;
}
.color-1{
    background-color: #01bb1d;
}
.color-2{
    background-color: gold;
}
.color-3{
    background-color: #ff8c00;
}
.color-4{
    background-color: orange;
}
.color-5{
    background-color: #aa29aa;
}
.color-6{
    background-color: #9c531c;
}
.nav-holder{
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 15px 15px 0 0;
    background-color: rgba(220, 220, 220, 0.3);
}
.nav-holder i{
    font-size: larger;
}
.info img{
    border-radius: 10px;
}
.info p{
    line-height: 20px;
    font-size  : 10px;
    text-align : justify;
}
.info h3{
    line-height: 20px;
    font-size  : 13px;
    margin     : 0px;
}
.info h2{
    font-size: 18px;
}
.selected{
    color:green;
    text-shadow: 0px -1px 25px;
}
.main-header img{
    filter: blur(2px);
}
.main-header h1{
    position: absolute;
    top     : 60px;
    right   :20%;
    text-shadow: 1px 1px 1px black;
    color: white;
    font-size: 20px;
}
.main-header i{
    position: absolute;
    top     : 60px;
    right   :15%;
    text-shadow: 1px 1px 1px black;
    color: white;
    font-size: 20px;
}
.main-header p{
    position: absolute;
    top: 90px;
    right: 40%;
    text-shadow: 1px 1px 1px black;
    color: white;
}
.main-header div{
    padding: 0;
}
.info-holder{
    box-shadow: 2px 2px 6px #00000052;
    border-radius: 15px;
    color: white;
    font-size: 20px;
    transform: translateY(-53%);
}
.info-holder span{
    font-size: 28px;
}
.desc{
    border-right: 3px solid #62A388;
    border-radius: 5px;
    background: #b9d2d282;
    font-size: 12px;
    text-align: justify;
    transform: translateY(-40%);
}
.pol{
    box-shadow: 0px 1px 15px 0px #0000001f;
}
.pol div .x{
    border-left: 3px solid #62A388;
    border-radius: 5px;
    background: #b9d2d282;
}
.x .pollu{
    direction: ltr !important;
    padding-left: 15px;
    padding-top: 10px;
}
.x .pollu-value{
    direction: ltr !important;
    padding-left: 15px;
}
hr{
    margin: 0 !important;
    border-radius: 46%;
}
.fa-rss .fa-search{
    color: green;
}
.active-icon {
    border-top: 3px solid green;
    border-radius: 2px;
    color: green;
    text-shadow: 0 -6px 20px green;
}
.search i{
    position: absolute;
    padding: 10px;
    color: #c9c9c9;
}
.search input{
    padding-right: 30px;
    border-radius: 10px;
    border: 1px;
    background-color: #efefef;
}
#results span{
    display: block;
    max-width: 50px;
    border-radius: 5px;
}
.search-row{
    border-radius: 5px;
    background-color: #f7f7f7;
}
/*kk*/
.info-section {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 25px 25px 0 0;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    transform: translateY(100%); /* شروع از خارج از صفحه */
    transition: transform 0.3s ease-in-out; /* انتقال نرم */
    z-index: 1050;
}

.info-section.show {
    transform: translateY(0); /* نمایش کامل */
}

.info-section.hide {
    transform: translateY(100%); /* بسته شدن به پایین */
}

#closeInfoSection {
    background: none;
    border: none;
    color: #333;
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.info-card{
    position: relative;
    overflow: hidden;
    border-radius:15px;
    width: 85% !important;
    height: 100%;
    background-color: white;
}

.info-card::before{
    content: '';
    position: absolute;
    background-image: url("../../assets/images/world.svg");
    background-size: cover;
    width: 100%;
    height: 100%;
    filter: blur(0.1px);
}
.other-info{
    border-radius: 15px;
    direction: ltr;
    background-color:#005757;
    color:white;
}
.other-info p{
    display: inline;
}
.other-info .col-10{
    justify-content: space-between;
}
.other-info .col-2{
    border-right: 1px rgba(255, 255, 255, 0.4) solid ;
}