.news_container{background: var(--white);padding:3rem 0 1.5rem 0;flex-wrap: wrap;}
.news_container .container{flex-wrap: wrap;display: flex;justify-content: space-between;align-items: start;}

.news_container .news_left_cont{width: 75%;display: flex;flex-wrap:wrap}

.news_details{width: 100%;display: flex;flex-wrap:wrap;margin-top: 1.25rem;}

.news_details h2{justify-content: start;text-align: left;color: var(--black);text-transform: capitalize;}
.news_details .leader_img{width: 100%;display: flex;padding-top: 56.25%;position: relative;margin:0 0 .5rem;}
.news_details .leader_img img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; }
.news_details .leader_img .btn { position: absolute; top: -1rem; right: 2rem; font-size: .8rem; min-width: 105px; padding: 7px 10px; }
.news_details .leader_img .btn:hover{background: var(--blue);color: var(--white)!important;}
.news_details p{width: 100%;display: inline-block;font-size: .95rem;line-height: 1.4rem;color: var(--black);margin: 1rem 0 0 0;}
.news_details p a{color: var(--black);text-decoration: underline;}
.news_details p a:hover{color: var(--brown);}

.news_details p.date {font-size: .8rem;line-height: 1.15rem;font-weight: bold;margin-top: .65rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.news_details p.date .tags {background: var(--brown);padding: .3rem .5rem;color: var(--white);line-height: initial;}

.news_details h3 {font-size: .95rem;line-height: 1.15rem;font-weight: bold;margin:1rem .25rem 0;display: flex;width: 100%;}
.news_details ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;padding:0 0 0 1.5rem;margin: 1rem 0;}
.news_details ul li {list-style: disc;font-size: .95rem;line-height: 1.25rem;width: 100%;margin-top: .25rem;}

.news_details .details_img {width: 78%;display: flex;padding-top: 50.25%;position: relative;margin: 1rem auto;}
.news_details .details_img img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; }

.bread_social{width: 100%;display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.bread_social ul.breadcrumb{width: auto;}


.tag_share{width: 100%;display: flex;flex-wrap:wrap;justify-content: space-between;margin:1.5rem 0;}
.tag_share .tag_side{width: 100%;display: flex;align-items: center;flex-wrap: wrap;margin-top: .5rem;}
.tag_share .tag_side strong{width: 100%;}
.tag_side a{background: #D9D9D9;color: var(--black);font-size: .85rem;line-height: 1rem;display: flex;height: 30px;justify-content: center;align-items: center;text-transform: capitalize;
padding: 0 .5rem;margin:.65rem .75rem 0 0;}
.tag_side a:hover{color:var(--white);background: var(--black);}

.share_icn_side{display: flex;align-items: center;font-size: 1rem;font-weight: bold;color: var(--black);justify-content: flex-end;}
.share_icn_side a{margin-left: .5rem;}

.article_slider{width: 100%;padding:1rem 0;flex-wrap: wrap;display: flex;border-top: 2px solid #000;}

.next_prev{width: 100%;display: flex;justify-content: space-between;font-size: .9rem;color: var(--brown);line-height: 1.7rem;flex-wrap: wrap;}
.next_prev div{width: 40%;flex-wrap: wrap;display: flex;}
.next_prev div span{width: 100%;text-transform: uppercase;    margin-bottom: .5rem;}
.next_prev a{color: var(--black);font-size: .95rem;font-weight: bold;color: var(--black);line-height: 1.35rem;}
.next_prev a:hover{color: var(--brown);}

.news_container .news_right_cont{width: 22.5%;display: flex;flex-wrap:wrap}
.search_sec { width: 100%; display: flex; align-items: center; background: rgb(217 217 217 / 50%); height: 26px; justify-content: space-between;padding-right: .5rem; }
.search_sec input { border: none; background: none; width: 85%; font-size: .8rem; font-weight: bold; padding-left: .75rem; }

.blog_box{width: 100%; display: flex; padding:0;flex-wrap: wrap;margin-top: 2rem;}
.blog_box h3{width: 100%; display: flex;color: var(--white);font-size: .85rem;line-height: 1.15rem;font-weight: bold;text-transform: uppercase;background: var(--brown);justify-content: center;height: 36px;align-items: center;}
.blog_box ul{width: 100%; display: flex;flex-wrap: wrap;margin-top: .5rem;}
.blog_box ul li{width: 100%; display: flex;}
.blog_box ul li a {width: 100%;display: flex;color: var(--black);font-size: .9rem;align-items: center;padding: .15rem;margin-top: .35rem;border-bottom: 1px solid #000;font-weight: bold;}
.blog_box ul li a:hover{color: var(--brown);}
.blog_box ul li:last-child a{border: none;}


.popular_post{width: 100%; display: flex; background:linear-gradient(#D9D9D9 0%, rgb(204 204 204 / 0%));padding: 1.5rem 1rem;flex-wrap: wrap;margin-top: 2rem;}
.popular_post h3{width: 100%; display: flex;color: var(--black);font-size: 1.25rem;line-height: 1.35rem;font-weight: bold;text-transform: uppercase;}
.popular_post ul{width: 100%; display: flex;flex-wrap: wrap;}
.popular_post ul li {width: 100%;display: flex;flex-wrap: wrap;margin: 1.5rem 0 0;border-bottom: 1px solid #000;padding-bottom: 1rem;}
.popular_post ul li a{display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;}
.popular_post ul li .tags {background: var(--brown);padding: .3rem .5rem;color: var(--white);line-height: initial;font-size: .75rem;font-weight: bold;}
.popular_post ul li p{width: 100%; display:inline-block;color: var(--black);font-size: .95rem;line-height: 1.25rem;margin:0 0 .5rem 0;}
.popular_post ul li .time{width: 100%; display: flex;color: #979494;font-size: .95rem;line-height: 1.25rem;}
.popular_post ul li h4{width: 100%; display: flex;color: var(--black);font-size: .95rem;line-height: 1.35rem;font-weight: bold;margin: .75rem 0 .5rem;}
.popular_post ul li a:hover h4{text-decoration: underline;}
.popular_post ul li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}


.news_right_cont .tag_side{width: 100%; display: flex;flex-wrap: wrap;padding:1.5rem 1rem; background:linear-gradient(#D9D9D9 0%, rgb(204 204 204 / 0%));}
.news_right_cont .tag_side strong{width: 100%;text-transform: uppercase;}
.news_right_cont .tag_side a{margin: .5rem .5rem 0 0;}

.only_mobile{display: none;}


@media (max-width:1023px){
main h2{font-size: 2.15rem;line-height: 2.5rem;}
.news_container .news_left_cont{width: 70%;}
.news_container .news_right_cont{width: 28%;justify-content: space-between;}
.search_sec{margin: 0 auto;width: 100%;}
.blog_box{width: 100%;align-content: flex-start;}
.popular_post{width: 100%;align-content: flex-start;padding: 1.25rem .75rem;}
.next_prev div{width: 48%;}
.share_icn_side{margin-top: 1rem;}
.bread_social ul.breadcrumb {width: 100%;}
ul.breadcrumb li {font-size: .8rem;}
ul.breadcrumb li:last-child {width: 220px;}
}


@media only screen and (max-width:767px){
.news_container .news_left_cont {width: 100%;margin-bottom: 1rem;}
.news_container .news_right_cont{width: 100%;}
.share_icn_side {margin-top: .5rem;}
main h2 { font-size: 1.75rem; line-height: 2.25rem; }
.news_details .leader_img{margin: .5rem 0 .85rem;}
.news_details .details_img {width: 100%;padding-top: 56.25%;}
.next_prev div {width: 42%;}
.news_container{padding: 2rem 0 2rem 0;}
ul.breadcrumb li{margin-bottom: .25rem;}
.news_details{margin-top: 1rem;}
.news_details .img_content_row .img_side{width: 100%;}
.news_details .img_content_row .description{width: 100%;margin-top: 1rem;}
.tag_share{margin: 1rem 0;}
.tag_share .tag_side{width: 100%;}
.tag_share .share_icn_side{width: 100%;justify-content: start;margin-top: 1rem;}
.article_slider .splide__arrow--prev {left: -2.5rem;width: 30px;height: 30px;}
.article_slider .splide__arrow--next {right: -2.5rem;width: 30px;height: 30px;}
.article_slider ul li a{width: 90%;font-size: .95rem;line-height: 1.25rem;}
.search_sec{width: 100%;}
.blog_box, .popular_post{width: 100%;margin-top: 1rem;}
.popular_post h3{justify-content: center;margin-top: .5rem;}
.news_right_cont .tag_side{background: none;padding:0 2.25rem 2rem;}
.only_mobile{display: flex;width: 100%;flex-wrap: wrap;margin-bottom: 2rem;}
.blog_box form{display: flex;width: 100%;flex-wrap: wrap;}
.blog_box form select {width: 100%;background: #fff;padding:0;height: 44px;display: inline-flex;align-items: center;border: none;font-size: .9rem;color: var(--black);border-bottom: 2px solid #000;font-size:.85rem;font-weight: bold;}
.news_container .news_right_cont .search_sec, .news_container .news_right_cont .blog_box{display: none;}

}
