a img:hover{
    opacity: 0.8;
    transition: 0.4s;
}

.main-news{
    margin-top: 3px;
}

.main-news-row{
    display: flex;
    flex-wrap: wrap;
}

.news-content{
    width: 100%;
    max-width: 70%;
    background: white;
    padding: 14px;
}

.news-sidebar-1 , .news-sidebar-2{
    width: 100%;
    max-width: 27%;
    margin: 0 1.2%;
    background: #fff;
    padding: 10px;
}

.header-news-1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}

.header-news-addres p ,.header-news-addres a {
    color: black;
    font-size: 13px;
}

.header-news-icon a{
    font-size: 23px;
    padding: 0 2px;
    color: #cd2122;
}

.header-news-icon a i{
    color: #700405;
}

.header-news-2{
    display: flex;
    background: #eaeaea;
    padding: 10px 10px;
    font-size: 12px;
    justify-content: space-around;
    border-radius: 2px;
    flex-wrap: wrap;
}

.header-news-2 p{
    margin-bottom: 0;
    color: #656565;
}
.header-news-2 a{
    color: #656565;
}

.span-news-content{
    display: block;
    margin: 20px 0 25px;
    font-size: 13px;
    color: #777;
}

.title-a-news{
    font-size: 20px;
    font-family: 'irs-bold';
    margin-bottom: 30px;
}

.title-a-news a:hover{
    color: #cd2122;
}

.a-news-content{
    color: rgb(17, 19, 38);
}

.img-news-content{
    display: flex;
    justify-content: space-between;
    background: #f1f1f1e2;
    padding: 5px 5px;
    font-size: 14px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.img-news-content img{
    width: 100%;
}

.img-news-content a{
    width: 100%;
}

.img-news-content p{
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    padding: 10px 14px 10px 0;
    border-right: 5px solid #a1a1a1;
    margin-right: 2px;
}

.content-news > p{
    font-size: 13px;
    color: #4e4e4e;
    float: right;
    width: 100%;
}

.content-news img {
    float: right;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 15px;
}


.text-p-bold{
    font-size: 13px;
    font-family: irs-bold ;
}

.video-news-content{
    width: 100%;
}

.content-video p{
    font-size: 13px;
    color: #4e4e4e;
    margin-top: 5px;
}

.content-video>span{
    padding: 10px 16px;
    border-right: 4px solid #e2e2e2e2;
    color: #505050;
    font-size: 15px;
}

.content-video ul{
    margin-top: 29px;
}

.content-video li{
    font-size: 14px;
    color: #565656;
    margin-bottom: 5px;
}

.content-video i{
    font-size: 4px;
    color: #808080;
    margin-left: 7px;
}

.small-tags{
    margin: 19px 0 15px;
}

.small-tags>small{
    display: block;
    font-size: 13px;
    color: #929292;
}

.footer-content-news{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-news-right , .footer-news-left{
    background-color: rgb(245, 245, 245);
    color: rgb(11, 13, 96);
    width: 100%;
    max-width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    font-size: 15px;
    flex-wrap: wrap;
}

.icons-footer-news a{
    padding: 0 3px;
    font-size: 23px;
    color: #cd2122;
}

.icons-footer-news a:hover{
    color: rgb(237, 155, 45);
}

.content-video hr{
    margin: 10px 0;
}

.new-news-h6{
    font-size: 16px;
    color: #cd2122;
    position: relative;
    margin-bottom: 10px;
}

.new-news-h6 b{
    background-color: white;
    position: relative;
    z-index: 1;
    padding: 0 2px 0 10px;
}

.new-news-h6::after{
    content: '';
    width: 100%;
    display: block;
    height: 2px;
    background-color: #cd2122;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}

.header-section-news{
    margin: 25px 0 20px ;
}

.a-body-section-news{
    height: 24px;
    float: right;
    line-height: 24px;
    position: relative;
    margin-left: 20px;
    padding: 0 10px 0 12px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    font-size: 11px !important;
    margin-top: 5px;
    transition: all 0.6s ease
}

.a-body-section-news:hover{
    background: #cd2122;
    color: white;
}

.a-body-section-news:hover.a-body-section-news::before{
    border-color: transparent  #cd2122 transparent transparent;
}

.a-body-section-news::before{
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #f5f5f5 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.6s ease;
}

.a-body-section-news::after{
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    box-shadow: -1px -1px 2px #004977;
}

.body-section-news-1{
    margin-bottom: 88px;
}

.news-item-img img{
    width: 100%;min-height: 200px;
}

.body-section-news-2{
    display: flex;
    flex-wrap: wrap;
}

.body-section-news-item{
    width: 100%;
    max-width: 30%;
    margin: 0 1.6%;
}

.news-item-content{
    margin-top: 6px;
}

.news-item-content span{
    color: #000000a6;
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
}

.news-item-content i{
    color: #004eff;
    font-size: 5px;
}

.news-item-content a{
    font-size: 15px;
    color: #3c3c3c;
    font-family: 'irs-500';
}

.tablighat{
    margin-bottom: 30px;
}

.tablighat img{
    width: 100%;
}

.Rules-news{
    display: flex;
}

.danger-news>span>i{
    color: #5d5d5d;
    font-size: 20px;
    border: 1px solid #ffbbbe;
    background-color: #fff5f5;
    border-radius: 50%;
    float: right;
    padding: 20px 28px;
}

.Law-news{
    background-color: #ff9e1e;
    width: 100%;
    padding: 10px 11px;
    border: 1px solid #ff9e1e;
    margin-right: 15px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 35px;
    color: ;
}

.Law-news span{
    display: block;
    font-size: 12px;
    padding: 5px 0;
    color: #fff;
}

.Law-news::before{
    content: "";
    display: block;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #ff9e1e;
    position: absolute;
    top: 20px;
    right: -16px;
    z-index: 1;
}

.Law-news span i{
    margin-left: 6px;
}

.input-sent-comment{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;
}

.input-right{
    width: 100%;
    max-width: 40%;
}

.input-left{
    width: 100%;
    max-width: 54%;
}

.input-right input{
    display: flex;
    background-color: #f5f5f5;
    margin: 0 0 15px;
    border-radius: 3px;
    border: unset;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    width: 100%;
}

.input-right input::placeholder , .input-left textarea::placeholder{
    font-size: 12px;
    color: rgb(136, 136, 136);
}

.input-right input:focus , .input-left textarea:focus{
    background-color: rgb(255, 255, 255);
}

.input-left textarea{
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border: unset;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.input-right button{
    font-size: 13px;
    border: unset;
    padding: 6px 11px;
    border-radius: 3px;
    background: #cd2122;
    border-bottom: 3px solid rgb(112, 28, 28);
    color: white;
}

.section-tab .nav-link{
    background-color: #e6e5e5;
    color: #cd2122;
    border-radius: 1px !important;
    padding: 3px 8px;
    margin: 7px 2px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #700405;
}

.section-tab .nav-item{
    position: relative;
    background: white;
    z-index: 9;
}

.section-tab .nav-pills{
    padding: 0 0 ;
}

.Popular-right img , .new-right img{
    width: 100%;
}

.Popular-item , .new-item , .opinions-item{
    display: flex;
    margin: 10px 0;
    justify-content: space-between;
}

.Popular-right , .new-right{
    width: 100%;
    max-width: 30%;
}

.Popular-left , .new-left{
    width: 100%;
    max-width: 67%;
}

.Popular-left a , .new-left a{
    color: #37474f;
    font-size: 14px;
    font-family: 'irs-500';
}

.opinions-right{
    width: 100%;
    max-width: 23%;
    position: relative;
    z-index: 2;
}

.opinions-left{
    width: 100%;
    max-width: 72%;
    z-index: 2;
}

.opinions-left span{
    font-size: 13px;
    font-family: 'irs-500';
    color: #cd2122;
    margin-left: 3px;
}

.opinions-left a{
    font-size: 11px;
    color: #636363;
}

.opinions-right img{
    width: 100%;
    border: 3px solid #e2e2e2e2;
    height: 67px;
}

.opinions-right b{
    width: 13px;
    position: absolute;
    left: -6px;
    top: 39%;
    height: 13px;
    transition: all 0.6s ease 0s;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    background-color: #eee;
    z-index: -2;
}

#pills-opinions hr{
    margin: 0;
}

.header-time p{
    font-size: 12px;
}

.header-time span{
    font-size: 13px;
    color: rgb(243, 158, 0);
    font-family: irs-bold;
}

.time-item {
    display: flex;
    background-color: rgb(252, 252, 252);
    margin: 13px 0;
}
.time-item-1 {
    display: flex;
    margin: 13px 0;
}

.time-right , .time-left{
    width: 50%;
}

.time-right span{
    font-size: 12px;
    font-family: 'irs-500';
    color: #212121c7;
}

.time-left span{
    font-size: 13px;
    font-family: 'irs-normal';
    color: #343434;
}

.time-left i{
    color: #ff8a00;
    font-size: 11px;
}

.random-item .fa-stop{
    color: #3c3c3cc2;
    font-size: 9px;
}

.random-item i{
    color: #3c3c3cc2;
    font-size: 13px;
}

.random-item a{
    color: #3c3c3cc2;
    font-size: 14px;
}

.section-random-news{
    position: sticky;
    top: 10px;
}

.random-news hr{
    margin: 7px 0;
}




.box-news-3 {
    width: 100%;
    max-width: 100%;
}
.img-box-news {
    position: relative;
}
.span-img-box-news {
    position: absolute;
    top: 6px;
    right: 6px;
    background-color: #e2e2e280;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 13px;
    font-family: 'irs-bold';
}
.img-box-news img {
    width: 100%;
    height: 190px;
}
.box-news-3>span, .box-news-2>span, .box-news>span {
    font-size: 11px;
    display: block;
    padding: 11px 2px 6px;
    color: rgb(118, 118, 118);
}
.box-news-3>span>i, .box-news-2>span>i, .box-news>span>i {
    font-size: 6px;
    color: #007eff;
}
.box-news-3>a, .box-news-2>a, .box-news>a {
    color: rgb(70, 70, 70);
    font-size: 15px;
    font-family: 'irs-500';
}
.section-link {
    margin: 10px 0 30px;
}
.section-link hr {
    margin: 3px 5px;
}
.link-item-section {
    font-family: 'irs-500';
    font-size: 12px;
    color: #37474f;
}
.link-item-section i {
    font-size: 7px;
    color: #0066ff;
}

.comment-item{
    margin: 10px 0;
}

.header-comment , .footer-comment{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 0;
}

.header-comment h6{
    font-family: irs-bold;
    font-size: 16px;
    color: #3a3a3a;
}

.header-comment span{
    font-size: 14px;
    color: #676767;
    padding: 0 5px;
}

.content-comment p{
    color: #313131;
}

.footer-comment button{
    border: unset;
    background: unset;
}
.footer-comment>button{
    color: #cd2122;
}

.like-buttom:focus{
    color: rgb(3, 99, 0);
}
.dislike-buttom:focus{
    color: rgb(99, 0, 0);
}

.reply-comment{
    margin-right: 30px;
    background-color: #e2e2e2;
    padding: 5px;
    margin-bottom: 10px;
}

@media (min-width: 576px){
    .container {
        max-width: 93% !important;
    }
}

@media (min-width: 1450px){
    .container {
        max-width: 1450px !important;
    }
}


@media (max-width: 991px){

}

@media (max-width: 768px){
    .news-content{
        max-width: 100%;
    }
    .news-sidebar-1, .news-sidebar-2{
        max-width: 100%;
    }
    .img-box-news img{
        height: 270px;
    }
}

@media (max-width: 480px){
    .reply-comment{
        margin-right: 10px;
    }
    .footer-news-right, .footer-news-left{
        max-width: 98%;
        margin: 10px 0;
    }
    .header-news-2 p{
        margin: 9px;
    }
    .body-section-news-item{
        max-width: 100%;
        margin-bottom: 10px;
    }
}