*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

:root{
  --white:#ffffff;
  --black:#111111;

  --text-dark:#1a1a1a;
  --text-light:#555;

  --brand-yellow:#fba51a;   /* Realty accent */
  --highlight-red:#faa61b;  /* Editorial highlight */
}

html{
  font-size:100%; /* 16px base */
}
/** {
  font-family: Arial !important;
}*/
body{
  font-family: Arial, sans-serif !important;
  font-size:1rem;
  color:var(--text-dark);
  line-height:1.65;
  background:var(--white);
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family: Arial, sans-serif !important;
  color:var(--text-dark);
  margin-bottom:0.8rem;
}

h1{
  font-size:2.4rem;
  font-weight:700;
  line-height:1.2;
}

h2{
  font-size:1.8rem;
  font-weight:700;
}

h3{
  font-size:1.4rem;
  font-weight:700;
}

/* Paragraph */
p{
  font-size:1rem;
  color:var(--text-light);
  margin-bottom:1rem;
}


.container{
    /*width:90%;*/
    max-width:1200px;
    margin:auto;
}

.site-header{
  background:#fff;
  border-bottom:0.0625rem solid #e5e5e5;
  position: sticky;
  top: 0px;
  z-index: 99;
}

.section-title{
  display: inline-block;
  background: #faa61b;
  color: #fff;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.cat-title {
  display: inline-block;
  background: #faa61b;
  color: #fff;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 0;
}

.logo img{
    max-height:60px;
}

/* Menu */
.menu{
    list-style:none;
    display:flex;
    gap:25px;
}

.menu li{
    position:relative;
}

.menu li a{
  font-size:0.95rem;
  font-weight:500;
  color:#111;
  letter-spacing:0.02rem;
  text-decoration: none;
}


.menu li a:hover{
  color:var(--highlight-red);
  transition: all ease 0.4s;
}
/* Thin underline */
/*.menu li a::after{
  content: "";
  position: absolute;
  top: 29%;
  right: 0;
  width: 0;
  height: 0.125rem;
  background: var(--highlight-red);
  transition: 0.3s ease;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu li a:hover::after{
  width:100%;
}
*/
/* Submenu */
.menu li ul{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    display:none;
    min-width:200px;
    padding:10px 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.menu li:hover ul{
    display:block;
}

.menu li ul li a{
    padding:10px 15px;
    font-weight:400;
}

/* Right Side */
.header-right{
    display:flex;
    align-items:center;
    gap:15px;
}

.search-icon,
.mobile-toggle{
    cursor:pointer;
    font-size:20px;
}

/* Search Overlay */
/* Search Overlay */
.search-overlay{
    position:fixed;
    inset:0;
    /*background:var(--highlight-red);*/
    background: rgba(0,0,0,0.65); 
    backdrop-filter: blur(6px);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:all 0.4s ease;
}

.search-overlay.active{
    opacity:1;
    visibility:visible;
}

/* Search Box Animation */
.search-box{
    background:#fff;
    width:90%;
    max-width:550px;
    padding:40px;
    position:relative;
    transform:translateY(-30px) scale(0.95);
    opacity:0;
    transition:all 0.4s ease;
    border-radius:8px;
}

.search-overlay.active .search-box{
    transform:translateY(0) scale(1);
    opacity:1;
}

.search-box form{
    display:flex;
    gap:10px;
}

.search-box input{
    flex:1;
    padding:14px;
    font-size:16px;
    border:1px solid #ddd;
    border-radius:4px;
    outline:none;
}

.search-box input:focus{
     border-color:var(--highlight-red);
}

.search-box button{
    padding:0 18px;
    background:var(--highlight-red);
    border:none;
    color:#fff;
    font-size:16px;
    border-radius:4px;
    cursor:pointer;
    transition:0.3s;
}

.search-box button:hover{
    background:#cc2f00;
}

/* Close Icon */
.close-search{
    position:absolute;
    top:15px;
    right:20px;
    font-size:22px;
    cursor:pointer;
    color:#333;
    transition:0.3s;
}

.close-search:hover{
    color:var(--highlight-red);
}
/* Mobile */
.mobile-toggle{
    display:none;
}

.logo img {
  max-height: 100px;
  object-fit: cover;
  width: 100%;
}

.site-title{
    color:#fff;
    font-size:24px;
    font-weight:700;
    text-decoration:none;
}

.menu-close {
  display: none;
}

@media(max-width: 991px){
  .logo img {
   max-height: 65px;
 }
 .header-inner{
  padding:10px 15px;
 }

}

@media(max-width:991px){

.menu-close {
  display: block !important;
}
  .mobile-menu-header{
    display:flex;
    justify-content:end;
    align-items:center;
    margin-bottom:0px;
}

.menu-title{
    font-size:1rem;
    font-weight:600;
}

.menu-close{
    font-size:22px;
    cursor:pointer;
    transition:0.3s;
    position: absolute;
    top: 0;
    z-index: 99;
}

.menu-close:hover{
    color:var(--highlight-red);
}
.mobile-menu-header{
  text-align: right;
}

  /* Main Nav Left Slide */
  .main-nav{
      position:fixed;
      top:0;
      left:-100%;
      width:280px;
      height:100%;
      background:#fff;
      padding:10px 20px 20px;
      overflow-y:auto;
      transition:0.35s ease;
      z-index:9999;
  }

  .main-nav.active{
      left:0;
  }

  /* Overlay */
  .menu-overlay{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,0.4);
      opacity:0;
      visibility:hidden;
      transition:0.3s;
      z-index:9998;
  }

  .menu-overlay.active{
      opacity:1;
      visibility:visible;
  }

  /* Menu vertical */
  .menu{
      flex-direction:column;
      gap:0;
  }

  .menu li{
      border:none; /* border hata diya */
  }

  .menu li a{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:12px 0;
      font-size:1rem;
      color:#111;
      font-weight:500;
  }

  /* Submenu clean */
  .menu li ul{
      position:static;
      display:none;
      padding-left:15px;
      background:transparent;
  }

  .menu li ul li a{
      font-size:0.9rem;
      padding:8px ;
      color:#444;
  }

  /* Arrow icon */
 /* .menu li.menu-item-has-children > a::after{
      content:"\f078";
      font-family:"Font Awesome 6 Free";
      font-weight:900;
      font-size:12px;
      margin-left:10px;
      transition:0.3s;
  }
*/
 /* .menu li.open > a::after{
      transform:rotate(180deg);
  }*/

  .mobile-toggle{
      display:block;
      cursor:pointer;
      font-size:22px;
  }

  .main-nav ul {
  padding: 0px !important;
}
.menu li.open > ul{
    display:block;
}

.submenu-toggle{
    cursor:pointer;
    font-size:12px;
    margin-left:10px;
}

.menu li.open > .submenu-toggle i{
    transform:rotate(180deg);
    transition:0.5s;
}
.submenu-toggle i {
  transition: all ease 0.5s;
}

   .submenu-toggle {
    top: 25px !important;
    left: inherit !important;
}


}
.submenu-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 14px;
  padding: 10px;
  left: 100%;
}
.menu li{
  position:relative;
}

  @media(min-width:992px){

.menu li:hover > .submenu-toggle i{
    transform: rotate(180deg);
    transition:0.5s ease;
}
.submenu-toggle i {
  transition: all ease 0.5s;
}

}
/* Parent li */



/* Desktop hover */
@media(min-width:992px){

.menu li:hover > .sub-menu{
  display:block;
}

}

/* Mobile menu */
@media(max-width:991px){

.menu li > .sub-menu{
  display:none;
}

.menu li.open > .sub-menu{
  display:block;
}

}





/*======================== Footer Css =============================================*/
.site-footer{
  border-top:1px solid #ddd;
}
.list-unstyled.footer-links ul {
  padding: 0px;
}

.footer-logo a img {
  width: auto;
  height: 100px;
  object-fit: contain;
  text-align: left;
}
.site-footer.bg-light.pt-5{
  background: #111111 !important;
}
.text-center.small.text-muted.pb-3 {
  color: #fff !important;
}

.footer-links li{
  margin-bottom:8px;
}
.site-footer.bg-light.pt-5 h6 {
  color: #fff !important;
}
.site-footer.bg-light.pt-5 p {
  color: #fff !important;
}
.footer-links li a{
  text-decoration:none;
  color:#fff;
  font-size:0.9rem;
  transition:0.3s;
}

.footer-links li a:hover{
  color:var(--highlight-red);
}

.social-icons a{
  font-size:1.2rem;
  color:#333;
  transition:0.3s;
}

.social-icons a {
  font-size: 1.2rem;
  color: #fff;
  transition: 0.3s;
  height: 30px;
  width: 30px;
  background: #faa41b;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-decoration: none;
}
.social-icons a:hover{
  background:var(--highlight-red);
}
/*======================== Footer Css =============================================*/
/*======================== Homepage Css =============================================*/
/* ===== HERO WRAPPER ===== */
.hero-wrapper{
  background:#ffffff;
  padding-top:2rem;
  padding-bottom:2rem;
}

/* HERO IMAGE */
.hero-image img{
  height:100%;
  min-height:420px;
  object-fit:cover;
  border-radius:6px 0 0 6px;
}

/* HERO CONTENT */
.hero-content{
  background:#f5f7fb;   /* soft light grey panel */
  border-radius:0 6px 6px 0;
}

/* HERO TITLE */
.hero-title a{

  font-size:2rem;
  color:#1a1a1a;
  text-decoration:none;
  line-height:1.3;
}
.hero-content .side-category {
  font-size: 20px;
  font-weight: 400;
  border-radius: 7px;
}

.hero-title a:hover{
  color:var(--highlight-red);
}

/* HERO EXCERPT */
.hero-excerpt{
  color:#555;
  font-size:1rem;
}

/* HERO META */
.hero-meta{
  color:#777;
  font-size:0.9rem;
  font-weight:500;
}

/* ===== CARDS SECTION ===== */

.news-card{
  background:#ffffff;
  border:1px solid #e5e5e5;
  border-radius:6px;
  overflow:hidden;
  transition:0.3s ease;
  display: flex ;
}

.news-card:hover{
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
  transform:translateY(-4px);
}

/*.news-card img {
  height: 100%;
  object-fit: cover;
  width: 283px !important;
}*/
.news-card img {
  height: 100px;
  object-fit: cover;
  width: 100px !important;
  max-width: 100px;
}

.card-content{
  background:#fff;
  padding: 6px;
}
.card-image.mb-2 {
  margin: 0px !important;
}

.card-title{
	font-size: 1.2rem;
  font-weight: 700;
  line-height: 22px;
}
.card-title a{

  font-size:1rem;
  color:#1a1a1a;
  text-decoration:none;
}


.card-title a:hover{
  color:var(--highlight-red);
}

/* Responsive */
@media(max-width:991px){
  .hero-image img{
    min-height:280px;
    border-radius:6px 6px 0 0;
  }

  .hero-content{
    border-radius:0 0 6px 6px;
  }

  .hero-title a{
    font-size:1.2rem;
  }
  .hero-title {
    line-height: 22px !important;
  }
  .hero-excerpt{
    font-size: 0.8rem;
  }
}

/* Section */
.latest-section{
  background:#f5f7fb;
}

/* LEFT GRID CARD */
.latest-card{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:6px;
  overflow:hidden;
  transition:0.3s;
}

.latest-card:hover{
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
  transform:translateY(-4px);
}

.latest-card img{
  height:220px;
  object-fit:cover;
  width:100%;
}

.card-title a{

  font-size:1.05rem;
  color:#1a1a1a;
  text-decoration:none;
}

.card-title a:hover{
  color:var(--highlight-red);
}

/* RIGHT SIDE POSTS */
/* ===== Sidebar Compact Post ===== */

.side-post{
  /*padding:0.8rem 0;*/
  border-bottom:1px solid #ccc;
  background: #fff;
  margin-bottom: 8px;
}
.side-content {
  padding: 10px;
  padding-left:0px !important ;
}
.side-link{
  text-decoration:none;
  color:inherit;
}

.side-thumb{
  flex:0 0 85px;
  margin-right:12px !important;
}

/*.side-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:4px;
}*/

.side-thumb img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  max-width: 100px;
}

/* Category */
.side-category{
  display:block;
  font-size:0.65rem;
  font-weight:600;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:3px;
  background: var(--highlight-red);
  width: fit-content;
  padding: 0px 10px;
  border-radius: 14px;
  letter-spacing: 0.4px;
}

/* Title Smaller */
.side-title{

  font-size:0.95rem;   /* reduced */
  line-height:1.3;
  font-weight: 600;
  margin:0 0 3px;
  color:#1a1a1a;
  transition:0.3s;
}

/* Date Smaller */
.side-meta{
  font-size:0.8rem;
  color:#888;
}
.d-bottom .side-meta {
  color: #ddd;
}

.side-post:hover .side-title{
  color:var(--highlight-red);
}
/*======================== Homepage Css =============================================*/
.news-slider-section{
  background:#fff;
}

.slider-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  overflow:hidden;
  transition:0.3s;
  margin-bottom: 30px;
}

.slider-card:hover{
  box-shadow:0 8px 25px rgba(0,0,0,0.08);
  transform:translateY(-4px);
}

.slider-card img{
  height:220px;
  width:100%;
  object-fit:cover;
}

.slider-category{
  display:inline-block;
  font-size:0.7rem;
  font-weight:600;
  text-transform:uppercase;
  color:var(--highlight-red);
  margin-bottom:6px;
}

.slider-title{
  font-size:1rem;
  line-height:1.4;
}

.slider-title a{
  text-decoration:none;
  color:#1a1a1a;
}

.slider-title a:hover{
  color:var(--highlight-red);
}


/*===================*/
.trending-big img{
  height:380px;
  object-fit:cover;
  width:100%;
  border-radius:8px;
}

.trending-big h3{

  font-size:1.5rem;
  line-height:1.3;
}

.trending-big a{
  text-decoration:none;
  color:#1a1a1a;
}

.trending-big a:hover{
  color:var(--highlight-red);
}

/* Small */
.trending-small-thumb img{
  width:85px;
  height:65px;
  object-fit:cover;
  border-radius:6px;
}

.trending-small h4{
  font-size:0.9rem;
  margin:0;
  line-height:1.4;
}

.trending-small a{
  text-decoration:none;
  color:#1a1a1a;
}

.trending-small a:hover{
  color:var(--highlight-red);
}

/* Time Ago */
.time-ago{
  font-size:0.75rem;
  color:#888;
  font-weight:500;
}

.trending-section{
  background: #f5f7fb;
}



/*=========================*/
.more-card{
  position:relative;
  overflow:hidden;
  border-radius:4px;
}

.more-card img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
}

.more-overlay{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:15px;
  background:linear-gradient(to top, rgba(0,0,0,0.85), transparent);
  color:#fff;
}

.more-category{
  /*font-size:0.65rem;
  text-transform:uppercase;
  color:#ff4d4d;
  font-weight:600;*/
  display: block;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 3px;
  background: var(--highlight-red);
  width: fit-content;
  padding: 0px 10px;
  border-radius: 14px;
}

.d-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.more-overlay h4{
  font-size:0.9rem;
  margin:5px 0;
  line-height:1.3;
}

.more-overlay a{
  color:#fff;
  text-decoration:none;
}

.more-overlay a:hover{
  text-decoration:underline;
}

.more-overlay .time-ago{
  font-size:0.7rem;
  color:#ddd;
}

.swiper-button-next::after,
.swiper-button-prev::after{
  display:none;
}

.swiper-button-next i,
.swiper-button-prev i{
  color:#111;
  font-size:14px;
}

/* Position container */
.moreNewsSwiper,
.newsSwiper {
  position: relative;
}

/* Common arrow style */
.swiper-button-next,
.swiper-button-prev{
  width:44px;
  height:44px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 4px 12px rgba(0,0,0,0.12);
  transition:0.3s ease;
}

/* Remove default arrow color */
.swiper-button-next::after,
.swiper-button-prev::after{
  font-size:16px;
  font-weight:700;
  color:#111;
}

/* Hover effect */
.swiper-button-next:hover,
.swiper-button-prev:hover{
  background:var(--highlight-red);
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after{
  color:#fff;
}

/* Desktop positioning */
@media(min-width:992px){
  .swiper-button-prev{
    left:0px;
  }
  .swiper-button-next{
    right:0px;
  }
}

/* Mobile smaller */
@media(max-width:768px){
  .swiper-button-next,
  .swiper-button-prev{
    width:36px;
    height:36px;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after{
    font-size:14px;
  }
}
/*======================== Homepage Css =============================================*/


/* ===============================
   SUPPORT SECTION
================================ */

.support-section{
  background:#f8f9fb;
  padding:80px 0;
  position:relative;
  overflow:hidden;
}

.support-wrapper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:60px;
  position:relative;
}

.support-left{
  flex:1;
}

.support-icon{
  width:45px;
  height:45px;
  background:#e63946;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  margin-bottom:20px;
}

.support-icon i{
  color:#fff;
  font-size:18px;
}

.support-left h2{
  font-size:2rem;
  font-weight:700;
  line-height:1.2;
}

.support-left h2 span{
  color:#faa51b;
}

.support-right{
  flex:1;
}

.support-right h3{
  font-size:1.6rem;
  margin-bottom:15px;
}

.support-right p{
  font-size:1rem;
  color:#555;
  margin-bottom:20px;
  line-height:1.6;
}

.support-btn{
  display:inline-block;
  padding:10px 20px;
  border:1px solid #111;
  text-decoration:none;
  color:#111;
  font-size:0.9rem;
  transition:0.3s ease;
}

.support-btn:hover{
  background:#111;
  color:#fff;
}

/* RIGHT IMAGE */
.support-image{
  position:absolute;
  bottom:0;
  right:0;
  max-width:180px;
}

.support-image img{
  width:100%;
  height:auto;
}

/* ===============================
   RESPONSIVE
================================ */

@media(max-width:992px){

  .support-wrapper{
    flex-direction:column;
    text-align:center;
  }

  .support-left h2{
    font-size:2rem;
  }

  .support-image{
    position:static;
    margin-top:30px;
  }

}
/*======================== Homepage Css =============================================*/
/*======================== Homepage Css =============================================*/
.category-blocks{
/*background:#0f0f10;*/
/*padding:60px 0;*/
color:#fff;
}   

.cat-box{
border:1px solid #2a2a2a;
/*padding:20px;*/
/*height:100%;*/
}

.cat-title{
font-size:18px;
font-weight:600;
margin-bottom:15px;
position:relative;
}

/*.cat-title:after{
content:'';
width:40px;
height:3px;
background:#e63946;
position:absolute;
left:0;
bottom:-6px;
}*/

.cat-top-post img{
width:100%;
height:180px;
object-fit:cover;
margin-bottom:10px;
}

.top-title{
font-size:16px;
line-height:1.4;
margin-bottom:8px;
}

.top-title a{
color:#000;
text-decoration:none;
}

.top-meta{
font-size:12px;
color:#aaa;
display:flex;
justify-content:space-between;
margin-bottom:15px;
}

.cat-list{
list-style:none;
padding:0px 20px;
margin:0;
}
.hhpa{
  padding: 0px 20px;
}

.cat-list li{
border-top:1px solid #2a2a2a;
padding:10px 0;
}

.cat-list li a{
color:#000;
text-decoration:none;
font-size:14px;
transition: 0.3s;
}

.cat-list li a:hover{
color: var(--highlight-red);
}
.cat-top-post li a{
color:#000;
text-decoration:none;
transition: 0.3s;
font-weight: 600;
}

.cat-top-post li a:hover{
color: var(--highlight-red);
}
/*======================== Homepage Css =============================================*/


.ad-slider{
display:flex;
gap:20px;
overflow-x:auto;
scroll-snap-type:x mandatory;
}

.adds-top{
margin:20px 0;
}

.adSwiper{
background:#fca518;
padding:15px ;
border-radius:8px;
}

.adSwiper img{
width:100%;
height:auto;
background:#fff;
/*padding:10px;*/
border-radius:6px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.ad-slider a{
flex:0 0 100%;
scroll-snap-align:start;
}


@media(max-width: 991px){

.adSwiper{
  padding: 4px !important;
}
.adds-top {
  margin: 8px 0;
}
.trending-big h3{

  font-size:1.2rem;
}
.more-overlay{
  padding: 6px;
}
.more-overlay h4 {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.support-section{
  padding: 40px 0px;
}
.support-wrapper{
  gap: 10px;
}

}


.category-main-section.py-4{
    background: #f5f7fb;
  }
  .category-title{
    display: inline-block;
    background: #faa61b;
    color: #fff;
    padding: 6px 14px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
  
  }

  /* Pagination Container */
.pagination-number {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 30px 0;
  font-family: 'Arial', sans-serif;
}

/* Page links */
.pagination-number a.page-numbers {
  display: inline-block;
  padding: 8px 14px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  border: 1px solid #ddd;
}

.pagination-number a.page-numbers:hover {
  background-color: #faa41b !important;
  color: #fff;
  border-color: #faa41b;
  display: inline-block;
  padding: 8px 14px;
  background-color: #f0f0f0;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  border: 1px solid #ddd;
}

/* Current page */
.pagination-number .current {
  background-color: #faa41b;
  color: #fff;
  font-weight: bold;
  border-color: #faa41b;
  display: inline-block;
  padding: 8px 14px;

  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  border: 1px solid #faa41b;
}

/* Next / Prev buttons */
.pagination-number .next,
.pagination-number .prev {
  font-weight: bold;
}

.sticky-class{
  position: sticky;
  top: 150px;
}

/* Responsive */
@media (max-width: 480px) {
  .pagination-number {
    gap: 5px;
  }

  .pagination-number a.page-numbers,
  .pagination-number .current {
    padding: 6px 10px;
    font-size: 14px;
  }
}


  .news-single {
  padding: 60px 0;
  background: #f5f7fa;
}

/* ARTICLE */
.news-article {
  background: #fff;
  padding: 20px;
  border-radius: 14px;
}

/* CATEGORY */
.category-badge {
  display: inline-block;
  background: var(--highlight-red);
  color: #fff;
  font-size: 18px;
  padding: 2px 14px;
  border-radius: 8px;
  margin-bottom: 15px;
}

/* TITLE */
.news-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #111;
}

/* META */
.news-meta {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #777;
  margin-bottom: 25px;
}

.news-meta .dot {
  margin: 0 8px;
}

/* IMAGE */
.featured-img img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 25px;
  height: auto;
}

/* CONTENT */
.news-content {
  font-size: 17px;
  line-height: 1.8;
  color: #333;
}

/* TAGS */
.tags-wrap {
  margin-top: 30px;
}

.tag {
  display: inline-block;
  background: #eef1f5;
  padding: 7px 14px;
  margin: 5px 8px 0 0;
  border-radius: 20px;
  font-size: 13px;
  transition: 0.3s;
}

.tag:hover {
  background: #111;
  color: #fff;
}

/* SIDEBAR */
.sidebar-box {
  height: 350px;
  background: #fff;
  border-radius: 14px;
}

/* MOBILE */
@media (max-width: 768px) {
  .news-article {
    padding: 20px;
  }

  .news-title {
    font-size: 24px;
  }
  .news-content ul {
  padding-left: 6px;
}

}
/*single page */

/*Search Page */

.search-card {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  transition: 0.3s;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.search-card:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.search-thumb {
  width: 200px;
  flex-shrink: 0;

}

.search-thumb img {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}

.search-title {
  font-size: 18px;
  font-weight: 600;
}

.search-title a {
  color: #111;
  text-decoration: none;
}

.heder-search-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.side-category {
  /*font-size: 12px;
  background: #111;
  color: #fff;*/
  padding: 3px 10px;
  /*border-radius: 20px;*/
  display: inline-block;
  margin-bottom: 6px;
}

/* MOBILE */
@media(max-width:768px){
  .search-card {
    flex-direction: column;
  }

  .search-thumb {
    width: 100%;
  }
}
</style>