* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}
img {width: 100%;height: 100%;object-fit: cover;}

/*  THEME VARIABLES  */
:root {--primary-color:#BA8639;--secondary-color:#DB9E24;--primary-heading-color: #021331;--primary-text-color: #818181;--footer-text-color: #bacce1;--primary-font: "Manrope", sans-serif;--secondary-font: "Inter", sans-serif;}

/*  BASE STYLES  */
body { font-family: var(--primary-font) !important;font-weight: 600;color: var(--primary-text-color);overflow-x: hidden;font-size: 14px;background-color: #fff;}
.container{max-width:1324px;}
a {text-decoration: none;color: inherit;transition: all 0.3s ease;}

.btn:focus {box-shadow: none;}
.dropdown-menu{position:absolute !important;}

/*header*/
.top-dark-bar{background-color: var(--primary-heading-color);padding: 5px 0px;}
.top-dark-bar .date-weather{gap:5px;}
.top-dark-bar .date-weather .weather{gap: 5px;}
.top-dark-bar .date-weather .text{font-weight: 400;font-size: 12px;line-height: 12px;letter-spacing: 0.03em;color: #FFFFFF;}
.top-dark-bar .trusted-tag .trusted-icon{width: 22px;height: 22px;background: var(--primary-color);border-radius: 6px;color: #fff;font-size: 13px;line-height: 22px;text-align: center;margin-right: 10px;}
.top-dark-bar .trusted-tag .text{font-weight: 500;font-size: 12px; color: #fff;}
.top-dark-bar .social-links{gap: 24px;}
.top-dark-bar .social-links span{color: #fff; font-size: 14px;}
.navbar {padding: 4px 0px;background-color: #fff;width:100%;}

.navbar .navbar-brand{max-width:249px;max-height: 98px;height: 100%;width: 100%;margin:0;padding: 0px;}
.navbar-nav{gap: 20px;} 
.navbar-nav .nav-item{max-height:32px;}
.navbar-nav .nav-link{position:relative; font-family: 'Poppins';font-weight: 600;font-size: 14px;line-height: 14px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--primary-heading-color);}
.navbar-nav .nav-link::after{bottom: 0px;content: "";display: block;height: 2px;left: 0;position: absolute;background: var(--primary-color);opacity: 0.6;transition: width 0.3s ease 0s, opacity 0.3s ease 0s;width: 0;}
.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{width: 100%; opacity: 0.9;}
.navbar-nav .round-header-link{overflow:hidden; display: inline-block;width: 32px;height: 32px;background: var(--primary-heading-color);border-radius: 50px;font-size: 16px;line-height: 32px;text-align: center;color: #fff;}
.navbar-nav .header-search-btn{overflow:visible;padding: 0;}
.search-wrapper{position: relative;}
.search-dropdown{position: absolute;top: 100%;right: 0;width: 350px;background: white;padding: 8px;border-radius:10px;box-shadow: 0 10px 25px rgba(0,0,0,0.15);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: 0.25s ease;z-index: 9999;}
/* Input */
.search-dropdown input{ flex: 1;height: 100%;width: 100%;padding: 10px 12px;border: 1px solid #ddd;outline: none;font-size: 14px;border-radius: 10px 0px 0px 10px;}
.search-dropdown input:focus{border-color: var(--primary-color);}
.search-dropdown.active{opacity: 1;visibility: visible;transform: translateY(0);}
.navbar-nav li.has-menu-dropdown{color: var(--primary-heading-color);font-size: 18px;}

.search-box-form{display: flex; align-items: center; width: 100%;height: 45px;background: #fff;border: 1px solid rgba(255,255,255,0.15);border-radius: 10px;overflow: hidden;}
/* Button */
.search-box-form .submit-btn{width: 45px;height: 100%;border: none;background: linear-gradient( 135deg, #d9a441, #b88424);color: white;font-size: 18px;cursor: pointer;transition: 0.25s ease;}
.submit-btn:hover{filter: brightness(1.08);}

/*  DROPDOWN MENU */
.navbar-nav li.has-menu-dropdown {position: relative;}
.navbar-nav li.has-menu-dropdown .dropdown-menu {display: unset;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease;position: absolute !important;top: 100%;left: -159px;padding: 0;min-width: 11rem;border-radius: 5px;overflow: hidden;}
.navbar-nav li.has-menu-dropdown .dropdown-menu li a{color: #fff;font-size: 14px; font-family: 'Poppins';font-weight: 600;line-height: 14px;letter-spacing: 0.04em;text-transform: uppercase;}
.navbar-nav li.has-menu-dropdown .dropdown-menu li a:hover, .navbar-nav li.has-menu-dropdown .dropdown-menu li a.active{color: var(--primary-color);}
.navbar-nav li.has-menu-dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.navbar-nav li.has-menu-dropdown .dropdown-menu li {background-color: #1C273F;padding: 8px;border-bottom: 1px solid rgba(255, 255, 255, 0.7);}

/*SideNav Button */
.sideNav-btn {position: relative;padding: 0px;}

.page-content .main-body{position:relative;/* background-attachment: fixed;background-image: url(../images/news-body-background.jpg);background-repeat: no-repeat;background-size: cover;*/padding: 0px 0px 50px;}
.feed-wrapper{position:relative;}

.fluent-bg{position: fixed;inset: 0;overflow: hidden;z-index: -1;}
.fluent-bg::before{content: ""; position:absolute;left:0;top:0;width:100%;height: 100%;background:linear-gradient(180deg,#9A9A9E 0%,#86868B 35%,#77787D 65%,#6D6E73 100%);opacity:0.5;}

.organic-bg::before{content: ""; position:absolute;left:0;top:0;width:100%;height: 100%; background:linear-gradient(180deg,#9A9A9E 0%,#86868B 35%,#77787D 65%,#6D6E73 100%);}
.organic-bg {
  position: fixed;
  inset: 0;
  overflow: hidden;
  z-index: -1;
  background: #f5f1e8;}
/* COMMON SHAPE STYLE */
.shape {
  position: absolute;
  opacity: 0.45;
  filter: blur(2px);
  border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%;
  animation: float 18s ease-in-out infinite;
}

/* PURPLE */
.shape1 {
  width: 550px;
  height: 550px;
  background: #c8b7df;
  top: -140px;
  left: -120px;
}

/* PINK */
.shape2 {
  width: 700px;
  height: 700px;
  background: #f2cfc7;
  top: -180px;
  left: 180px;
  animation-delay: 2s;
}

/* BLUE */
.shape3 {
  width: 650px;
  height: 650px;
  background: #b8d8e3;
  top: -120px;
  right: -120px;
  animation-delay: 4s;
}

/* GREEN */
.shape4 {
  width: 700px;
  height: 700px;
  background: #c7dfcf;
  bottom: -220px;
  left: -60px;
  animation-delay: 6s;
}

/* CENTER PURPLE */
.shape5 {
  width: 750px;
  height: 750px;
  background: #cdbdde;
  top: 120px;
  left: 420px;
  animation-delay: 8s;
}

/* YELLOW */
.shape6 {
  width: 650px;
  height: 650px;
  background: #e5df9f;
  right: -120px;
  bottom: -180px;
  animation-delay: 10s;
}

/* FLOATING ANIMATION */
@keyframes float {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  25% {
    transform: translate(20px, -25px) rotate(2deg);
  }

  50% {
    transform: translate(-15px, 20px) rotate(-2deg);
  }

  75% {
    transform: translate(15px, 10px) rotate(1deg);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

/*breaking news slider*/
.breaking-news-container{margin-top: 20px;overflow: hidden; padding: 10px 0px 10px 10px;background: #F9F9F9;box-shadow: 0px 0px 30px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;}
.breaking-news-container .heading-block{min-width:170px;color: #E21B22;display: flex;align-items: center;gap:3px;}
.breaking-news-container .heading-block h4{font-family: 'poppins';font-weight: 600;font-size: 14px;letter-spacing: 0.03em;text-transform: uppercase;margin:0;}
.b-news-slider .news-item {display: flex !important; align-items: flex-start; position: relative;padding: 6px;background: #ffffff;border-radius: 5px;gap: 8px;margin-right: 20px;transition: all 0.3s ease;min-width: 256px;}
.b-news-slider .news-item .vl{position: absolute;right: -12px;top: 8px;width: 0px;height: 28px;border: 1px solid #BDBDBD;}
.b-news-slider .news-item .b-news-image{display: inline-block;width: 55px;height: 32px;border-radius: 6px;overflow: hidden;}
.b-news-slider .news-item .b-news-heading{font-family: 'Poppins';font-weight: 500;font-size: 12px;line-height: 130%;color: #000000;max-width: 180px;margin:0;}

/* truncate lines */
.truncate-2-lines {display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}
.truncate-4-lines{display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4; -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}
.truncate-3-lines{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}

/*hero story*/
.hero-story-container{position:relative;margin-top: 20px;min-height: 660px; width:100%;box-shadow: 0px 0px 50px 8px rgba(0, 0, 0, 0.4);border-radius: 12px;overflow: hidden;}
.hero-story-container::before{z-index: 1;content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(270deg, rgba(15, 28, 46, 0) 0%, rgba(15, 28, 46, 0.35) 39.96%, rgba(15, 28, 46, 0.75) 60.1%, rgba(8, 18, 31, 0.95) 93.75%);background-repeat: no-repeat;}
.hero-story-container .hero-story-image{position:absolute;inset: 0;top:0;left:0;width: 100%;height: 100%;object-fit: cover; transition: opacity 0.5s ease;}
.hero-story-container .hero-story-image.fade-out {opacity: 0;}
.hero-story-container .hero-story-image.fade-in {opacity: 1;}
.hero-story-container .hero-story-content{position:relative;z-index:2;max-width:636px;top:64px;left:28px;}

.hero-story-content .top-story-tag{padding: 8px 12px;font-weight: 700;font-size: 14px;line-height: 14px;letter-spacing: 0.04em;text-transform: uppercase;border: 1px solid #abaeb2;color: #abaeb2;border-radius: 5px;width: fit-content;}
.hero-story-content .hero-story-heading{font-family: 'Merriweather';font-weight: 500;font-size: 50px;line-height: 64px;letter-spacing: 0.04em;text-transform: capitalize;color: #FFFFFF;margin:22px 0px 16px;}
.hero-story-content .hero-story-text{font-weight: 500;font-size: 18px;line-height: 26px;letter-spacing: 0.04em;text-transform: capitalize;color: #FFFFFF;margin-bottom: 16px;}
.hero-story-content .meta-data{font-weight: 500;font-size: 16px;letter-spacing: 0.04em;text-transform: capitalize;color: #FFFFFF;gap: 10px;}
.hero-story-content .read-story-btn{position: relative; transition: all 0.3s ease-in-out;line-height: 20px;padding:13px 20px 13px 15px;margin-top:20px;font-weight: 700;font-size: 15px;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFF;}
.hero-story-content .read-story-btn::before{content: "";position: absolute;top: 0;left: 0;display: block;border-radius: 50px;background: var(--primary-color);width: 45px;height: 45px;transition: all 0.3s ease;z-index: -1;}
.hero-story-content .read-story-btn i{transform: translateX(-5px);transition: all 0.3s ease-in-out;margin-left:8px;}
.hero-story-content .read-story-btn:hover::before{width: 100%; background: var(--primary-color);}
.hero-story-content .read-story-btn:hover i{transform: translateX(0px);}
.hero-story-content .read-story-btn:active {transform: scale(0.95);}
.hero-story-container .hero-stories-slider-wrapper{position:relative;z-index: 2;top:100px;left: 20px;max-width: 97%;}
.hero-stories-slider .story-item{padding: 10px;gap: 10px;display: flex !important;align-items: flex-start;background: rgba(2, 18, 41, 0.4);border: 1px solid #475060;backdrop-filter: blur(25px);border-radius: 6px;margin: 0px 7px;}
.hero-stories-slider .story-item {cursor: pointer;transition: 0.3s;}
.hero-stories-slider .story-item.active {border: 1px solid #d89b3c;background: rgba(255,255,255,0.08);}
.hero-stories-slider .story-item .story-image{width: 85px;height: 85px;border-radius: 5px;overflow: hidden;}
.hero-stories-slider .story-item .story-content .category-tag{font-weight: 700;font-size: 12px;line-height: 14px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--primary-color);}
.hero-stories-slider .story-item .story-content .story-heading{font-weight: 600;font-size: 12px;line-height: 16px;text-transform: capitalize;color: #FFFFFF;margin:7px 0px 0px 0px;max-width:121px;}
.hero-story-container .hero-stories-slider-wrapper .control-btn{position: absolute;padding: 0; width: 30px;height: 30px;background: rgba(22, 38, 61, 0.85);backdrop-filter: blur(10px);border-radius: 5px;top: 35px;color: #fff;line-height: 30px;text-align: center;}
.hero-story-container .hero-stories-slider-wrapper .control-btn.prev-btn{left:-12px;}
.hero-story-container .hero-stories-slider-wrapper .control-btn.next-btn{right:-8px;}

/*trending now row*/
.trending-now-container{display: flex;align-items: center;padding: 13px 15px;gap: 25px;background: #FFFFFF;box-shadow: 0px 0px 14.9px 8px rgba(0, 0, 0, 0.1);border-radius: 10px;margin-top: 20px;}
.trending-now-container .head-block span{color: #E21B22;font-size: 20px;margin-right: 10px;}
.trending-now-container .head-block h3{font-weight: 800;font-size: 20px;letter-spacing: 0.04em;color: var(--primary-heading-color);margin:0;}
.trending-now-container .trend-hashtags .hashtag{font-weight: 800;font-size: 15px;line-height: 20px;letter-spacing: 0.04em;color: var(--primary-heading-color);margin-right:18px ;}
.trending-now-container .trend-hashtags .hashtag:last-child{margin-right: 0;}

/*Main news body*/
.news-body-container{padding: 20px;background: #F7F7F7;box-shadow: 0px 0px 50px 8px rgba(0, 0, 0, 0.4);border-radius: 12px;margin-top: 20px;}
.feed {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
.feed .normal-height{height:304px;}
.feed .normal-width{grid-column:span 1;}
.feed .wide{grid-column:span 2;}

/* tablet + mobile */
@media (max-width: 580px){
    .feed{
        grid-template-columns:1fr;
    }

    .feed .wide{
        grid-column:span 1;
    }}
/*global setting for news cards in feed*/
.feed .news-card{background: #FFFFFF;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.14);border-radius: 8px;overflow: hidden;transition: all 0.3s ease-in-out;}
.feed .news-card:hover{transform: translateY(-2px);}

.feed .news-card.content-card{padding: 16px;}
.feed .top-carousel{height: 100%;width:100%;}
.feed .top-carousel .carousel-inner,.feed .top-carousel .carousel-item{height: 100%;}
.feed .top-carousel .carousel-item::before{content: "";z-index:1; position: absolute;width: 100%;height: 100%;background: linear-gradient(360deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.27) 45%, rgba(0, 0, 0, 0.08) 75%, rgba(0, 0, 0, 0) 100%);}
.feed .top-carousel .carousel-caption{left:16px;right: 16px;z-index:2; padding-bottom: 8px;}
.feed .top-carousel .carousel-caption .news-heading,.wide-news-story .story-content .story-heading{font-weight: 700;font-size: 24px;line-height: 32px;color: #FFFFFF;margin-bottom:14px;}
.wide-news-story .category-tag{position:absolute;top:20px; left:20px;}
.feed .top-carousel .carousel-caption .meta-data span,.wide-news-story .story-content .meta-data span,.wide-news-story .category-tag{font-weight: 600;font-size: 14px;line-height: 18px;color: #FFFFFF;}
.feed .top-carousel .carousel-indicators{margin-bottom: 6px;z-index:3;}
.feed .top-carousel .carousel-indicators [data-bs-target] {width: 8px !important;height: 8px !important;border-radius: 50%;background-color: #F0F0F0 !important;margin:0px 5px;}
.feed .top-carousel .carousel-indicators .active{background-color: var(--primary-color);}

.feed .news-card .card-news-image{height: 50%;overflow: hidden;aspect-ratio: 1.98 / 1;}
.feed .news-card:hover .card-news-image{filter: brightness(0.9);}
.feed .news-card .news-content{padding: 12px 16px 10px 16px;}
.feed .news-card .news-content .tag{font-weight: 600;font-size: 14px;line-height: 18px;color: var(--primary-text-color);}
.feed .news-card .news-content .card-news-heading{font-weight: 600;font-size: 20px;line-height: 26px;color: var(--primary-heading-color);margin: 8px 0px;}

.feed .news-card .news-card-heading .text{font-weight: 700;font-size: 14px;line-height: 16px;color: var(--primary-heading-color);}
.feed .news-card .news-card-heading{margin-bottom: 10px;}
.feed .news-card .news-card-heading .icon{color: var(--primary-color);font-size: 14px;margin-right: 5px;}
.feed .news-card .top-story{padding: 5px;margin:2px 0px;border-radius: 4px;}
.feed .news-card .top-story:hover{background-color: #f5f5f5;}
.feed .news-card .top-story .meta-data .text{color: var(--primary-color);font-weight: 500;font-size: 12px;line-height: 14px;}
.feed .news-card .top-story .meta-data .dot{margin: 3px 4px;display: inline-block;width: 3px;height: 3px;border-radius: 50%;background: var(--primary-color);}
.feed .news-card .top-story .top-story-heading{font-weight: 600;font-size: 14px;line-height: 20px;color: var(--primary-heading-color);margin:8px 0px 0px 0px;}

.feed .weather-card{background: radial-gradient(100% 100% at 100% 0%, #758BBC 0%, #1C4481 100%);padding: 16px;}
.feed .weather-card .weather-card-heading{font-weight: 800;font-size: 18px;letter-spacing: 0.04em;margin-bottom: 18px;color: #fff;}
.feed .weather-card .weather-card-heading .icon{color: var(--primary-color);}
.feed .weather-card .weather-location{font-weight: 700;font-size: 16px;color: #FFFFFF;margin-bottom: 14px;}
.feed .weather-card .temperature-block .icon{display: inline-block;width: 72px;height: 72px;}
.feed .weather-card .temperature-block .text{font-family: 'Inter';font-style: normal;font-weight: 600;font-size: 50px;line-height: 61px;color: #FFFFFF;}
.feed .weather-card .weather-info{font-weight: 700;font-size: 14px;color: #FFFFFF;margin: 5px 0px 0px auto;padding-right: 18px;}
.feed .weather-card .weather-info-block{padding: 10px;border: 1px solid #E5E7EB;border-radius: 5px;margin-top: 28px;margin-bottom: 14px; gap:9px;font-family: var(--secondary-font);font-weight: 500;font-size: 13px;letter-spacing: -0.04em;color: #FFFFFF;}
.feed .weather-card .full-forecast-btn{font-weight: 500;font-size: 16px;color: var(--primary-color);text-align: left;padding: 0;}

.feed .tags-block{gap:12px;margin-top: 18px;}
.feed .tags-block .tag{padding: 6px;background: #F1F1F1;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 5px;font-weight: 600;font-size: 12px;line-height: 16px;color: #545E69;}
.feed .tags-block .tag:hover {background: rgba(216, 168, 80, 0.3);color: var(--primary-color);border: 1px solid rgba(216, 168, 80, 0.3);}

/* poll card */
.feed .news-card.large-height{height: 350px;}
.feed .poll-card .head {margin-bottom: 8px;}
.feed .poll-card .head .dot{display: inline-block;border-radius: 50%;margin-right: 7px;width: 9px;height: 9px;background: var(--primary-color);}
.feed .poll-card .head .poll-title {font-weight: 600;font-size: 16px;color: var(--primary-color);margin: 0;}
.feed .poll-card .poll-question {font-weight: 600;font-size: 14px;line-height: 20px;color: var(--primary-heading-color);margin-bottom: 10px;}
.feed .poll-card .poll-votes-count {font-weight: 600;font-size: 12px;color: rgba(0, 0, 0, 0.8);margin: 10px 0 0 0;}

/* POLL OPTION FORM*/
.feed .poll-card .poll-option {border: 2px solid rgba(0, 0, 0, 0.2);display: flex;align-items: center;gap: 16px;padding:7px 16px;margin-bottom: 8px;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;font-weight: 600;font-size: 12px;color: #222222;}
.feed .poll-card .poll-option input {height: 14px;width: 14px;border-color: #555;display: none;}
.feed .poll-card .poll-option:hover {background: rgba(216, 168, 80, 0.2);}

/* Active selected state */
.feed .poll-card .poll-option.active {background: rgba(216, 168, 80, 0.2);border: 2px solid #c19145;color: var(--primary-color);}
/* Scroll bar */
.feed .poll-card::-webkit-scrollbar{width: 4px;}
.feed .poll-card::-webkit-scrollbar-track {background: #f6f6f6;}
.feed .poll-card::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 10px;}
.feed .poll-card::-webkit-scrollbar-thumb:hover {background: var(--primary-color);}

/* Outer circle */
.feed .poll-card .custom-radio {width: 14px;height: 14px;border: 1px solid var(--primary-color);border-radius: 50%;display: inline-block;position: relative;}
/* Inner filled circle */
.feed .poll-card .custom-radio::after {content: "";width: 10px;height: 10px;background: var(--primary-color);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: 0.2s ease;}
/* When selected */
.feed .poll-card .poll-option.poll-option input:checked+.custom-radio::after {transform: translate(-50%, -50%) scale(1);}
.feed .poll-card .poll-option.poll-option input:checked~span:last-child {color: var(--primary-color);}

/* Golden Button */
.feed .poll-card .vote-btn {background: linear-gradient(180deg, #e8c273, #b07a1f);padding: 7px;border-radius: 8px;color: #fff;font-weight: 700;font-size: 14px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.2),0 0 8px rgba(255, 200, 80, 0.3);border: none;}
.feed .poll-card .vote-btn:hover { color: #fff;box-shadow:0 6px 14px rgba(0, 0, 0, 0.25),0 0 12px rgba(255, 200, 80, 0.5);}

.wide-news-story,.quiz-card{position: relative;}
.wide-news-story::before{z-index:1;content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(360deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.27) 45%, rgba(0, 0, 0, 0.08) 75%, rgba(0, 0, 0, 0) 100%);}
.wide-news-story .story-image, .quiz-card .quiz-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wide-news-story .story-content{position: relative;z-index: 2; top: 65%;left: 0px;padding: 0px 16px 10px 16px;}

.quiz-card::before{z-index:1;content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));}
.quiz-card .quiz-content{position: relative;z-index: 2;max-width: 220px; left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.quiz-card .quiz-content .quiz-heading{font-weight: 800;font-size: 22px;text-transform: uppercase; color: #ffffff;margin-bottom: 8px;text-shadow:0 0 4px rgba(255, 255, 255, 0.6), 0 0 8px rgba(255, 255, 255, 0.4);}
.quiz-card .quiz-content .quiz-text {font-weight: 700;font-size: 14px;color: #ffffff;margin-bottom: 14px;}
.quiz-card .quiz-content .start-quiz-btn{padding: 10px 16px;background: linear-gradient(180deg, #D7B166 27.88%, #845D15 100%);box-shadow: 0px 8px 20px 2px rgba(180, 135, 54, 0.25);border-radius: 8px;font-weight: 800;font-size: 14px;text-transform: uppercase;color: #FFFFFF;}
.quiz-card .quiz-content .start-quiz-btn i{margin-left:8px;}

/*ABOUT TV19 Section*/
.about-brand-section {padding: 45px 0px 40px;background-color: #fff;}
.about-brand-section .about-brand-content .head {gap: 22px; margin-bottom: 18px;}
.about-brand-content .head .head-icon {height: 45px;width: 45px;background: var(--primary-color);border-radius: 10px;color: #fff;font-size: 22px;padding: 7px;text-align: center;}
.about-brand-content .head h3 {font-weight: 700;font-size: 24px;color: var(--primary-heading-color);margin: 0;}
.about-brand-content .head h3 P {margin: 0;}
.about-brand-section .about-brand-content .about-text {font-weight: 600;font-size: 16px;line-height: 26px;color: #484c50;margin-bottom: 18px;}
.about-brand-section .about-brand-content .about-text:last-child {padding-right: 40px;}

/*TV19 Card*/
.about-brand-section .about-brand-card-wrapper {padding-left: 60px;}
.about-brand-section .about-brand-card-wrapper .about-brand-card {padding: 36px 50px;background: #ffffff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);border-radius: 16px;}
.about-brand-section .about-brand-card-wrapper .about-brand-card .tagline {text-align: center;font-weight: 700;font-size: 13px;letter-spacing: 0.09em;text-transform: uppercase;color: #484c50;margin: 10px 0 0 0;}

/*Footer*/
footer{background: var(--primary-heading-color);border-top: 4px solid var(--primary-color);}
.footer-main-section{padding: 45px 0px 75px;}
.footer-main-section .footer-left-about .tv19-logo{max-width: 326px;width: 100%;height: auto;margin-bottom: 10px;}
footer p{font-weight: 600;font-size: 14px;line-height: 22px;color: var(--footer-text-color);margin:0;text-align: center;}
.footer-main-section .footer-main-right{padding-left: 56px;}
.footer-main-section .footer-links-column{width: 30%;position: relative;}
.footer-main-section .footer-social-column{width: 40%;position: relative;}
.head .footer-heading{font-weight: 700;font-size: 18px;line-height: 24px;letter-spacing: 0.04em;margin-bottom: 10px;color: #FFFFFF;}
.footer-links-column .head .head-bottom-bar{width: 47px;height: 5px;background: var(--primary-color);border-radius: 2px;}
.footer-links-column .footer-links-list{margin-top:12px;}
.footer-links-column .footer-links-list li{padding: 4px 0px;margin-bottom: 8px;}
.footer-links-column .footer-links-list li .footer-nav-link{font-family: var(--secondary-font);font-weight: 500;font-size: 15px;line-height: 20px;color: var(--footer-text-color);}
.trending-now-container .trend-hashtags .hashtag a:hover,.footer-links-column .footer-links-list li .footer-nav-link:hover,footer .copy-right-row p a:hover {color: var(--primary-color) !important;}
.footer-links-column::before,.footer-social-column::before{position: absolute;content: "";height: 100%;left: -32px;top: 0px;border: 1px solid #455871;}
.footer-social-column .head .footer-text{text-align: left;margin: 8px 0px 16px;}
.newsletter-input input:focus {background-color: unset !important;}
.newsletter-input{width:100%;height:50px;display:flex;align-items:center;background:#00163a;border:1px solid #5A5F6A;border-radius:8px;overflow:hidden;}
.newsletter-input input{flex:1;height:100%;border:none;outline:none;background:transparent;padding:0 18px;color:#fff;font-size:14px;font-weight:500;}
.newsletter-input input::placeholder{color:var(--footer-text-color)}

/* BUTTON */
.newsletter-input button{width:52px;height:100%;background:var(--primary-color);color:#fff;font-size:20px;cursor:pointer;border-radius: 0; transition:.25s ease;}
.newsletter-input button:hover{color: #fff;}

.footer-main-section .social-media-block{margin-top: 35px;}
.footer-main-section .social-media-block h4 {font-weight: 600;font-size: 18px;color: #ffffff;margin: 0 20px 0 0;}
.footer-main-section .social-media-block .social-links {gap: 8px;}
.footer-main-section .social-media-block .social-links .social-box {display: inline-block;padding: 10px 0; width: 45px;height: 45px;background: #183354;border-radius: 100px;font-size: 18px;color: #ffff;text-align: center;transition: all 0.3s ease;}
.footer-main-section .social-media-block .social-links .social-box:hover {background-color: var(--primary-color); transform: translatey(-3px);}
footer .copy-right-row {border-top: 1px solid #dfdfdf;padding: 16px 0;}
footer .copy-right-row p {font-family: "Inter"; font-weight: 400; line-height: 28px;color: var(--footer-text-color);margin: 0;}
footer .copy-right-row p .dot {display: inline-block;height: 4px;width: 4px;border-radius: 10px;background-color: #7c91aa;margin: 3px 12px;}

/* Back to top button*/
.back-to-top {position: fixed;bottom: 25px;right: 25px;width: 50px;height: 50px;background: var(--primary-color);color: #fff;border-radius: 50%;text-align: center;line-height: 50px;font-size: 20px;cursor: pointer;z-index: 9999;display: none;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;}
.back-to-top:hover {background: rgba(216, 168, 80, 0.3);border: 1px solid var(--primary-color);transform: translateY(-3px);color: var(--primary-color);}

/* QUIZ BLOCK*/
.quiz-block .quiz-block-content {position: relative;text-align: center;}
.quiz-block .quiz-block-content .quiz-heading{font-weight: 800;font-size: 22px;text-transform: uppercase; color: #ffffff;margin-bottom: 8px;text-shadow:0 0 4px rgba(255, 255, 255, 0.6), 0 0 8px rgba(255, 255, 255, 0.4);}
.quiz-block .quiz-block-content .quiz-text {font-weight: 700;font-size: 13px;color: #ffffff;margin-bottom: 10px}
.tv19-start-btn i {margin-left: 6px;}
.quiz-share-link {position: absolute;top: 2px;left: 3px;z-index: 5;font-size: 16px;}

/* Background Image */
.tv19-story-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;transition:transform 10s linear,opacity 0.5s ease;}
.animate-zoom {transform: scale(1.15);}

/* Overlay */
.tv19-story-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(to bottom,rgba(0, 0, 0, 0.2) 0%,rgba(0, 0, 0, 0.6) 50%,rgba(0, 0, 0, 0.95) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 16px;z-index: 2;}

/* --- START SCREEN STYLES --- */
.tv19-start-screen {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;text-align: center;animation: slideUp 0.6s ease;}
.tv19-last-played {width: 100%;padding: 7px;border-radius: 14px;background: rgba(0, 0, 0, 0.45);border: 1px solid rgba(255, 255, 255, 0.12);backdrop-filter: blur(6px);text-align: center;}
.tv19-lp-date {color: rgba(255, 255, 255, 0.8);font-size: 12px;margin-bottom: 2px;}
.tv19-lp-score {color: #fff;font-weight: 800;font-size: 12px;}
.tv19-lp-acc {color: rgba(255, 255, 255, 0.9);font-weight: 700; font-size: 12px;}
.tv19-res-fill { height: 100%; width: 0%;background-color: var(--primary-color);border-radius: 10px; transition: width 1s cubic-bezier(0.25, 1, 0.5, 1);}
.tv19-start-btn {animation: pulseBtn 2s infinite;transition: transform 0.2s;position: relative;overflow: hidden;padding: 8px 12px;background: linear-gradient(180deg, #e8c273, #b07a1f);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25), 0 0 6px rgba(255, 210, 120, 0.35), 0 0 14px rgba(255, 190, 80, 0.25);border-radius: 10px;font-family: var(--secondary-font);font-weight: 700;font-size: 12px;line-height: 14px; color: #ffffff;text-transform: uppercase;}
.tv19-start-btn:hover {transform: scale(1.05);color: #fff;}
.tv19-quiz-game {display: none;width: 100%;}

/* Progress Bar & Count */
.tv19-progress-container { position: absolute; top: 16px; left: 25px;right: 16px;}
.tv19-progress-bar {height: 4px;background: rgba(255, 255, 255, 0.3);border-radius: 10px;overflow: hidden;}
.tv19-progress-fill {height: 100%;width: 0%;background: var(--primary-color);box-shadow: 0 0 10px var(--primary-color); transition: width 0.5s ease;}
.tv19-q-count {text-align: right;color: rgba(255, 255, 255, 0.8);font-size: 10px;font-weight: 700;margin-top: 5px;text-transform: uppercase;letter-spacing: 1px;}

/* Question & Options */
.tv19-story-tag {background: var(--primary-color);color: #fff;padding: 5px 9px;border-radius: 20px;font-size: 10px;font-weight: 800;text-transform: uppercase;align-self: flex-start;margin-bottom: 5px;display: inline-block;}
.tv19-story-question {font-size: 12px;font-weight: 800;color: #fff;margin-bottom: 12px;line-height: 1.35;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);animation: slideUp 0.5s ease;}
.tv19-story-options {display: flex;flex-direction: column; gap: 6px;}
.tv19-story-btn {background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.25);color: #fff; padding: 6px 12px;border-radius: 10px;font-size: 12px;font-weight: 600;cursor: pointer;text-align: left;transition: 0.3s;position: relative;opacity: 1;}

/* Staggered Animation */
.tv19-story-btn:nth-child(1) {animation-delay: 0.1s;}
.tv19-story-btn:nth-child(2) {animation-delay: 0.2s;}
.tv19-story-btn:nth-child(3) {animation-delay: 0.3s;}
.tv19-story-btn:hover {background: rgba(255, 200, 34, 0.15);border-color: var(--primary-color);transform: translateY(-3px);}
.tv19-story-btn.correct {background: #2ecc71 !important;border-color: #2ecc71 !important;animation: shake 0.4s;}
.tv19-story-btn.wrong {background: var(--primary-color) !important;border-color: var(--primary-color) !important;}
.tv19-story-btn.disabled {pointer-events: none;}
.tv19-next-btn {background: var(--primary-color);color: #fff;border: none;padding: 6px;border-radius: 50px;font-weight: 800;width: 100%;margin-top: 8px;cursor: pointer;text-transform: uppercase;letter-spacing: 1px;display: none;animation: slideUp 0.4s ease;font-size: 12px;}
.tv19-next-btn:hover { background: var(--secondary-color);}

/* Result Screen */
.tv19-result-screen {display: none;text-align: center; height: 100%;flex-direction: column;justify-content: center;align-items: center;}
.tv19-score-box {font-size: 40px;font-weight: 900;color: var(--primary-color);margin-bottom: 10px;text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

/* ========= */
/* ANIMATIONS */
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes slideUp {from {transform: translateY(20px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}
@keyframes pulseBtn {0% {box-shadow: 0 0 0 0 rgba(255, 220, 34, 0.4);}70% {box-shadow: 0 0 0 15px rgba(255, 87, 34, 0);}100% {box-shadow: 0 0 0 0 rgba(255, 87, 34, 0);}}
@keyframes shake {0%,100% {transform: translateX(0);}10%,90% {transform: translateX(-5px);}50% { transform: translateX(5px);}}

.tv19-poll-card {display: flex;flex-direction: column;justify-content: center;}
.tv19-poll-badge {display: flex;align-items: center;gap: 8px;}
.tv19-poll-badge::before {content: "";width: 8px;height: 8px;background: var(--primary-color);border-radius: 50%;display: block;box-shadow: 0 0 8px var(--primary-color);}
.tv19-poll-opt:hover { border-color: var(--primary-color);transform: translateX(5px);}
.tv19-poll-opt input {accent-color: var(--primary-color);margin-right: 15px;}

/* Poll Results */
.tv19-poll-res {display: none;margin-top: 8px;}
.tv19-res-row {margin-bottom: 8px;}
.tv19-res-head {display: flex;justify-content: space-between;font-weight: 700;font-size: 14px;margin-bottom: 5px;color: #555;}
.tv19-res-bg {width: 100%;height: 10px;background: #eee;border-radius: 10px;overflow: hidden;}
.tv19-story-btn.is-locked {opacity: 1 !important;visibility: visible !important;display: block !important;pointer-events: none;}
.tv19-story-btn.wrong { background: var(--primary-color) !important;color: #fff !important;}
.tv19-story-btn.correct {background: #2ecc71 !important;color: #fff !important;}

/* RESPONSIVENESS */
@media(max-width:1199px){
    .navbar .navbar-brand {max-width: 218px;}
    .hero-story-container{min-height: 590px;}
    .hero-story-content .hero-story-heading{font-size: 35px;line-height: 46px;}
    .hero-story-container .hero-story-content{max-width: 560px;}
    .hero-story-content .hero-story-text{font-size: 16px;line-height: 24px;}
    .hero-story-content .meta-datap{font-size: 14px;}
    .hero-story-content .read-story-btn{font-size: 14px;padding: 11px 15px;}
    .hero-story-content .read-story-btn::before{width: 42px;height:42px;}

    .trending-now-container .head-block{min-width:170px;}
    .trending-now-container .head-block h3{font-size: 16px;}
    .feed .news-card .card-news-image{aspect-ratio: 2.3 / 1;}
    .feed .news-card .news-content .card-news-heading{font-size: 18px;line-height: 25px;margin: 8px 0px;}

    .about-brand-section .about-brand-card-wrapper {padding-left: 0px;}

    .footer-main-section .social-media-block{flex-wrap:wrap;gap:14px;}
    .footer-main-section .footer-main-right {padding-left: 30px;}

    /*About tv 19 section*/
    .about-brand-content .head .head-icon {height: 40px;width: 40px;padding: 5px;}
    .about-brand-section .about-brand-content .head {gap: 14px;}
    .about-brand-content .head h3 {font-size: 20px;}
    .about-brand-section .about-brand-content .about-text {font-size: 14px;line-height: 23px;margin-bottom: 12px;}
    .about-brand-section .about-brand-content .about-text:last-child {padding-right: 20px;}
    .about-brand-section .about-brand-card-wrapper {padding-left: 26px;}
    .about-brand-section {padding: 34px 0px 16px;}
}
@media(max-width:991px){
    .hero-story-container .hero-story-content {max-width: 400px;top: 54px; left: 20px;}
    .hero-story-container .hero-stories-slider-wrapper{max-width: 95.7%;}
    .hero-story-content .top-story-tag{padding: 6px 12px;font-size: 12px;}
    .hero-story-content .hero-story-heading {font-size: 25px;line-height: 36px;margin: 16px 0px 10px;}
    .hero-story-content .hero-story-text {font-size: 14px;line-height: 22px;}
    .hero-story-content .meta-data{font-size: 12px;}
    .hero-story-content .read-story-btn {font-size: 12px;padding: 8px 10px;}
    .hero-story-content .read-story-btn::before {width: 36px;height: 36px;}
    .hero-story-container { min-height: 525px;}
    .trending-now-container .trend-hashtags .hashtag{font-size: 14px;}

    .about-brand-section .about-brand-card-wrapper .about-brand-card {max-width: 320px;margin-top: 15px;}
    .about-brand-section {padding: 25px 0px;}

    .footer-main-section {padding: 28px 0px 40px;}
    .footer-main-section .footer-left-about{margin-bottom: 30px;}
    .footer-main-section .footer-left-about .tv19-logo {max-width: 220px;margin-left: auto;margin-right: auto;}
    .footer-main-section .footer-main-right {padding-left: 15px;}
    .head .footer-heading,.footer-main-section .social-media-block h4 { font-size: 15px;line-height: 18px;}
    .footer-links-column .footer-links-list li {padding: 2px 0px;}
    .footer-links-column .footer-links-list li .footer-nav-link{font-size: 14px;line-height: 14px;}
    footer .copy-right-row{padding: 6px 0;}
}
@media (max-width: 768px) {
    .navbar .navbar-brand {
        max-width: 192px;
    }
}
@media(max-width:736px){
    .trusted-tag{display:none !important;}
}
@media(max-width:600px){
    .footer-main-section .footer-main-right{flex-wrap:wrap;}
    .footer-main-section .footer-links-column { width: 50%;}
    .footer-main-section .footer-social-column {width: 100%;margin-top: 30px;text-align: center;}
    .footer-main-section .social-media-block {margin-top: 20px;margin-left: auto;margin-right: auto;width: fit-content;}
}
/* Mobile */
@media (max-width: 500px) {
    .feed .wide{grid-column:span 1;}
    .hero-story-container .hero-stories-slider-wrapper {max-width: 90%;top: 80px;}
    .breaking-news-container .heading-block{display: none !important;}
    .top-dark-bar .social-links{display: none !important;}
    .top-dark-bar .date-weather{margin: 0px auto;}
    .navbar .navbar-brand {max-width: 160px;}
    .navbar-nav {gap: 10px;}   
    .navbar-nav .round-header-link{width: 28px;height: 28px;line-height: 28px;font-size: 13px;}
    .hero-story-content .hero-story-heading {font-size: 20px;line-height: 26px;margin: 12px 0px 10px;}
    .hero-story-container .hero-story-content { max-width: 331px;top: 50px;left: 12px;}
    .hero-story-container {min-height: 470px;}
    .trending-now-container{flex-wrap:wrap;gap:16px;}
    .trending-now-container .head-block {min-width: 140px;}
    .hero-stories-slider .story-item .story-content .story-heading{max-width:220px;}
    .back-to-top {bottom: 20px;right: 20px;width: 38px;height: 38px;line-height: 38px;font-size: 16px;}
    .search-dropdown {right: -100px;width: 280px;}
    .search-box-form{height:40px;}
    .search-box-form .submit-btn{width:38px;font-size: 15px;}
    .hero-story-content .top-story-tag {padding: 5px 8px;font-size: 10px;}
    .trending-now-container .head-block span,.trending-now-container .head-block h3{font-size: 14px;}
    .trending-now-container .trend-hashtags .hashtag {font-size: 12px;margin-right:12px;}
}

/*Category page*/
.category-header-wrapper{margin-bottom: 20px;}
.category-header-wrapper .breadcrumb-item{font-family: 'Poppins';font-weight: 500;font-size: 16px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--primary-heading-color);}
.category-header-wrapper .breadcrumb-item.active{color: var(--primary-color);}
.category-header-wrapper .category-heading{font-family: 'Merriweather';font-weight: 700;font-size: 50px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--primary-heading-color);margin:0;}
.category-header-wrapper .category-sub-menu{gap: 24px;margin:0;}
.category-header-wrapper .category-sub-menu .menu-item{font-family: 'Poppins';font-weight: 600;font-size: 16px;letter-spacing: 0.04em;text-transform: capitalize;color: var(--primary-heading-color);}
.category-header-wrapper .category-sub-menu .menu-item a.active{border-bottom: 2px solid var(--primary-color);}
.category-header-wrapper .category-sub-menu .menu-item.has-sub-menu {position: relative;}
.category-header-wrapper .category-sub-menu .menu-item.has-sub-menu .sub-category-dropdown{overflow-y: auto; display: unset;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease;position: absolute !important;top: 100%;left: -145px;padding: 0; min-width: 160px;border-radius: 5px;background-color: #fff;z-index: 5;}
.category-header-wrapper .category-sub-menu .menu-item.has-sub-menu:hover .sub-category-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
.category-header-wrapper .category-sub-menu .menu-item.has-sub-menu .sub-category-dropdown .sub-menu-item{padding: 8px 10px;border-bottom: 1px solid #EEEEEE;}
.category-header-wrapper .category-sub-menu .menu-item.has-sub-menu .sub-category-dropdown .sub-menu-item a:hover,.category-header-wrapper .category-sub-menu .menu-item a:hover{color: var(--primary-color);}
.category-header-wrapper .category-sub-menu .menu-item.has-sub-menu .sub-category-dropdown .sub-menu-item a.active{color: var(--primary-color);border:none;}

@media(max-width:1199px){
  .category-header-wrapper .category-sub-menu {gap: 14px;}
  .category-header-wrapper .category-heading{font-size: 38px;}
  .category-header-wrapper .category-sub-menu .menu-item{font-size: 14px;letter-spacing: 0px;}
  .category-header-wrapper .breadcrumb{margin-bottom: 10px;}
}
@media(max-width:768px){
  .category-header-wrapper .category-heading {font-size: 26px;}
}
@media (max-width: 500px) {
    .category-header-wrapper .category-heading {font-size: 22px;}
    .category-header-wrapper .breadcrumb-item{font-size: 12px;}
}

.wide-news-story.author-card .story-content{top:63%;}