/*
Theme Name: Varzesh3 Theme
Theme URI: https://example.com
Author: Your Name
Author URI: https://yourwebsite.com
Description: A custom WordPress theme for sports website
Version: 1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: varzesh3-theme
*/

body{
    font-family: 'Roboto', sans-serif;
    background: #d9d9d9;
    color: #212121;
    font-family: IRANSansXFaNum, tahoma;
    font-kerning: none;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    overflow-x: hidden;
    padding: 0 !important;
    text-align: right;
}
body.single{
    background: #fff;
}

body.single .widget-holder .widget{
    background: #f5f7f8;
}
body.single .widget-holder .widget .widget-footer{
    background: #d9d9d9;
}
body.single .widget-holder .widget.news .news-tabs li{
    background: #f5f7f8;
}
a, a:hover{
    text-decoration: none;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
    margin: 0;
}

address, dl, fieldset, figure, ol, p, pre, ul{
    margin: 0;
}

#navbar .uk-navbar-right a{
    color: #3B4859;
}
#navbar{
    background-color: #DCE6F2;
    color: #3B4859;
}
        .top-bar {
            background-color: #333;
            color: #fff;
            padding: 5px 0;
        }
        .top-bar .uk-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .top-bar .uk-navbar-nav li a {
            color: #fff;
            font-size: 14px;
        }

        .allhead {
            background-color: #333;
            color: #fff;
            padding: 5px 0;
            font-size: 11px;
        }
        .allhead-auth a{
            color: #fff;
        }
        .allhead-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 11px;
        }
        .allhead-menu li {
            margin-right: 15px;
        }
        .allhead-menu li a {
            color: #fff;
            text-decoration: none;
        }
        .allhead-auth {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 11px;
        }
        .search-btn {
            cursor: pointer;
            border-left: 1px solid hsla(0, 0%, 100%, .3);
            margin-left: 5px !important;
            padding-left: 10px;
            border-right: 1px solid hsla(0, 0%, 100%, .3);
            padding-right: 10px;
            margin-right: 5px;
        }

        .datetime {
            margin-right: 0px;
        }
        .user-menu-data {
            margin-right: 20px;
            cursor: pointer;
        }
        .uk-dropdown{
            border: none;
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
            padding: 12px;
            min-width: auto;
        }
        .user-menu-dr li{
            background: none !important;
            border-bottom: 1px solid #eee;
            color: #212121;
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 8px;
            padding: 0 0 8px;
            text-align: right;
        }
        .user-menu-dr li:last-child{
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .ml-5{
            margin-left: 5px;
        }
        .m1rem{
            margin: 1rem 0;
        }
        .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
            height: auto;
            min-height: 50px;
        }
        .content-body{
            padding-top: 1rem ;
        }
        .index{
            background: #d9d9d9;
        }
        
/* استایل برای اسلایدر */
.uk-slider {
    position: relative;
    overflow: hidden;
    border: none;
    height: auto;
}

.uk-slider-items {
    display: flex;
    transition: transform 0.5s ease;
}

.uk-slider-item {
    flex: 1;
    height: 100%;
}

.uk-slider .slider-item {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}

.uk-slider .slider-image {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.uk-slider .slider-image img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.uk-slider .slider-info {
    background: #fff;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 15px;
    position: relative;
    width: 50%;
    z-index: 2;
    text-align: right;
}

.uk-slider .slider-info .headline {
    font-size: 19px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.uk-slider .slider-info .subhead {
    font-size: 12px;
    color: #607d8b;
    margin-bottom: 7px;
}

.uk-slider .slider-info .lead {
    font-size: 13px;
    color: #0a131c;
    margin: 0!important;
}

.slider-item {
    position: relative;
}

.slider-nav-left,
.slider-nav-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transition: background 0.3s ease;
}

.slider-nav-left:hover,
.slider-nav-right:hover {
    background: rgba(0, 0, 0, 0.8);
}

.slider-nav-left {
    left: 10px;
}

.slider-nav-right {
    right: 10px;
}

.slider-nav-left span,
.slider-nav-right span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}


.slide-numbers {
    display: flex;
    gap: 8px;
    justify-content: center;
    direction: ltr;
    position: absolute;
    bottom: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.slide-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 5px;
    background: #90a4ae;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slide-number:hover {
    background: #0a97b3;
}

.slide-number.active {
    background: #0097a7;
    color: #fff;
}

/* استایل برای اسلایدر دوم */
.uk-slider-2 {
    position: relative;
    overflow: hidden;
    border: none;
    height: auto;
}

.uk-slider-2 .uk-slider-items {
    display: flex;
    transition: transform 0.5s ease;
}

.uk-slider-2 .uk-slider-item {
    flex: 1;
    height: 100%;
}

.uk-slider-2 .slider-item {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}

.uk-slider-2 .slider-image {
    width: 35%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.uk-slider-2 .slider-image img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.uk-slider-2 .slider-info {
    background: #fff;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 2;
    text-align: right;
}

.uk-slider-2 .slider-info .headline {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
    margin-top: 0;
}

.uk-slider-2 .slider-info .subhead {
    font-size: 12px;
    color: #607d8b;
    margin-bottom: 7px;
}

.uk-slider-2 .slider-info .lead {
    font-size: 13px;
    color: #0a131c;
    margin-bottom: 25px !important;
}


/* استایل‌های پیش‌فرض */
.slider-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    margin: 0 10px; /* فاصله بین اسلایدها */
}

.slider-image img {
    width: 100%;
    height: auto;
    border-radius: 0 8px 8px 0px;
}

.slider-info {
    padding: 16px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* استایل‌های ریسپانسیو */
@media (max-width: 768px) {
    .slider-item {
        margin: 0 5px; /* فاصله کمتر در تبلت */
    }

    .slider-info {
        padding: 8px; /* کاهش padding در تبلت */
    }

    .headline {
        font-size: 18px; /* کاهش اندازه فونت در تبلت */
    }
}

@media (max-width: 480px) {
    .slider-item {
        margin: 0; /* حذف فاصله در موبایل */
    }

    .headline {
        font-size: 16px; /* کاهش بیشتر اندازه فونت در موبایل */
    }
}

.uk-grid-item-match, .uk-grid-match>* {
    align-content: baseline;
}
        
.widget-holder .widget {
    background: #fff;
    border-radius: 4px;
    border-top: 4px solid #0a97b3;
    float: right;
    margin-bottom: 16px;
    min-height: 100px;
    overflow: hidden;
    width: 100%
}

.widget-holder .widget .widget-header {
    float: right;
    padding: 15px 0 10px;
    width: 100%
}

.widget-holder .widget .widget-header .widget-icon {
    float: right;
    height: 25px;
    margin-left: 5px;
    width: 25px
}

.widget-holder .widget .widget-header h2 {
    color: #0a97b3;
    float: right;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: right;
    text-align: center;
    width: 100%
}
 

.widget-holder .widget .widget-footer {
    background: #f5f5f5;
    float: right;
    padding: 5px 0;
    text-align: center;
    width: 100%
}

.widget-holder .widget .widget-footer a {
    color: #000;
    display: block;
    font-size: 14px!important;
    font-weight: 700;
    padding-bottom: 5px
}

.widget-holder .widget .widget-footer a[href]:after {
    background: url(https://static.varzesh3.com/img/icons/more-widget.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    position: relative;
    top: 7px;
    transform: rotate(180deg);
    width: 20px
}

 
 
.widget-holder .widget .widget-body {
    float: right;
    width: 100%
}

.widget-holder .widget .widget-body .widget-subtitle {
    background: #555;
    float: right;
    padding: 9px 0;
    text-align: center;
    width: 100%
}

.widget-holder .widget .widget-body .widget-subtitle h3 {
    color: #fff;
    font-size: 12px;
    margin: 0
}

.widget-holder .widget .widget-body .widget-table {
    float: right;
    width: 100%
}

.widget-holder .widget .widget-body .widget-table>h3 {
    color: #0a97b3;
    font-size: 14px;
    font-weight: 500;
    padding-top: 30px;
    position: relative;
    text-align: center
}

.widget-holder .widget .widget-body .widget-table>h3:after {
    background: #0a97b3;
    bottom: 7px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 90%
}

.widget-holder .widget .widget-body .widget-table>h3>span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1
}

.widget-holder .widget .widget-body .widget-table>h3 .shimmer {
    background-color: #f2f3f5;
    border-radius: 7px;
    display: inline-block;
    height: 15px;
    margin: 0 auto;
    width: 93%
}

.widget-holder .widget .widget-body .widget-schedual {
    float: right;
    width: 100%
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match {
    align-items: center;
    display: flex;
    font-size: 12px;
    padding: 5px
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match h4 {
    padding: 7px 0
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match.even {
    background: #f5f5f5
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match .multi-sport-name {
    align-items: center;
    display: inline-flex;
    flex: 1;
    justify-content: start;
    text-align: right;
    width: 70%
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match .multi-sport-match-detail {
    width: 14%
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match .multi-sport-match-detail img {
    margin: 0
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match .multi-sport-time {
    text-align: left;
    width: 30%
}

.widget-holder .widget .widget-body .multi-sport-schedual .multi-sport-match .multi-sport-time .match-result {
    color: #0097a7;
    font-weight: 500;
    padding-left: 7px;
    padding-right: 0
}

.widget-holder .widget .widget-body .sportgroup-seperate {
    background: #777;
    color: #fff;
    float: right;
    height: 33px;
    padding: 0!important;
    width: 100%
}

.widget-holder .widget .widget-body .sportgroup-seperate h3,.widget-holder .widget .widget-body .sportgroup-seperate h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 9px 0;
    position: relative
}

.widget-holder .widget .widget-body .sportgroup-seperate h3 img,.widget-holder .widget .widget-body .sportgroup-seperate h4 img {
    filter: invert(1);
    height: 18px;
    margin: 0 7px;
    width: 18px
}

.widget-holder .widget .widget-body .date-seprator {
    background: #777;
    color: #fff;
    float: right;
    text-align: center;
    width: 100%
}

.widget-holder .widget .widget-body .date-seprator h3,.widget-holder .widget .widget-body .date-seprator h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 9px 0;
    position: relative
}

.widget-holder .widget .widget-body .date-seprator h3.shimmer,.widget-holder .widget .widget-body .date-seprator h4.shimmer {
    background-color: #848484;
    border-radius: 7px;
    display: block;
    height: 14px;
    margin: 8px auto 0;
    top: -3px;
    width: 150px
}

.widget-holder .widget .widget-body .date-seprator h3.shimmer:before,.widget-holder .widget .widget-body .date-seprator h4.shimmer:before {
    background-image: linear-gradient(90deg,#848484 0,#7c7c7c 50%,#848484)
}

.widget-holder .widget .widget-body .scrollable-box {
    float: right;
    overflow: hidden;
    width: 100%
}

.widget-holder .widget .widget-body .scrollable-box .scroll-list-content {
    float: right;
    overflow: hidden;
    text-transform: none;
    width: 100%
}

.widget-holder .widget .widget-body .auto-height {
    max-height: none!important
}
 
 

.widget-holder .widget.news {
    min-height: 400px
}

.widget-holder .widget.news .news-filter {
    align-items: center;
    background: #eee;
    display: flex;
    justify-content: space-evenly;
    padding: 10px 0;
    position: relative;
    width: 100%
}

.widget-holder .widget.news .news-filter .new-filter-item {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 12px;
    justify-content: center;
    position: relative
}

.widget-holder .widget.news .news-filter .new-filter-item.anten {
    color: red
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox]+label {
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    padding-right: 20px;
    position: relative
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox]+label:before {
    background-color: #e9e9e9;
    border: 1px solid #ddd;
    border-radius: 4px;
    content: "";
    height: 15px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 15px
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox]+label:hover:before {
    border-color: #0a97b3
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox]+label.highlight {
    color: red
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox]:checked+label:before {
    background-color: #0a97b3;
    border-color: #0a97b3
}

.widget-holder .widget.news .news-filter .new-filter-item input[type=checkbox]:checked+label:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px
}

.widget-holder .widget.news .alert-message {
    background-color: #f5e4de;
    border-color: #ff7e75;
    color: #e74c3c;
    display: none;
    font-size: 12px;
    padding: 5px;
    text-align: center
}

.widget-holder .widget.news .new-news-message {
    background-color: red;
    border-radius: 5px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    direction: ltr;
    display: none;
    font-size: 10px;
    height: 2em;
    margin-bottom: -.4em;
    padding: .2em 3px;
    position: relative;
    text-align: center;
    top: -.2em;
    width: 2em;
    z-index: 1
}

.widget-holder .widget.news .news-tabs {
    position: relative
}

.widget-holder .widget.news .news-tabs {
    margin-right: 0;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

.widget-holder .widget.news .news-tabs li {
    background-color: #fff;
    border-bottom: 2px solid #cfd8dc;
    color: #607d8b;
    cursor: pointer;
    flex: 1;
    font-size: 14px;
    padding: 0;
    position: relative;
    text-align: center
}

.widget-holder .widget.news .news-tabs ul li.active {
    border-color: #0a97b3;
    color: #0a97b3;
    font-weight: 700
}

.widget-holder .widget.news .news-sport-filter {
    display: flex;
    margin-top: 10px;
    width: 100%
}

.widget-holder .widget.news .news-sport-filter select {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    color: #212121;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px;
    padding: 7px 3px
}

.widget-holder .widget.news .news-sport-filter select option {
    color: #212121
}

.widget-holder .widget.news .news-main-list {
    float: right;
    min-height: 300px;
    position: relative;
    width: 100%
}

.widget-holder .widget.news .news-main-list ul {
    float: right;
    list-style: none;
    padding: 10px 0 0;
    width: 100%
}

.widget-holder .widget.news .news-main-list ul li {
    text-align: right;
    display: list-item;
    padding: 2px 5px;
    width: 100%
}

.widget-holder .widget.news .news-main-list ul li:visited {
    color: #979797
}

.widget-holder .widget.news .news-main-list ul li:last-child {
    border: none
}

.widget-holder .widget.news .news-main-list ul li a,.widget-holder .widget.news .news-main-list ul li>div {
    font-size: 12px;
    padding: 3px 0;
    text-align: justify;
    text-shadow: 0 0 0 transparent!important;
    width: 100%
}

.widget-holder .widget.news .news-main-list ul li a:visited,.widget-holder .widget.news .news-main-list ul li>div:visited {
    color: #979797
}

.widget-holder .widget.news .news-main-list ul li a span,.widget-holder .widget.news .news-main-list ul li>div span {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 17px;
    margin-left: 3px;
    position: relative;
    top: 5px;
    width: 17px
}

.widget-holder .widget.news .news-main-list ul li a>div,.widget-holder .widget.news .news-main-list ul li>div>div {
    float: right;
    width: 100%
}

.widget-holder .widget.news .news-main-list ul li a .shimmer,.widget-holder .widget.news .news-main-list ul li>div .shimmer {
    border-radius: 6.5px;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    top: 2px;
    width: calc(100% - 30px)
}

.widget-holder .widget.news .news-main-list ul li.video-type a span,.widget-holder .widget.news .news-main-list ul li.video-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/video-type.svg)
}

.widget-holder .widget.news .news-main-list ul li.image-type a span,.widget-holder .widget.news .news-main-list ul li.image-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/album-type.svg)
}

.widget-holder .widget.news .news-main-list ul li.text-type a span,.widget-holder .widget.news .news-main-list ul li.text-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/news-type-news.svg)
}

.widget-holder .widget.news .news-main-list ul li.playlist-type a span,.widget-holder .widget.news .news-main-list ul li.playlist-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/news-type-playlist.svg)
}

.widget-holder .widget.news .news-main-list ul li.album-type a span,.widget-holder .widget.news .news-main-list ul li.album-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/album-type.svg)
}

.widget-holder .widget.news .news-main-list ul li.podcast-type a span,.widget-holder .widget.news .news-main-list ul li.podcast-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/pod-type.svg);
    background-size: auto
}

.widget-holder .widget.news .news-main-list ul li.live-type a span,.widget-holder .widget.news .news-main-list ul li.live-type>div span {
    background-image: url(https://static.varzesh3.com/img/icons/live-video-widget.svg)
}


.news-main-list.checks {
    max-height: 500px !important;!i;!;!o;!;
    overflow-y: auto;
    overflow-x: hidden;
    /* padding-left: 10px; */
}

.news-main-list.checks::-webkit-scrollbar {
    width: 1px;
}

.news-main-list.checks::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.news-main-list.checks::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.news-main-list.checks::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.scroll-list-content ul li {
    border-bottom: 1px solid #eee;
    transition: background 0.3s ease;
}

.scroll-list-content ul li:hover {
    background: #f9f9f9;
}

.scroll-list-content ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .news-main-list.checks {
        max-height: 300px;
    }
}
 
 
 
 
 
.widget-holder .widget .widget-header .select-options {
    display: flex;
    float: right;
    margin-top: 10px;
    width: 100%
}

.widget-holder .widget .widget-header .select-options select {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    color: #212121;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px;
    padding: 7px 3px;
    width: auto;
    padding-left: 20px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: 0 50%;    
}

.widget-holder .widget .widget-header .select-options select option {
    color: #212121
}

.widget-holder .widget .widget-body .widget-subtitle {
    background: #555;
    float: right;
    padding: 9px 0;
    text-align: center;
    width: 100%
}

.widget-holder .widget .widget-body .widget-subtitle h3 {
    color: #fff;
    font-size: 12px;
    margin: 0
}

.widget-holder .widget .widget-body .widget-table {
    float: right;
    width: 100%
}

.widget-holder .widget .widget-body .widget-table>h3 {
    color: #0a97b3;
    font-size: 14px;
    font-weight: 500;
    padding-top: 30px;
    position: relative;
    text-align: center
}

.widget-holder .widget .widget-body .widget-table>h3:after {
    background: #0a97b3;
    bottom: 7px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 90%
}

.widget-holder .widget .widget-body .widget-table>h3>span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1
}

.widget-holder .widget .widget-body .widget-table>h3 .shimmer {
    background-color: #f2f3f5;
    border-radius: 7px;
    display: inline-block;
    height: 15px;
    margin: 0 auto;
    width: 93%
}

.widget-holder .widget .widget-body .widget-schedual {
    float: right;
    width: 100%
}

.widget-holder .widget .widget-body .date-seprator {
    background: #777;
    color: #fff;
    float: right;
    text-align: center;
    width: 100%
}

.widget-holder .widget .widget-body .date-seprator h3,.widget-holder .widget .widget-body .date-seprator h4 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 9px 0;
    position: relative
}

.widget-holder .widget .widget-body .date-seprator h3.shimmer,.widget-holder .widget .widget-body .date-seprator h4.shimmer {
    background-color: #848484;
    border-radius: 7px;
    display: block;
    height: 14px;
    margin: 8px auto 0;
    top: -3px;
    width: 150px
}

.widget-holder .widget .widget-body .date-seprator h3.shimmer:before,.widget-holder .widget .widget-body .date-seprator h4.shimmer:before {
    background-image: linear-gradient(90deg,#848484 0,#7c7c7c 50%,#848484)
}

.widget-holder .widget .widget-body .scrollable-box {
    float: right;
    overflow: hidden;
    width: 100%
}

.widget-holder .widget .widget-body .scrollable-box .scroll-list-content {
    float: right;
    overflow: hidden;
    text-transform: none;
    width: 100%
}

.widget-holder .widget .widget-body .auto-height {
    max-height: none!important
}

 
 
 
 
.table-holder{
    width: 100%;
}
 
 
@media(max-width: 767px) {
    .table-holder .select-season .btn {
        display:block;
        margin-bottom: 8px;
        margin-left: 0;
        min-width: auto;
        width: 48%
    }

    .table-holder .select-season .btn.league-select {
        width: 100%
    }
}
@media(max-width: 767px) {
    .table-holder .select-season select {
        display:none;
        margin-bottom: 8px;
        margin-left: 0;
        min-width: auto;
        width: 48%
    }

    .table-holder .select-season select.league-select {
        width: 100%
    }
}

.fixture-result-header .fixture-result-league {
    color: #d7d7d7;
    margin-right: 5px;
    padding-right: 5px;
    position: relative
}

.fixture-result-header .fixture-result-league:before {
    border-right: 1px solid #e4e4e4;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 0;
    top: 4px
}
.table-holder table.top-player-table.league-tops tr td:nth-child(2),.table-holder table.top-player-table.league-tops tr th:nth-child(2) {
    width: 250px
}

@media(max-width: 767px) {
    .table-holder table.top-player-table.league-tops tr td:nth-child(2),.table-holder table.top-player-table.league-tops tr th:nth-child(2) {
        width:auto
    }
}

.table-holder table.top-player-table.league-tops tr td:nth-child(3),.table-holder table.top-player-table.league-tops tr th:nth-child(3) {
    text-align: right
}

@media(max-width: 767px) {
    .table-holder table.top-player-table.league-tops tr .only-desk {
        display:none
    }
}

.table-holder table.top-player-table.league-tops tr .only-mob {
    align-items: center;
    display: flex
}

@media(min-width: 768px) {
    .table-holder table.top-player-table.league-tops tr .only-mob {
        display:none
    }
}

@media(max-width: 767px) {
    .table-holder table.top-player-table.league-tops tr .only-mob figure {
        height:32px;
        width: 32px
    }
}

.table-holder table.top-player-table.league-tops tr .only-mob .info {
    display: flex;
    flex-direction: column
}

.table-holder table.top-player-table.league-tops tr .only-mob .info .player {
    color: #0a131c;
    flex: 1;
    font-size: 12px
}

.table-holder table.top-player-table.league-tops tr .only-mob .info .team {
    color: #607d8b;
    flex: 1;
    font-size: 10px;
    margin-top: 4px
}

.table-holder table.top-player-table.league-tops tr .only-mob .info .team img {
    height: 18px;
    width: 18px
}
.table-holder table.league-standing.side-standing thead tr {
    background: #f5f7f8!important
}

.table-holder table.league-standing.side-standing tr th {
    border-bottom: 1px solid #cfd8dc;
    color: #607d8b
}

.table-holder table.league-standing.side-standing tr th:first-child {
    padding-right: 8px;
    text-align: right;
    width: 40px
}

.table-holder table.league-standing.side-standing tr th:nth-child(2) {
    direction: rtl;
    text-align: right;
    width: 150px
}

@media(max-width: 768px) {
    .table-holder table.league-standing.side-standing tr th:nth-child(2) {
        min-width:160px!important
    }
}

.table-holder table.league-standing.side-standing tr td {
    direction: ltr;
    font-size: 12px;
    padding: 10px 0
}

.table-holder table.league-standing.side-standing tr td:first-child {
    padding-right: 8px;
    text-align: right;
    width: 40px
}

.table-holder table.league-standing.side-standing tr td:nth-child(2) {
    direction: rtl;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    width: 150px
}

.table-holder table.league-standing.side-standing tr td:nth-child(2) img {
    height: 28px
}

@media(max-width: 768px) {
    .table-holder table.league-standing.side-standing tr td:nth-child(2) {
        min-width:160px!important
    }
}

.table-holder table.league-standing.football-standing tr:nth-child(2n) {
    background: #f5f5f5
}

.table-holder table.league-standing.football-standing tr.fall {
    animation: team-fall 5s linear
}

.table-holder table.league-standing.football-standing tr.rise {
    animation: team-rise 5s linear
}

.table-holder table.league-standing.football-standing tr th {
    border-bottom: 1px solid #90a4ae;
    font-size: 10px;
    text-align: center
}

@media(min-width: 768px) {
    .table-holder table.league-standing.football-standing tr th {
        font-size:12px;
        transform: none;
        white-space: normal
    }
}

@media(max-width: 767px) {
    .table-holder table.league-standing.football-standing tr th:first-child {
        max-width:10px
    }
}

.table-holder table.league-standing.football-standing tr th:nth-child(2) {
    padding-right: 10px;
    text-align: right
}

@media(min-width: 768px) {
    .table-holder table.league-standing.football-standing tr th:nth-child(2) {
        text-align:right
    }
}

.table-holder table.league-standing.football-standing tr th.last-five {
    direction: rtl;
    padding-left: 5px;
    width: 150px
}

@media(max-width: 767px) {
    .table-holder table.league-standing.football-standing tr th.last-five {
        display:none
    }
}

.table-holder table.league-standing.football-standing tr th.last-five>a {
    display: inline-block;
    padding: 0
}

.table-holder table.league-standing.football-standing tr td {
    border: none;
    direction: ltr;
    min-width: 28px;
    padding: 15px 0;
    position: relative;
    transform: none
}

@media(min-width: 768px) {
    .table-holder table.league-standing.football-standing tr td {
        min-width:50px;
        padding: 5px 0
    }
}

@media(max-width: 767px) {
    .table-holder table.league-standing.football-standing tr td:first-child {
        font-size:10px;
        min-width: auto;
        width: 35px
    }
}

.table-holder table.league-standing.football-standing tr td:nth-child(2) {
    direction: rtl;
    font-size: 10px;
    max-width: 87px;
    text-align: right;
    transform: none;
    white-space: normal
}

@media(min-width: 768px) {
    .table-holder table.league-standing.football-standing tr td:nth-child(2) {
        font-size:14px;
        min-width: 150px
    }
}

.table-holder table.league-standing.football-standing tr td:nth-child(2) a,.table-holder table.league-standing.football-standing tr td:nth-child(2) span {
    display: block
}

.table-holder table.league-standing.football-standing tr td.last-five {
    direction: rtl;
    padding-left: 5px;
    text-align: left;
    width: 150px
}

@media(max-width: 767px) {
    .table-holder table.league-standing.football-standing tr td.last-five {
        display:none;
        padding: 5px 0
    }
}

.table-holder table.league-standing.football-standing tr td.last-five>a {
    display: flex;
    float: right;
    justify-content: center;
    margin-bottom: 8px;
    margin-right: 6px;
    margin-top: 7px;
    padding: 0;
    position: relative
}

.table-holder table.league-standing.football-standing tr td.last-five>a:last-child span.ls-results:after {
    background: #8b8b8b;
    border-radius: 3em;
    bottom: -8px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.table-holder table.league-standing.football-standing tr td.last-five>a:last-child span.ls-results.ls-win:after {
    background: #139860
}

.table-holder table.league-standing.football-standing tr td.last-five>a:last-child span.ls-results.ls-lose:after {
    background: crimson
}

.table-holder table.league-standing.football-standing tr td.last-five>a:last-child span.ls-results.ls-draw:after {
    background: #607d8b
}

.table-holder table.league-standing.football-standing tr td.last-five img {
    max-width: none
}

.table-holder table.league-standing.football-standing tr.qualified td {
    position: relative
}

.table-holder table.league-standing.football-standing tr.qualified td:first-child:before {
    background: #00c853;
    content: "";
    height: 96%;
    position: absolute;
    right: -1px;
    top: 2%;
    width: 2px
}

.table-holder table.league-standing.football-standing tr.relegated td {
    position: relative
}

.table-holder table.league-standing.football-standing tr.relegated td:first-child:before {
    background: #d8191f;
    content: "";
    height: 96%;
    position: absolute;
    right: -1px;
    top: 2%;
    width: 2px
}

.table-holder table.league-standing.basketball-standing tr:nth-child(2n) {
    background: #f5f5f5
}

.table-holder table.league-standing.basketball-standing tr td,.table-holder table.league-standing.basketball-standing tr th {
    direction: ltr
}

.table-holder table.league-standing.basketball-standing tr th {
    border-bottom: 1px solid #90a4ae;
    direction: rtl;
    font-size: 10px;
    text-align: center
}

@media(min-width: 768px) {
    .table-holder table.league-standing.basketball-standing tr th {
        font-size:12px;
        transform: none;
        white-space: normal
    }
}

.table-holder table.league-standing.basketball-standing tr th:nth-child(2) {
    padding-right: 10px;
    text-align: center
}

@media(min-width: 768px) {
    .table-holder table.league-standing.basketball-standing tr th:nth-child(2) {
        text-align:right
    }
}

.table-holder table.league-standing.basketball-standing tr td {
    direction: ltr;
    min-width: 28px;
    padding: 16px 0;
    position: relative;
    transform: none
}

@media(min-width: 768px) {
    .table-holder table.league-standing.basketball-standing tr td {
        min-width:50px;
        padding: 8px 0
    }
}

.table-holder table.league-standing.basketball-standing tr td:first-child {
    min-width: 50px
}

@media(max-width: 767px) {
    .table-holder table.league-standing.basketball-standing tr td:first-child {
        font-size:10px;
        min-width: auto;
        width: 35px
    }
}

.table-holder table.league-standing.basketball-standing tr td:nth-child(2) {
    direction: rtl;
    font-size: 10px;
    max-width: 87px;
    text-align: right;
    transform: none;
    white-space: normal
}

@media(min-width: 768px) {
    .table-holder table.league-standing.basketball-standing tr td:nth-child(2) {
        font-size:12px;
        min-width: 150px
    }
}

.table-holder table.league-standing.volleyball-standing thead .main-row th {
    border: none;
    min-width: 30px;
    padding-right: 0!important;
    position: relative;
    text-align: center;
    vertical-align: bottom
}

.table-holder table.league-standing.volleyball-standing thead .main-row th:nth-child(2) {
    max-width: none;
    min-width: 200px;
    text-align: right
}

.table-holder table.league-standing.volleyball-standing thead .main-row th.has-border {
    color: #0a97b3;
    padding-bottom: 8px
}

.table-holder table.league-standing.volleyball-standing thead .main-row th.has-border:after {
    background: #0a97b3;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 88%
}

.table-holder table.league-standing.volleyball-standing thead .secondary-row th {
    border: none;
    min-width: 30px;
    padding-bottom: 8px;
    padding-right: 0!important;
    padding-top: 8px;
    text-align: center;
    vertical-align: bottom
}

.table-holder table.league-standing.volleyball-standing thead .secondary-row th:last-child {
    text-align: left
}

.table-holder table.league-standing.volleyball-standing tbody tr td {
    border-bottom: 1px solid #eee;
    padding: 8px 0
}

.table-holder table.league-standing.volleyball-standing tbody tr td:nth-child(2) {
    min-width: 200px;
    text-align: right
}

.table-holder table.league-standing.volleyball-standing tbody tr td.has-left-border {
    border-left: 1px solid #eee
}

.table-holder table.league-standing.volleyball-standing tbody tr:first-child td {
    border-top: 1px solid #eee
}

.widget-holder .widget .widget-table .table-holder .league-standing thead tr {
    background: #777
}

.widget-holder .widget .widget-table .table-holder .league-standing thead tr th {
    color: #fff!important
}

.widget-holder .widget .widget-table .table-holder .league-standing tbody tr:nth-child(odd) {
    background: #f5f5f5
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td,.widget-holder .widget .widget-table .table-holder .league-standing tr th {
    direction: ltr;
    padding: 7.5px 0
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td a,.widget-holder .widget .widget-table .table-holder .league-standing tr td span,.widget-holder .widget .widget-table .table-holder .league-standing tr th a,.widget-holder .widget .widget-table .table-holder .league-standing tr th span {
    font-weight: 600;
    padding: 0
}

.widget-holder .widget .widget-table .table-holder .league-standing tr th {
    width: 40px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr th:first-child {
    width: 30px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr th:nth-child(2) {
    text-align: center;
    width: 150px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td {
    border: none;
    color: #757575;
    font-weight: 400
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td .shimmer {
    border-radius: .7em;
    height: 15px;
    margin: 1.5px 3px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td:first-child {
    color: #000
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td:nth-child(2) {
    color: #212121;
    direction: rtl;
    font-weight: 600;
    text-align: center
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td:last-child {
    color: #000;
    font-weight: 500;
    text-align: center
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td figure {
    height: 15px;
    width: 15px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td figure img {
    max-height: 100%;
    max-width: 100%
}
.widget-holder .widget.league {
    font-size: 12px
}

.widget-holder .widget.league .widget-schedual .fixture-result-match {
    align-items: center;
    display: flex;
    padding: 7.5px 5px;
    width: 100%
}

.widget-holder .widget.league .widget-schedual .fixture-result-match.even {
    background: #f5f5f5
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .shimmer {
    border-radius: 8px!important;
    height: 14px!important;
    margin: 2px 3px!important
}

.widget-holder .widget.league .widget-schedual .fixture-result-match:last-child {
    border: none
}

.widget-holder .widget.league .widget-schedual .fixture-result-match img {
    max-width: 17px
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams {
    align-items: center;
    display: inline-flex;
    width: 76%;
    color: #000;
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div {
    display: inline-block;
    letter-spacing: -.2px
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.fixture-result-match-goals {
    align-items: flex-start;
    align-items: baseline;
    display: flex;
    font-weight: 600;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    width: 16%
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.fixture-result-match-goals .guest,.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.fixture-result-match-goals .host {
    flex: 1;
    font-size: 10px;
    margin: 0;
    padding: 0
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.fixture-result-match-goals .guest {
    direction: ltr;
    unicode-bidi: bidi-override
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.fixture-result-match-host {
    font-size: 12px;
    line-height: 1;
    text-align: left;
    width: 42%;
    word-spacing: -3px
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.fixture-result-match-guest {
    font-size: 12px;
    line-height: 1;
    text-align: right;
    width: 42%;
    word-spacing: -3px
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.team-score,.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div.team-score a {
    animation: team-score 10s linear
}

.widget-holder .widget.league .widget-schedual .fixture-result-match .fixture-result-match-teams>div .goal-update {
    animation: goal-update 10s linear
}

.widget-holder .widget.league .widget-schedual .fixture-result-match>div {
    display: inline-block
}

.widget-holder .widget.league .widget-schedual .fixture-result-match>div.fixture-result-match-time {
    text-align: center;
    width: 20%;
}

.widget-holder .widget.league .widget-schedual .fixture-result-match>div.fixture-result-match-time .match-status {
    color: red;
    font-size: 10px
}

.widget-holder .widget.league .widget-schedual .fixture-result-match>div.fixture-result-match-detail {
    text-align: right;
    width: 14%
}

.widget-holder .widget.league .widget-schedual .fixture-result-match>div.fixture-result-match-detail a {
    display: inline-block
}

.widget-holder .widget.league .widget-schedual .fixture-result-match.has-penalty>a.fixture-result-match-teams {
    width: 76%
}

.widget-holder .widget.league .widget-schedual .fixture-result-match.has-penalty>a.fixture-result-match-teams>div.fixture-result-match-goals {
    width: 33%
}

.widget-holder .widget.league .widget-schedual .fixture-result-match.has-penalty>a.fixture-result-match-teams>div.fixture-result-match-guest,.widget-holder .widget.league .widget-schedual .fixture-result-match.has-penalty>a.fixture-result-match-teams>div.fixture-result-match-host {
    width: 43.5%
}

 

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking thead {
    background-color: #fd5657
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking thead tr {
    background-color: transparent
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking thead tr th {
    background-color: transparent;
    border: none;
    color: #fff!important;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking thead tr th:nth-child(2) {
    text-align: right
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr.iran-rank {
    background-image: linear-gradient(270deg,#ffe5e5,#fff)
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr.iran-rank td:first-child,.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr.iran-rank td:last-child,.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr.iran-rank td:nth-child(2) {
    color: #000
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td {
    color: #000;
    padding: 8px 0
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td.no-medal {
    display: block!important;
    width: 100%!important
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td span {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    line-height: normal;
    text-align: center;
    width: 24px
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td i.dots {
    color: #cfd8dc;
    display: inline-flex;
    transform: rotate(90deg)
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td img {
    margin-left: 8px;
    max-width: 16px
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td img.ranking-image {
    margin: 0;
    max-width: 200px;
    padding-bottom: 20px
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td:nth-child(2) {
    direction: rtl;
    text-align: right
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td:nth-child(3) span {
    background: #fcc861
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td:nth-child(4) span {
    background: #edeff1
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td:nth-child(5) span {
    background: #dcb386
}

.widget-holder .widget.multi-sport.medals .widget-body .widget-table .table-holder .ol-ranking tbody tr td:last-child {
    font-weight: 700
}

.widget-holder .widget table {
    margin-bottom: 0;
    width: 100%;
    border-spacing:0;
}

.widget-holder .widget table caption {
    display: none!important
}

.widget-holder .widget .widget-loading {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: flex-start;
    padding: 10px 0
}

.widget-holder .widget .widget-table {
    font-size: 12px
}

.widget-holder .widget .widget-table .table-holder {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .widget-holder .widget .widget-table .table-holder {
        overflow:auto
    }
}

.widget-holder .widget .widget-table .table-holder .league-standing thead tr {
    background: #777
}

.widget-holder .widget .widget-table .table-holder .league-standing thead tr th {
    color: #fff!important
}

.widget-holder .widget .widget-table .table-holder .league-standing tbody tr:nth-child(odd) {
    background: #f5f5f5
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td,.widget-holder .widget .widget-table .table-holder .league-standing tr th {
    direction: ltr;
    padding: 7.5px 0
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td a,.widget-holder .widget .widget-table .table-holder .league-standing tr td span,.widget-holder .widget .widget-table .table-holder .league-standing tr th a,.widget-holder .widget .widget-table .table-holder .league-standing tr th span {
    font-weight: 600;
    padding: 0;
    color: #000;
}

.widget-holder .widget .widget-table .table-holder .league-standing tr th {
    width: 40px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr th:first-child {
    width: 30px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr th:nth-child(2) {
    text-align: center;
    width: 150px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td {
    border: none;
    color: #757575;
    font-weight: 400
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td .shimmer {
    border-radius: .7em;
    height: 15px;
    margin: 1.5px 3px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td:first-child {
    color: #000
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td:nth-child(2) {
    color: #212121;
    direction: rtl;
    font-weight: 600;
    text-align: center
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td:last-child {
    color: #000;
    font-weight: 500;
    text-align: center
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td figure {
    height: 15px;
    width: 15px
}

.widget-holder .widget .widget-table .table-holder .league-standing tr td figure img {
    max-height: 100%;
    max-width: 100%
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
single!
*/

.news-content-holder .news-content {
    float: right;
    width: 100%
}

.news-content-holder .news-content img {
    border-radius: 7px;
    max-width: 100%!important
}

.news-content-holder .news-content .news-main-detail {
    border-bottom: 1px solid #eee;
    float: right;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    flex-wrap: wrap;
}

.news-content-holder .news-content .news-main-detail .news-detail-text {
    float: right;
    padding-left: 15px;
    width: 60%;
    text-align: justify;
}

@media(max-width: 991px) {
    .news-content-holder .news-content .news-main-detail .news-detail-text {
        margin-bottom:15px;
        width: 100%
    }
}

.news-content-holder .news-content .news-main-detail .news-detail-text.full-text {
    padding-left: 0;
    width: 100%
}

.news-content-holder .news-content .news-main-detail .news-detail-text .news-info-detail {
    float: right;
    margin-bottom: 5px;
    width: 100%
}

.news-content-holder .news-content .news-main-detail .news-detail-text .news-info-detail .news-info {
    color: #666;
    float: right;
    font-size: 11px;
    line-height: 27px;
    width: 100%
}

@media(max-width: 991px) {
    .news-content-holder .news-content .news-main-detail .news-detail-text .news-info-detail .news-info {
        font-size:10px;
        width: 100%
    }
}

.news-content-holder .news-content .news-main-detail .news-detail-text .subhead {
    color: #666;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 10px;
    width: 100%
}

.news-content-holder .news-content .news-main-detail .news-detail-text .headline {
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 5px;
    width: 100%
}

@media(max-width: 767px) {
    .news-content-holder .news-content .news-main-detail .news-detail-text .headline {
        font-size:18px
    }
}

.news-content-holder .news-content .news-main-detail .news-detail-text .lead {
    float: right;
    font-kerning: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 2.1;
    margin: 0;
    text-align: justify;
    width: 100%
}

.news-content-holder .news-content .news-main-detail .news-detail-image {
    float: left;
    width: 40%
}

@media(max-width: 991px) {
    .news-content-holder .news-content .news-main-detail .news-detail-image {
        padding-left:0;
        width: 100%
    }
}

.news-content-holder .news-content .news-main-image {
    border-radius: 4px;
    float: right;
    overflow: hidden;
    position: relative;
    width: 100%
}

.news-content-holder .news-content .news-main-image img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%!important
}

.news-content-holder .news-content .news-text {
    float: right;
    font-kerning: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 2.1;
    width: 100%
}

.news-content-holder .news-content .news-text .news-inline-biz {
    margin-bottom: 30px
}

.news-content-holder .news-content .news-text figcaption {
    color: gray!important;
    display: block;
    font-size: 12px!important;
    font-style: normal!important;
    font-weight: 400!important;
    margin-top: 5px;
    padding: 5px 20px
}

.news-content-holder .news-content .news-text figcaption b,.news-content-holder .news-content .news-text figcaption p,.news-content-holder .news-content .news-text figcaption strong {
    color: gray!important;
    display: inline-block;
    font-size: 12px!important;
    font-style: normal!important;
    font-weight: 400!important;
    margin-top: 5px;
    padding: 0!important
}

.news-content-holder .news-content .news-text img {
    margin-bottom: 30px
}

.news-content-holder .news-content .news-text [data-emoji] img,.news-content-holder .news-content .news-text img[data-emoji] {
    margin-bottom: 0!important
}

.news-content-holder .news-content .news-text .adbox img {
    margin-bottom: 0
}

.news-content-holder .news-content .news-text p {
    margin-bottom: 30px
}

.news-content-holder .news-content .news-text blockquote {
    background: #eee;
    border-right: 3px solid #000;
    padding: 10px
}

.news-content-holder .news-content .news-text blockquote p {
    margin: 0
}

.news-content-holder .news-content .news-text a {
    color: #0a97b3
}

.news-content-holder .news-content .news-text figure {
    clear: both;
    display: block;
    height: auto;
    margin: 0 auto;
    margin-bottom: 30px!important;
    max-width: 100%;
    width: auto
}

.news-content-holder .news-content .news-text figure img {
    border: 0 solid #000;
    margin-bottom: 0
}

.news-content-holder .news-content .news-text figure.image-border-none img {
    border: none
}

.news-content-holder .news-content .news-text figure.image-border-1 img {
    border-width: 1px
}

.news-content-holder .news-content .news-text figure.image-border-2 img {
    border-width: 2px
}

.news-content-holder .news-content .news-text figure.image-border-3 img {
    border-width: 3px
}

.news-content-holder .news-content .news-text figure.image-style-align-right {
    float: right;
    margin-left: 7px
}

.news-content-holder .news-content .news-text figure.image-style-align-center {
    display: block;
    margin: 0 auto
}

.news-content-holder .news-content .news-text figure.image-style-align-left {
    float: left;
    margin-right: 7px
}

.news-content-holder .news-content .news-text figure.table {
    width: 100%
}

*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-3xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6{
    margin-top: 0;
}
 
.news-content-holder .news-footer .news-footer-box {
    align-items: center;
    display: flex;
    float: right;
    padding: 15px 0;
    width: 100%
}

.news-content-holder .news-footer .news-footer-box.suggested-team {
    border-bottom: 1px solid #cfd8dc;
    border-top: 1px solid #cfd8dc;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 24px 0
}

.suggested-tag {
    text-align: justify;
    width: 100%
}

.suggested-tag a {
    align-items: center;
    display: flex;
    padding-right: 7px
}

.suggested-tag a>span {
    float: right;
    padding-right: 7px
}

.suggested-tag a>span.suggested-tag-img {
    align-items: center;
    display: flex;
    height: 40px;
    text-align: center;
    width: 40px
}

.suggested-tag a>span.suggested-tag-img img {
    max-height: 40px
}

.suggested-tag a>span span {
    float: right;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%
}

.suggested-tag a>span p {
    color: #666;
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 100%
}

.suggested-tag img {
    float: right
}

.news-content-holder .news-footer .news-footer-box.share-report {
    border-radius: 5px;
    gap: 5px;
}

.news-content-holder .news-footer .news-footer-box.share-report>div {
    align-items: center;
    background: #f5f7f8;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 3px 5px;
}

.news-content-holder .news-footer .news-footer-box.share-report>div span {
    font-weight: 500;
    gap: 2px;
    padding: 0;
}
 
 
.tagbox {
    display: flex;
    float: right;
    width: 100%
}

.tagbox .related {
    float: right;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    min-width: 135px;
    min-width: fit-content;
    width: 12%
}

@media(max-width: 767px) {
    .tagbox .related {
        font-size:13px
    }
}

.tagbox .tags {
    float: right;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
}

.tagbox .tags.tags-carousel {
    min-height: 30px;
    padding-left: 30px;
    padding-right: 30px
}

@media(max-width: 767px) {
    .tagbox .tags.tags-carousel {
        padding:0
    }
}


.news-content-holder .news-footer .tagbox {
    float: right;
    width: 100%;
}

@media(max-width: 991px) {
    .news-content-holder .news-footer .tagbox {
        width:100%
    }
}

.news-content-holder .news-footer .tagbox .tags {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.news-content-holder .news-footer .tagbox .tags .tag {
    font-size: 11px;
}

.news-content-holder .news-footer .news-share {
    text-align: left;
    width: 50%
}

.tagbox .tags .tag {
    background: #f5f5f5;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    transition: all .3s
}

.tagbox .tags .tag:hover {
    background: #e7e7e7
}

.tagbox .tags .tag a {
    display: block;
    padding: 0 10px
}

.tagbox .tags .tag img {
    display: inline-block;
    margin-left: 2px;
    max-height: 20px;
    width: auto
}

.tagbox .tags .tag span {
    display: inline-block
}

.tagbox .tags .tag.player img {
    border-radius: 50%
}

.uk-button-danger {
    background-color: #f0506e !important;
    color: #fff;
    border: 1px solid transparent;
}
 
.liked svg path {
    fill: red !important;
    stroke: red !important;
} 
 
 


.jssocials {
    direction: ltr!important;
}

.jssocials-share-link {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 9px 6px rgba(0,0,0,.1);
    display: flex!important;
    height: 55px;
    justify-content: center;
    line-height: normal!important;
    position: relative;
    width: 55px;
}

span.jssocials-share-label {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    padding-top: 5px;
    position: absolute;
    top: 100%;
}

.jssocials-share-twitter .jssocials-share-link {
    background: #000!important
}

.jssocials-share-whatsapp .jssocials-share-link {
    background: #24d366!important
}

.jssocials-share-telegram .jssocials-share-link {
    background: #1c96c8!important
}

img.jssocials-share-logo {
    height: auto!important;
}

.jssocials-shares {
    display: flex;
    justify-content: center;
    margin: 0 auto 45px!important;
    /* max-width: 240px; */
    gap: 20px;
}

.share-text {
    color: #607d8b;
    font-weight: 500;
    margin-bottom: 15px
}


.copylink {
    float: right;
    padding: 6px;
    position: relative;
    width: 100%;
}

.copylink input {
    border: 1px solid #90a4ae;
    border-radius: 4px;
    direction: ltr;
    float: right;
    font-size: 11px;
    padding: 15px;
    width: 100%;
}

.copylink #copybtn {
    background: #0a97b3;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 13px;
    padding: 0 10px;
    line-height: 25px;
}

 
 


.report-box {
    background: #fff;
    border-radius: 5px;
    padding: 0 15px;
}


.report-box .report-srction {
    float: right;
    padding: 15px 0;
    width: 100%
}

.report-box .report-srction:first-child {
    border-bottom: 1px solid #eee
}

.form-box {
    float: right;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-box label {
    float: right;
    margin-top: 15px;
    width: 100%
}

.form-box input,.form-box select,.form-box textarea {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    float: right;
    line-height: normal!important;
    padding: 10px;
    width: -webkit-fill-available;
}

.form-box textarea {
    min-height: 200px;
    margin-top: 1rem;
}

.form-box .form-check-inline {
    display: inline-block;
    margin-left: 4px;
    margin-top: 4px;
    width: 30px
}

.form-box .submit-form {
    background-color: #0a97b3;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 15px;
    padding: 2px 50px!important
}

.form-box .checkbox-label {
    align-items: flex-start;
    display: flex
}

.uk-modal-body {
    display: flow-root;
    padding: 20px 10px;
}
 
:focus-visible {
    outline: none;
}
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@media (min-width: 640px) {
    .uk-flex-wrap\@s {
        flex-wrap: nowrap !important;
    }
    .desktop-hedie{
        display: none !important;
    }
}
@media (max-width: 640px) {
    .mobile-hedie{
        display: none !important;
    }
} 
 
 
 
 
 
 
 
        
        

footer {
    direction: rtl;
    float: right;
    font-size: 13px!important;
    line-height: 20px!important;
    text-align: right;
    width: 100%
}

footer .allfooter {
    background-color: #19242e;
    background-image: url(https://static.varzesh3.com/img/shared/footer/footerbg.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 30px;
    padding-top: 40px
}

footer .allfooter,footer .allfooter .allfooter-menus {
    float: right;
    width: 100%
}

footer .allfooter .allfooter-menus .footermenu {
    list-style: none;
    margin: 0;
    padding: 0
}

footer .allfooter .allfooter-menus .footermenu li {
    line-height: 20px;
    margin-bottom: 8px
}

footer .allfooter .allfooter-menus .footermenu li span {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

footer .allfooter .allfooter-menus .footermenu li span img {
    margin-left: 6px
}

footer .allfooter .allfooter-menus .footermenu li a {
    color: #999;
    display: inline-block;
    min-width: 80px;
    padding: 2px 0
}

footer .allfooter .allfooter-copy {
    border-top: 1px solid hsla(0,0%,100%,.2);
    float: right;
    margin-top: 30px;
    padding-top: 15px;
    width: 100%
}

footer .allfooter .allfooter-copy>div {
    float: right
}

footer .allfooter .allfooter-copy .socials {
    float: left
}

footer .allfooter .allfooter-copy .socials a {
    color: #999;
    float: left;
    font-size: 20px;
    margin-right: 15px;
    position: relative;
    width: 15px
}

footer .allfooter .allfooter-copy .copyright {
    color: #999;
    font-size: 12px;
    padding-top: 3px
}

footer .allfooter .allfooter-copy .footerlogo {
    color: #fff;
    height: 20px!important;
    line-height: 25px;
    margin-left: 15px
}

footer .allfooter .allfooter-copy .footerlogo .footer-logo-holder {
    float: right;
    margin-left: 5px;
    position: relative;
    top: 3px;
    width: 20px
}



    .uk-clear {
        clear: both;
    }

    .uk-comment-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .uk-comment-list .uk-comment {
        padding: 15px;
        border-bottom: 1px solid #ddd;
    }

    .uk-comment-list .uk-comment-avatar img {
        border-radius: 50%;
    }

    .uk-comment-list .uk-comment-body .uk-comment-meta {
        font-size: 0.9em;
        color: #888;
    }

    .uk-comment-list .uk-comment-body .uk-comment-meta a {
        color: #0066cc;
    }

    .uk-comment-list .uk-comment-body .uk-comment-meta a:hover {
        text-decoration: underline;
    }

    .like-dislike-buttons {
        margin-top: 10px;
    }

    .like-dislike-buttons button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
    }

    .like-button {
        color: green;
    }

    .dislike-button {
        color: red;
    }
    
    
    


    .uk-clear {
        clear: both;
    }



    .like-button {
        color: green;
    }

    .dislike-button {
        color: red;
    }



















/* استایل کلی برای کامنت‌ها */

    .uk-comment-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .uk-comment-list .uk-comment {
        padding: 15px;
        border-bottom: 1px solid #ddd;
        margin-top: 10px;
    }
    .uk-comment-list .uk-comment~ul , .uk-comment-list .uk-comment~ul>:nth-child(n+2){
        margin-top: 10px;
    }

    .uk-comment-list .uk-comment-avatar img {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    .uk-comment-list .uk-comment-body {
        padding-left: 5px;
        padding-right: 5px;
        text-align: justify;
    }

    .uk-comment-list .uk-comment-body .uk-comment-meta {
        font-size: 0.9em;
        color: #888;
    }

    .uk-comment-list .uk-comment-body .uk-comment-meta a {
        color: #0066cc;
    }

    .uk-comment-list .uk-comment-body .uk-comment-meta a:hover {
        text-decoration: underline;
    }

    .like-dislike-buttons {
        margin-top: 0px;
    }

    .like-dislike-buttons button {
        background: none;
        cursor: pointer;
        padding: 0px 8px;
        color: #000;
        border: 1px solid #e5e5e5;
    }

.uk-comment {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background-color: #f9f9f9;
}

/* استایل هدر کامنت */
.uk-comment-header {
    margin-bottom: 10px;
}

.uk-comment-avatar img {
    border-radius: 50%;
}

.uk-comment-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: justify;
}

.uk-comment-meta {
    font-size: 14px;
    color: #777;
}

/* استایل بدنه کامنت */
.uk-comment-body {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
}

/* استایل فوتر کامنت */
.uk-comment-footer {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.uk-button-group {
    display: flex;
    gap: 10px;
    border: 1px solid #e5e5e5;
    padding: 3px 10px;
    border-radius: 4px;
}

.like-dislike-buttons {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.like-button, .dislike-button {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.like-button {
    background-color: #4CAF50;
    color: white;
}

.dislike-button {
    background-color: #f44336;
    color: white;
}

.like-button:hover, .dislike-button:hover {
    opacity: 0.8;
}

/* استایل فرم پاسخ */
.ajax-reply-form {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.ajax-reply-form .uk-margin {
    margin-bottom: 10px;
}

.ajax-reply-form .uk-button-primary {
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    padding: 0px;
    color: white;
    cursor: pointer;
    width: 100%;
}

.ajax-reply-form .uk-button-primary:hover {
    background-color: #0056b3;
}    

.comment-reply-title{
    padding: 10px;
    background: aquamarine;
    margin-bottom: 0;
    border-radius: 4px 4px 0px 0px;
    background-color: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    border-bottom: 1px solid;
}
#comment-form{
    margin-bottom: 10px;
    padding: 20px 20px;
}
#comment-form p{
    margin-bottom: 10px;
}
.form-submit{
    margin-top: 10px
}
.commnet-box{
    text-align: justify;
}


/* مخفی کردن لیست ریپلای‌ها به‌طور پیش‌فرض */
.replies-list {
    display: none;
    border-top: 2px solid #e5e5e5;
}

.toggle-replies {
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 0.9em;
    border-radius: 5px;
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}

.toggle-replies:hover {
    background-color: #e5e5e5;
}
.gap5{
    gap: 5px;
}

/* استایل‌های کلی نظرسنجی */
.poll-container {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    background: #f9f9f9;
}

.poll-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ddd;
    cursor: pointer;
    background: #fff;
    transition: background-color 0.3s ease;
    flex-wrap: wrap;
}

.poll-option:hover {
    background-color: #f0f0f0;
}

.poll-option.selected {
    background-color: #e0f7fa; /* تغییر رنگ برای گزینه انتخابی */
    border-color: #00bcd4;
}

.poll-option-label {
    font-weight: bold;
    font-size: 11px;
    text-wrap-mode: nowrap;
}

.poll-percentage {
    color: #666;
    text-wrap-mode: nowrap;
}

.poll-content{
    padding: 10px;
    text-align: justify;
}

.poll-content h3{
    text-align: justify;
    font-size: 16px;
}

.poll-content p{
    text-align: justify;
    font-size: 12px;
}


/*
پلیر!
*/

.videoplyr-h3{
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #f5f7f8;
    text-align: justify;
}


.d-none {
    display: none !important;
}

@media(min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-block {
        display: block!important
    }

}




.search-input{
    background-color: #fff;
    border: 1px solid #0a97b3;
    border-radius: 5px;
    direction: rtl;
    font-weight: 400;
    padding: 10px 15px 10px 15px;
    text-align: right;
    width: calc(100% - 60px);
    text-align: right !important;
}

/* استایل مودال جستجو */
#search-modal .uk-modal-dialog {
    background: rgba(255, 255, 255, 0.98);
    padding: 0px;
    border-radius: 10px;
}

#vrz-search-form .uk-form-icon-flip {
    cursor: pointer;
}

/* استایل نتایج جستجو */
#search-ajax-result h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #333;
}

.tags-res .uk-label {
    margin: 5px;
    padding: 8px 12px;
    border-radius: 20px;
    background: #e9ecef;
    color: #0073e6;
}

.news-res .uk-card, .videos-res .uk-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.videos-res .uk-card img ,.news-res .uk-card img{
    width: 90px;
    height: 90px;
}

.news-res .uk-card-body, .videos-res .uk-card-body {
    padding: 15px;
}

.news-res .uk-card-title, .videos-res .uk-card-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.news-res .uk-text-meta, .videos-res .uk-text-meta {
    font-size: 14px;
    color: #666;
}

.see-all .uk-button {
    margin-top: 20px;
    width: 100%;
}



/* استایل کارت‌ها */
.news-res .uk-card, .videos-res .uk-card {
    transition: transform 0.2s ease-in-out;
    border-radius: 10px;
    overflow: hidden;
}

.news-res .uk-card, .videos-res .uk-card:hover {
    transform: translateY(-5px);
}

/* استایل عکس‌ها */
.news-res .uk-card, .videos-res .uk-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

/* استایل عنوان و توضیحات */
.uk-card-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.uk-text-meta {
    font-size: 14px;
    color: #666;
}

/* استایل کلی نتایج جستجو */
#search-ajax-result {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}