@font-face {
  font-family: montserratbold;
  src: url(../fonts/montserrat-bold.ttf);
}

@font-face {
  font-family: montserratregular;
  src: url(../fonts/montserrat-regular.ttf);
}

@font-face {
  font-family: montserratblack;
  src: url(../fonts/montserrat-black.ttf);
}

@font-face {
  font-family: montserratExtraold;
  src: url(../fonts/montserrat-extrabold.ttf);
}

@font-face {
  font-family: montserratlight;
  src: url(../fonts/montserrat-light.ttf);
}

@font-face {
  font-family: montserratmedium;
  src: url(../fonts/montserrat-medium.ttf);
}

@font-face {
  font-family: montserratsemibold;
  src: url(../fonts/montserrat-semibold.ttf);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body 
{
    background-color: #fff;
}
html, body 
{
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
ul 
{
    margin:0;
    padding: 0;
}
ul li 
{
    list-style:none;
}
a 
{
    text-decoration:none;
}
.container 
{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
/****** Start Heder *******/
.top_area
{
    width:100%;
    padding:6px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.top_area ul.social-media 
{
    margin-bottom: 0;
}
.top_area ul.social-media li
{
    display:inline-block;
    vertical-align: middle;
}
.top_area ul.social-media li:marker 
{
    display:none;
}
.navbar_header 
{
    width: 100%;
    background-color:#4D4848;
}
.navbar_header ul li a svg 
{
    fill:#fff;
}
.navbar_header ul li a 
{
    color:#fff;
    font-family: MontserratSemiBold;
    font-size: 18px;
    padding-right: 25px !important;
    color: rgb(255, 255, 255);
    text-align: center;
    position: relative;
}
.language_select li a 
{
    color:#4D4848;
}
/******** Start Main Content *******/
.main_content 
{
    width: 100%;
    padding: 55px 0 55px;
}
.sidebar_advertisement img 
{
    width:100%;
}
/***** Top Stories Slider ******/
.swiper_box h4
{
    font-family: MontserratSemiBold;
    
    text-transform: uppercase;
    
    margin-bottom: 15px;
}
.top_stories_slider .swiper_slide
{
    background-color:#2465b3;
}
.top_stories_slider .swiper_slide a 
{
    text-decoration:none;
}
.swiper_slide .slide_content 
{
    padding: 15px;
}
.swiper_slide .slide_content h3 
{
    font-family: MontserratSemiBold;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-decoration:none;
}
.swiper_slide .slide_content span 
{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #fff;
}
/****** Start Trending News Card *****/
.trend_news_card 
{
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    background-color: #f4f4f4 !important;
    box-shadow: 6px 4px 9px -1px #cecece;
    margin-bottom: 20px;
}
.trend_news_card .left, .trend_news_card .right
{
    width:20%;
    display:inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.trend_news_card .left img 
{
    width:100%;
}
.trend_news_card .right 
{
    width:75%;
    margin-right: -4px;
}
.trend_news_card .right h3 
{
    font-family: MontserratSemiBold;
    font-size: 18px;
    line-height: 1.55;
    color: #000;
}
.trend_news_card .right span.trend_news_date
{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #8c8b8b;
}
/******* Start Entertainment Sec ******/
.entertainment_news 
{
    margin-bottom: 35px;
}
.entertainment_inner
{
    width: 100%;
    padding: 15px 30px;
    background-color: #e9e9e9;
}
.entertainment_top_news 
{
    margin-bottom: 35px;
}
.entertainment_top_cards img 
{
    width:100%;
}
.entertainment_heading_bar h3, .top_innernews_heading h3
{
    font-family: MontserratSemiBold;
    font-size: 18px;
    line-height: 1.55;
    color: #000;
    margin-bottom: 15px;
}
.entertainment_heading_bar a.btn_more, .national .heading_bar a.btn_more
{
    float: right;
    color:#2465b3;
    background: transparent;
    font-family: MontserratSemiBold;
    font-size: 14px;
    text-decoration: none;
}
.entertainment_top_cards h3, .full_card a h3, .national .heading_bar h3, .national_news a h3 
{
    font-family: MontserratSemiBold;
    font-size: 18px;
    line-height: 1.55;
    color: #000;
    padding:5px 0;
}
.entertainment_top_cards .news_date, .national_news .news_date
{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #8c8b8b;
}
.full_card  
{
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    background-color: #fff;
    box-shadow: 6px 4px 9px -1px #cecece;
    padding: 15px;
    margin-bottom: 15px;
}
.full_card a 
{
    text-decoration:none;
}
.full_card a img 
{
    width:100%;
}
/****** Start National Sports *******/
.national_sports 
{
    width:100%;
    margin-bottom: 35px;
}
.national_sports .national 
{
    padding:20px 20px 15px;
}
.national_sports .national, .national_sports .sports
{
    background-color: #e9e9e9;
}
.national_news .card a img 
{
    width:100%;
}
.national_news a
{
    text-decoration:none;
}
.national_news .card 
{
    margin-bottom: 25px;
    background-color: #e9e9e9;
    border:1px solid transparent;
}
/****** Start Inner Page *******/
.top_inner_news
{
    width:100%;
    padding:45px 0 0;
}
.innernews_top_cards img 
{
    width:100%;
}
.innernews_top_cards 
{
    background-color:#2465b3;
    color:#fff;
}
.innernews_top_cards h3 
{
    font-family: MontserratSemiBold;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    padding:10px 20px;
    margin-bottom: 0;
}
.innernews_top_cards a
{
    text-decoration:none;
}
.innernews_top_cards span.news_date 
{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #fff;
    padding:0 20px 15px;
    display:block;
}
.trending_news
{margin-top:45px;
}
.trending_news ul.pagination
{
    margin-top:45px;
}
ul.pagination li 
{
    margin:0 15px;
}
.trending_news .page-link 
{
    border: 1px solid #898989;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 5%);
    color: #393939;
    font-family: MontserratSemiBold;
    font-size: 14px;
}
.trending_news .page-link:hover 
{
    background-color: #2465b3;
    color: #fff;
}
.page-item.active .page-link 
{
    color: #fff;
    border: 1px solid #2465b3;
    background-color: #2465b3;
}
/****** Start Single Page *******/
.single_main_content 
{
    width:100%;
    padding:35px 0 45px;
}
.breadcrumb 
{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 5%);
    background-color: #fff;
    margin-top: 25px;
    padding: 12px 8px !important;
} 
.breadcrumb-item 
{
    color: #393939;
    font-family: MontserratRegular;
    font-size: 14px;
}
.breadcrumb-item a 
{
    color: #2465b3;
    text-decoration: none;
    font-family: MontserratRegular;
    font-size: 14px;
}
.breadcrumb-item a svg 
{
    width:20px;
    height:20px;
    fill:#2465b3;
}
.single_main img 
{
    width:100%;
}
.single_main h1, .about_us_main h1
{
    font-family: MontserratSemibold;
    font-size: 26px;
    line-height: 1.35;
    color: #000;
    padding:5px 0;
}
.single_main h3, .about_us_main h3
{
    font-family: MontserratSemibold;
    font-size: 22px;
    line-height: 1.35;
    color: #000;
    padding:5px 0;
}
.single_main p, .about_us_main p
{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #000;
    line-height:1.55;
}
.single_main ul, .about_us_main ul
{
    padding-left:15px;
}
.single_main ul li, .about_us_main ul li 
{
    font-family: MontserratRegular;
    font-size: 16px;
    color: #000;
    line-height:1.55;
    list-style: disc;
}
.share_article a
{
    text-decoration:none;
}
/* Comment Section Styles */
.comment_form_wrapper {
    background-color: #fff;
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border:1px solid #eee;
}
.comment_form label 
{
    font-weight: 500;
    font-family: MontserratSemibold;
}
.comment_form_wrapper h3, .comments_list h3
{
    font-weight: 500;
    font-family: MontserratSemibold;
    font-size: 22px;
}
.comment_form .form-control {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px 15px;
}

.comment_form .form-control:focus {
    box-shadow: none;
    border-color: #1e4fad;
}

.comment_form .btn-primary {
    background-color: #1e4fad;
    border: none;
    padding: 10px 25px;
    font-family: MontserratSemibold;
    transition: all 0.3s ease;
}

.comment_form .btn-primary:hover {
    background-color: #1ba5d4;
}

.comment_item {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
    border:1px solid #eee;
}

.comment_content h5 {
    font-family: MontserratSemibold;
    color: #333;
}

.reply_btn {
    color: #1e4fad;
    font-family: MontserratSemibold;
    font-size: 14px;
    text-decoration: none;
}
.reply_btn:hover 
{
    color: #1ba5d4;
    text-decoration: underline;
}
/******* Admin Panle ********/
.admin-panel
{
    width:100%;
    padding:45px 0 45px;
}
.admin-panel .admin-panel 
{
        padding: 20px 0;
}
.admin-panel .admin-header {
        background-color: #2465b3;
        color: white;
        padding: 10px 15px;
        margin-bottom: 20px;
}
.admin-panel .form-group {
        margin-bottom: 15px;
}
      .admin-panel .form-control {
        border-radius: 0;
}
.admin-panel label {
        font-weight: bold;
}
.admin-panel .btn-submit {
        background-color: #2465b3;
        color: white;
        border: none;
        padding: 8px 20px;
        text-transform: uppercase;
        font-weight: bold;
}
.admin-panel .nav-tabs {
        justify-content: flex-start;
        flex-direction: column;
        border-bottom: none;
}
.admin-panel .nav-tabs .nav-item {
        margin-bottom: 5px;
        width: 100%;
}
.admin-panel .nav-tabs .nav-link {
        border: 1px solid #ddd;
        color: #333;
        border-radius: 0;
        text-align: left;
        padding: 10px 15px;
}
.admin-panel .nav-tabs .nav-link.active {
        background-color: #2465b3;
        color: white;
        border-color: #2465b3;
}
.admin-panel .admin-sidebar {
        background-color: #f8f9fa;
        padding: 15px;
        height: 100%;
        border-right: 1px solid #ddd;
}
      /* Punjabi text support */
.admin-panel .punjabi-text 
{
           font-family: MontserratRegular;
}
.admin-panel #description {
        font-family: MontserratRegular;
        line-height: 1.6;
}
      /* Enhanced rich text editor styles */
.admin-panel .editor-toolbar {
        background-color: #f8f9fa;
        padding: 10px;
        border: 1px solid #ddd;
        border-top: none;
}
.admin-panel .editor-toolbar .btn-group {
        margin-right: 10px;
}
.admin-panel .editor-toolbar .btn {
        margin-right: 5px;
}
/***** Start About Page *****/
.about_us_main 
{
    width:100%;
    padding: 55px 0 55px;
}
.about_us_main a 
{
    color:#000;
}
/****** Contact Page *******/
.contact_us_main 
{
    width:100%;
    padding:45px 0 45px;
}
.contact_us_main  h1
{
    font-family: MontserratSemibold;
    font-size: 26px;
    line-height: 1.35;
    color: #2465b3;
    padding: 5px 0;
}
.contact_us_main ul 
{
    padding-left: 15px;
}
.contact_us_main ul li 
{
    list-style: disc;
}
/******** Start Footer ********/
.main_footer
{
    width:100%;
    padding: 45px 0 45px;
    background-color: #343434;
}
.footer_box h3 
{
    font-family: MontserratBold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footer_box ul
{
    margin:0;
    padding: 0;
}
.footer_box ul li
{
    width: 45%;
    margin-right: 12px;
    display: inline-block;
    margin-bottom: 18px;
}
.footer_box ul li a 
{
    color: #fff;
    font-size: 15px;
    font-family: MontserratRegular;
    text-decoration: none;
}
.footer_box p 
{
    color: #fff;
    font-size: 15px;
    font-family: MontserratRegular;
}
ul.footer_social 
{
    margin-bottom: 25px;
}
ul.footer_social li
{
    width: auto;
    display: inline-block;
    margin-right: 8px;
}
.footer_social li a 
{
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    background-color: #4d4848;
    text-align: center;
    line-height:35px;
}
.footer_social li a svg 
{
    fill:#fff;
    width: 25px;
    height: 25px;
}
/******* Mobile Resposnive ********/

/******* Mobile Responsive ********/

@media (max-width:2200px)
{
	.homelogo
	{
		width:99%
	}
}
@media (max-width:1199px) 
{
	.homelogo
	{
		width:90%
	}
    .container {
        max-width:90%;
    }
    .navbar_header ul li a {
        font-size: 16px;
        padding-right: 15px !important;
    }
    .trend_news_card .right h3 {
        font-size: 16px;
    }
    .entertainment_top_cards h3, 
    .full_card a h3, 
    .national .heading_bar h3, 
    .national_news a h3 {
        font-size: 16px;
    }
}
@media (max-width:991px) 
{
	
	.navbar-toggler-icon svg {
        width: 25px;
        height: 25px;
    }
    .main_content {
        padding: 30px 0;
    }
    .swiper_box h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .trend_news_card {
        padding: 10px;
    }
    
    .container {
        max-width:90%;
    }
    .homelogo
	{
		width:80%
	}
    .navbar_header ul li a {
        font-size: 14px;
        padding-right: 10px !important;
    }
    .swiper_slide .slide_content h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .trend_news_card .left {
        width: 25%;
    }
    .trend_news_card .right {
        width: 70%;
    }
    .entertainment_inner {
        padding: 15px;
    }
    .footer_box ul li {
        width: 100%;
        margin-right: 0;
    }
    .single_main h1, .about_us_main h1 {
        font-size: 22px;
    }
    .single_main h3, .about_us_main h3 {
        font-size: 18px;
    }
}
@media (max-width:767px) 
{
	.homelogo
	{
		width:80%
	}
    .top_area {
        display: block;
    }
    .comment_avatar {
        text-align: center;
    }
    .comment_content {
        text-align: center;
    }
    .comment_item {
        padding: 15px;
    }
    .navbar-toggler-icon svg {
        width: 25px;
        height: 25px;
    }
    .main_content {
        padding: 30px 0;
    }
    .swiper_box h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .trend_news_card {
        padding: 10px;
    }
    .trend_news_card .left {
        width: 30%;
    }
    .trend_news_card .right {
        width: 65%;
    }
    .trend_news_card .right h3 {
        font-size: 14px;
        line-height: 1.4;
    }
    .trend_news_card .right span.trend_news_date {
        font-size: 12px;
    }
    .entertainment_heading_bar h3, 
    .top_innernews_heading h3 {
        font-size: 16px;
    }
    .entertainment_top_cards h3, 
    .full_card a h3, 
    .national .heading_bar h3, 
    .national_news a h3 {
        font-size: 14px;
        line-height: 1.4;
    }
    .entertainment_top_cards .news_date, 
    .national_news .news_date {
        font-size: 12px;
    }
    .comment_avatar 
    {
        text-align: center;
    }
    .comment_content 
    {
        text-align: center;
    }
    .comment_item 
    {
        padding: 15px;
    }
    .navbar-toggler-icon svg 
    {
        width:25px;
        height:25px;
    }
    .footer_box h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .footer_box p,
    .footer_box ul li a {
        font-size: 14px;
    }
    .main_footer {
        padding: 30px 0;
    }
    .single_main h1, .about_us_main h1 {
        font-size: 20px;
    }
    .single_main h3, .about_us_main h3 {
        font-size: 16px;
    }
    .single_main p, .about_us_main p,
    .single_main ul li, .about_us_main ul li {
        font-size: 14px;
    }
     ul.pagination li {
        margin: 0 5px; /* Reduce margin between pagination items */
    }
    
    .trending_news .page-link,
    .page-link {
        padding: 0.5rem 0.75rem !important; /* Override Bootstrap's padding */
        font-size: 12px; /* Smaller font size */
    }
    
    .trending_news ul.pagination {
        margin-top: 30px; /* Reduce top margin */
        flex-wrap: wrap; /* Allow items to wrap if needed */
    }
    
    /* Fix for the pr-4 class that's causing overflow */
    .page-item.pr-4 {
        padding-right: 0.5rem !important; /* Override Bootstrap's padding */
    }
}
@media (max-width:479px) 
{
	.homelogo
	{
		width:90%
	}
    .trend_news_card .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .trend_news_card,
    .entertainment_inner,
    .full_card,
    .comment_form_wrapper,
    .comment_item 
    {
        width: 100%;
        box-sizing: border-box;
    }
    .trend_news_card .right {
        width: 100%;
    }
    .entertainment_inner {
        padding: 10px;
    }
    .full_card {
        padding: 10px;
    }
    .comment_form_wrapper,
    .comment_item {
        padding: 10px;
    }
    .comment_form_wrapper h3, 
    .comments_list h3 {
        font-size: 18px;
    }
    .breadcrumb {
        margin-top: 15px;
        padding: 8px !important;
    }
    .breadcrumb-item,
    .breadcrumb-item a {
        font-size: 12px;
    }
    .single_main h1, .about_us_main h1 {
        font-size: 18px;
    }
    .single_main h3, .about_us_main h3 {
        font-size: 16px;
    }
    .single_main_content,
    .about_us_main,
    .contact_us_main {
        padding: 25px 0;
    }
    .contact_us_main h1 {
        font-size: 18px;
    }
}


/* Desktop view on mobile devices */
.desktop-view-on-mobile .trend_news_card .left {
    width: 20% !important;
    display: inline-block !important;
    margin-right: 15px !important;
    vertical-align: middle !important;
}

.desktop-view-on-mobile .trend_news_card .right {
    width: 75% !important;
    display: inline-block !important;
    margin-right: -4px !important;
}

/* Override mobile-specific layouts */
@media (max-width: 767px) {
    .desktop-view-on-mobile .trend_news_card .left {
        width: 20% !important;
    }
    
    .desktop-view-on-mobile .trend_news_card .right {
        width: 75% !important;
    }
    
    .desktop-view-on-mobile .trend_news_card .right h3 {
        font-size: 18px !important;
        line-height: 1.55 !important;
    }
    
    .desktop-view-on-mobile .trend_news_card .right span.trend_news_date {
        font-size: 16px !important;
    }
}

/* Override extra small device layouts */
@media (max-width: 479px) {
    .desktop-view-on-mobile .trend_news_card .left {
        width: 20% !important;
        margin-right: 15px !important;
        margin-bottom: 0 !important;
    }
    
    .desktop-view-on-mobile .trend_news_card .right {
        width: 75% !important;
    }
    
    .desktop-view-on-mobile .entertainment_inner,
    .desktop-view-on-mobile .full_card,
    .desktop-view-on-mobile .comment_form_wrapper,
    .desktop-view-on-mobile .comment_item {
        width: auto !important;
    }
}