@font-face {
    font-family: 'IRANSansFaNumerals';
    src: url('../fonts/IRANSansXFaNum-Regular.woff') format('woff'),
    url('../fonts/IRANSansXFaNum-Regular.woff2') format('woff2'),
    url('../fonts/IRANSansXFaNum-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    background: url("/public/images/bg-pattern.jpg") repeat;
}
/*** Spinner Start ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-out, visibility 0s linear .5s;
    z-index: 99999;
 }

 #spinner.show {
     transition: opacity .8s ease-out, visibility 0s linear .0s;
     visibility: visible;
     opacity: 1;
 }
/*** Spinner End ***/

.back-to-top {
    position: fixed;
    right: 12px;
    bottom: 40px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}

.fw-thin {
    font-weight: 100;
}

.text-uppercase {
    font-size: 14px;
}

/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.link-hover {
    transition: 0.5s;
}

.link-hover:hover {
    color: var(--bs-primary) !important;
}


.img-zoomin {
    transition: 0.5s;
}

.img-zoomin:hover {
    transform: scale(1.1);
}

/*** Topbar Start ***/
.sticky-top {
    transition: 0.5s;
}

.topbar {
    padding: 10px 0;
}

.topbar .top-info {
    font-family: 'IRANSansFaNumerals', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.topbar .top-link {
    font-family: 'IRANSansFaNumerals', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.topbar .top-link a {
    font-size: medium;
    font-weight: 400;
    font-family: 'IRANSansFaNumerals', sans-serif;
    letter-spacing: 1px;
}

.topbar .top-link a small:hover {
    color: var(--bs-secondary) !important;
    transition: 0.5s;
}

.topbar .top-link a small:hover i {
    color: var(--bs-primary) !important;
}

#note {
    position: relative;
    animation: noteAnimate 10s infinite;
    animation-timing-function: ease-in-out;
    display: flex;
    align-items: center;
}

@keyframes noteAnimate {
    from {left: -735px;}
    to {left: 735px;}
}

/*** Topbar End ***/

/*** Navbar Start ***/
.navbar .navbar-nav .nav-link {
    padding: 10px 15px;
    font-weight: 400;
    font-family: 'IRANSansFaNumerals', sans-serif;
    font-size: 16px;
    transition: .5s;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.sticky-top.bg-white .navbar .navbar-nav .nav-link:hover,
.sticky-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        font-weight: 400;
        font-family: 'IRANSansFaNumerals', sans-serif;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
}

.dropdown .dropdown-menu a:hover {
    background-color: #a1b0c6;
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}

@media (min-width: 1200px) {
    .navbar .navbar-collapse .border-top {
        border-top: none !important;
    }
}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .8);
}
/*** Navbar End ***/


/*** Features Start ***/
.features {
    width: 100%;
    background-color: #d1b67e;
}
/*** Features End ***/


/*** Top News Start ***/
.news-2 h3 {
    position: relative;
}

.news-2 h3::after {
    content: "";
    line-height: 1.3rem;
    background: var(--bs-secondary);
    position: absolute;
    width: 68%;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    right: 0;
    opacity: 0.2;
}
/*** Top News End ***/


/*** Latest News Start ***/
.latest-news .latest-news-carousel.owl-carousel{
    position: relative;
}

.latest-news .latest-news-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 14px;
    padding: 0 8px;
    background-color: #ddd;
    color: var(--bs-dark);
    margin-bottom: 8px;
}

.latest-news .latest-news-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 14px;
    padding: 0 8px;
    color: var(--bs-dark);
    background-color: #ddd;
    margin-bottom: 8px;
}
/*** Latest News End ***/

/*** Latest News Start ***/
.learn-more-news .learn-more-news-carousel.owl-carousel{
    position: relative;
}

.learn-more-news .learn-more-news-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 14px;
    padding: 0 8px;
    background-color: #ddd;
    color: var(--bs-dark);
    margin-bottom: 8px;
}

.learn-more-news .learn-more-news-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 14px;
    padding: 0 8px;
    color: var(--bs-dark);
    background-color: #ddd;
    margin-bottom: 8px;
}
/*** Latest News End ***/

/*** Latest News Start ***/
.suggest-news .suggest-news-carousel.owl-carousel{
    position: relative;
}

.suggest-news .suggest-news-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 14px;
    padding: 0 8px;
    background-color: #ddd;
    color: var(--bs-dark);
    margin-bottom: 8px;
}

.suggest-news .suggest-news-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 14px;
    padding: 0 8px;
    color: var(--bs-dark);
    background-color: #ddd;
    margin-bottom: 8px;
}
/*** Latest News End ***/

/*** Latest News Start ***/
.life-news .life-news-carousel.owl-carousel{
    position: relative;
}

.life-news .life-news-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 14px;
    padding: 0 8px;
    background-color: #ddd;
    color: var(--bs-dark);
    margin-bottom: 8px;
}

.life-news .life-news-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 14px;
    padding: 0 8px;
    color: var(--bs-dark);
    background-color: #ddd;
    margin-bottom: 8px;
}
/*** Latest News End ***/

/*** Latest News Start ***/
.heaven-news .heaven-news-carousel.owl-carousel{
    position: relative;
}

.heaven-news .heaven-news-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    bottom: 0;
    left: 20px;
    font-size: 14px;
    padding: 0 8px;
    background-color: #ddd;
    color: var(--bs-dark);
    margin-bottom: 8px;
}

.heaven-news .heaven-news-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 14px;
    padding: 0 8px;
    color: var(--bs-dark);
    background-color: #ddd;
    margin-bottom: 8px;
}
/*** Latest News End ***/


/*** Whats New Start ***/
.populer-news .whats-carousel.owl-carousel {
    position: relative;
}

.populer-news .whats-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: -80px;
    right: 70px;
    font-size: 20px;
    padding: 2px 20px;
    transition: 0.5s;
    margin-right: 10px;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.populer-news .whats-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: -80px;
    right: 0;
    font-size: 20px;
    margin-left: 10px;
    padding: 2px 20px;
    transition: 0.5s;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.populer-news .whats-carousel.owl-carousel .owl-nav .owl-prev:hover,
.populer-news .whats-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 10px;
}

/*** Whats New Start ***/
.populer-news .provinces-carousel.owl-carousel {
    position: relative;
}

.populer-news .provinces-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: -80px;
    right: 70px;
    font-size: 20px;
    padding: 2px 20px;
    transition: 0.5s;
    margin-right: 10px;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.populer-news .provinces-carousel.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: -80px;
    right: 0;
    font-size: 20px;
    margin-left: 10px;
    padding: 2px 20px;
    transition: 0.5s;
    border: 1px solid var(--bs-primary);
    color: var(--bs-dark);
    border-radius: 20px;
}

.populer-news .provinces-carousel.owl-carousel .owl-nav .owl-prev:hover,
.populer-news .provinces-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 10px;
}
/* --- */
.container-fluid .top-news-carousel {
    position: relative;
}

.container-fluid .top-news-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 25px;
    left: -25px;
    font-size: 25px;
    padding: 2px 20px;
    transition: 0.5s;
    color: #cfcece;
    border-radius: 20px;
}

.container-fluid .top-news-carousel .owl-nav .owl-next {
    position: absolute;
    top: 25px;
    right: -25px;
    font-size: 25px;
    padding: 2px 20px;
    transition: 0.5s;
    color: #cfcece;
    border-radius: 20px;
}




.populer-news .tab-class .nav-item a.active {
    background: var(--bs-primary) !important;
}

.lifestyle .lifestyle-item {
    position: relative;
    overflow: hidden;
}

.lifestyle .lifestyle-item img {
    transition: 0.5s;
}

.lifestyle .lifestyle-item:hover img {
    transform: scale(1.2);
}

.lifestyle .lifestyle-item .lifestyle-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
/*** Whats New End ***/


/*** Banner Section start ***/
.banner-2 {
    position: relative;
}

.banner-content-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(rgba(26, 125, 255, 0.7), rgba(255, 255, 255, 0.7));
    z-index: 2;
}
/*** Banner Section End ***/


/*** Footer Start ***/
.footer button:hover {
    background: var(--bs-white) !important;
    color: var(--bs-primary) !important;
}

.footer .footer-item-1 .line-h {
    line-height: 38px;
}

.footer .footer-item-1 a i {
    transition: 0.5s;
}

.footer .footer-item-1 a:hover i {
    color: var(--bs-primary) !important;
}

.footer .footer-item-3 a {
    line-height: 38px;
}

.footer .footer-item-2 a {
    transition: 0.5s;
}

.footer .footer-item-2 a:hover {
    color: var(--bs-primary) !important;
}

.footer .footer-item-3 a {
    transition: 0.5s;
}

.footer .footer-item-3 a:hover {
    color: var(--bs-primary) !important;
}

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
/*** Footer End ***/

.fas span {font-family: "IRANSansFaNumerals", sans-serif !important;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.font-size-11 {font-size: 11px !important;}
.font-size-12 {font-size: 12px !important;}
.font-size-13 {font-size: 13px !important;}
.font-size-16 {font-size: 16px !important;}
.font-size-18 {font-size: 18px !important;}
.font-size-20 {font-size: 20px !important;}
.font-size-22 {font-size: 22px !important;}
.text-justify {text-align: justify !important;}
.text-right {text-align: right !important;}
.mr-1 {margin-right: 10px !important;}
.ml-1 {margin-left: 10px !important;}
.empty-btn {border: none !important;box-shadow: none !important;background-color: transparent !important;}

.single-news-carousel .details {
    position: absolute;
    bottom: 30px;
    margin: 22px;
}

.single-news-carousel .details .category a {
    background-color: #efefef;
    padding: 5px 10px;
    margin-bottom: 25px !important;
    border-radius: 15px;
}

.single-news-carousel .details h2{
    background-color: rgba(0,0,0,0.2);
}

.single-news-carousel .details h2 a{
    color: #efefef !important;
    margin: 22px 10px;
    font-size: 24px;
}

.tv-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.border-primary {border: 1px solid #bbbcb7 !important;}

.half-box {
    width: 45% !important;
    margin: 2.5% !important;
}

.row-flex {display: flex !important;align-items: center !important;justify-content: center !important;flex-direction: row !important;}

.bg-blue {background-color: #16648b !important;}

.top-socials {background-color: #3c7995 !important;padding: 2px 3px; margin: 0 2px}

.header-banner {
    width: 100%;
}
.bg-nav {background-color: #9c9a9b !important;}
.text-blue {color: #274672}

.search-box{
    position:relative;
    width:320px;
    max-width: 100% !important;
}

.search-box input{
    width:100%;
    height:42px;
    border:none;
    outline:none;
    padding:0 45px 0 15px;
    border-radius:12px 0 12px 0;
    background:#927b47;
    color: #dfdfdf;
    font-size:14px;
    text-align:right;

    box-shadow:
        0 3px 0 #6d5f38,
        0 5px 10px rgba(0,0,0,.25);

    transition:.3s;
}

.search-box input::placeholder{
    color:#f5f0e2;
}

.search-box input:focus{
    transform:translateY(1px);
    box-shadow:
        0 2px 0 #6d5f38,
        0 3px 8px rgba(0,0,0,.2);
}

.search-icon{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    color:#d8cda8;
    font-size:18px;
    pointer-events:none;
}

.ml-2 {margin-left: 6px}

.layout{
    display:flex;
    gap:10px;
}

.left{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.right{
    flex:1.15;
    min-width:0;
}

.top{
    display:flex;
    gap:10px;
}

.small{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.small img {
    width: 95%;
    margin: 0 2.5%;
}

.small-title {
    font-size: 20px;
    color: #24614f;
    font-weight: 400;
    text-align: center;
}

.wide{
    aspect-ratio:3/1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.box{
    border:1px solid #333;
}

.special-news{
    background:#3768aa;
    border-radius:8px;
    padding:8px 15px;
    display:flex;
    align-items:center;
    gap:15px;

    box-shadow:0 2px 5px rgba(0,0,0,.3);

    direction:rtl;
}

.special-news .title{
    color:#fff;
    font-size:18px;
    white-space:nowrap;
}

.special-news .divider{
    flex:1;
    height:2px;
    background:rgba(255,255,255,.8);
}

.special-news .more-btn{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    white-space:nowrap;
}

.mt-20-neg {margin-top: -20px !important;}

.side-div {width: 4px;height: 25px;border-radius: 5px 0 0 5px;background-color: #b50505;position: absolute;bottom: 30px;right: 0}

.font-weight-bold {font-weight: 600 !important;}

.color-black {color: #000 !important;}

.mr-2 {margin-right: 6px !important;}

.bg-blue-light {background-color: #90a4bd !important;}

.tiny {
    width: 95%;
    margin: 2.5%;
    padding: 5px;
}


/************** Media Styles ****************/
.news-widget{
    width: 100%;
    margin:auto;
    border-radius:12px;
    overflow:hidden;
    background:#272528;
    margin-bottom: 35px;
}

/* HEADER */

.news-widget .widget-header{
    background:#c40000;
    min-height:55px;
    margin: 7px;
    border-radius: 5px;
    display:grid;
    grid-template-columns:120px 1fr 120px;
    align-items:center;
    box-shadow: rgba(163, 161, 161, 0.35) 0px 5px 15px;
    padding:0 15px;
}

/* عنوان سمت راست */

.news-widget .header-title{
    color:#fff;
    font-size:15px;
    font-weight:bold;
    justify-self:end;
}

/* لینک بیشتر */

.news-widget .header-more{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    justify-self:start;
}

/* تب‌ها */

.news-widget .tabs{
    justify-self:center;
    padding:3px;
    display:flex;
}

.news-widget .tab{
    color: #fff;
    border:none;
    background:transparent;
    padding:6px 55px;
    margin: 0 8px;
    cursor:pointer;
    border-radius:5px;
    box-shadow: rgb(155, 1, 1) 0px 30px 60px -12px inset, rgb(155, 1, 1) 0px 18px 36px -18px inset;
}

.news-widget .tab.active{
    background:#f4f4f4;
    font-weight:bold;
    box-shadow: none;
    color: #840202;
}

/* CONTENT */

.news-widget .tab-content{
    display:none;
    padding:12px;
}

.news-widget .tab-content.active{
    display:block;
}

/* GRID */

.news-widget .news-grid{
    display:grid;
    gap:12px;

    grid-template-columns:
        280px
        minmax(350px,1fr)
        280px;

    grid-template-rows:
        230px
        230px;

    grid-template-areas:
        "card1 main card4"
        "card2 main card5";
}

.news-widget .card-1{grid-area:card1;}
.news-widget .card-2{grid-area:card2;}
.news-widget .card-4{grid-area:card4;}
.news-widget .card-5{grid-area:card5;}
.news-widget .main-card{grid-area:main;}

.news-widget .card{
    position:relative;
    overflow:hidden;
    border-radius:10px;
}

.news-widget .image{
    width:100%;
    height:100%;
}

.news-widget .image img{
    width:100%;
}

/* افکت مشابه سایت‌های خبری */

.news-widget .overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:6px;
    color:#fff;
    font-size:12px;
    text-align: right !important;

    background-color: rgba(0,0,0,0.2);
}

.mt-0 {margin-top: 0 !important;}

.d-flex-center {display: flex;align-items: center;justify-content: center;vertical-align: middle}

.border-bottom-red {border-bottom: #9a2731
}

.for-mobile, .for-tablet {
    display: none !important;
}

.for-desktop {display: block}

/* TABLET */

@media (max-width:992px){

    .news-widget .news-grid{

        grid-template-columns:
            repeat(2,1fr);

        grid-template-rows:
            320px
            200px
            200px;

        grid-template-areas:
            "main main"
            "card1 card4"
            "card2 card5";
    }
}

@media (min-width: 992px) {
    .col-lg-offset-3 {
        margin-right: 25% !important;
    }
}

/* MOBILE */

@media (max-width:767.9px){

    .news-widget .header-more{
        width: 75px !important;
    }

    .news-widget .tab{
        padding:6px 5px;
        margin: 0 3px;
    }

    .news-widget .widget-header{
        grid-template-columns:100px 1fr 100px;
    }

    .header-title {display: none}
}

/********************************************/

@media (min-width: 1400px) {
    .small {width: 50% !important;height: 253px}
}

@media (max-width: 1399.9px) {
    .small {width: 50% !important;height: 217px}
}

@media (max-width: 1199.9px) {
    .small {width: 50% !important;height: 170px}
}

@media (max-width: 767.5px) {
    .single-news-carousel .details .category a {
        font-size: 12px;
    }
    .single-news-carousel .details {
        bottom: 0;
        margin: 6px;
    }
    .single-news-carousel .details h2 a{
        font-size: 14px;
    }
    .row-flex {
        flex-direction: column !important;
    }
    .half-box {
        width: 95% !important;
    }
    .desktop-header-banner {display: none}
}
@media (max-width: 991.9px) {
    .for-tablet {
        display: block !important;
    }

    .for-desktop {display: none !important;}
    .layout{
        flex-direction:column;
    }

    .small,
    .wide,
    .big{
        height:auto;
    }
}
@media (min-width: 768px) {
    .mobile-header-banner {display: none}
    .for-mobile {
        display: block !important;
    }
}