/*
Theme Name: HowCan
Theme URI: https://howcan.jantecai.com
Author: Faredul Ali
Author URI: https://faredul.jantecai.com
Description: HowCan is a modern, fast, and responsive WordPress theme designed for Blog, News, Magazine, Portfolio, and Landing pages. It comes with full Bootstrap integration, a custom header image, sticky topbar menu, social menu, multi-level dropdown navigation, and a widgetized footer.
The theme supports Elementor, Classic Editor, and Full-Site Editing (FSE) features. It includes a clean layout, SEO-friendly structure, optimized performance, and mobile-first design to ensure the best reading experience.
Perfect for bloggers, content creators, tech writers, news portals, and personal websites.
Version: 2.0.18
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: howcan
Tags: custom-menu, custom-header, custom-logo, threaded-comments, 
translation-ready, blog, news, portfolio, landing-page, 
full-site-editing, one-column, two-columns, right-sidebar, 
footer-widgets, featured-images, theme-options, 
editor-style, responsive-layout, bootstrap, 
elementor, rtl-language-support

Copyright (c) 2025 Faredul Ali. This theme is licensed under the GPL.

*/


.navbar-brand img.custom-logo {
    max-width: 220px;   /* desktop size */
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    .navbar-brand img.custom-logo {
        max-width: 130px; /* mobile */
    }
}

.navbar {
    min-height: 60px;
}

.navbar-brand {
    display: flex;
    align-items: center;
}
/* THANK YOU PAGE CARD STYLE */
.woocommerce-order {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* TABLE CLEAN */
.woocommerce table.shop_table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
}

.woocommerce table.shop_table th {
    background-color: #f8f9fa;
    font-weight: 600;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border: 1px solid #dee2e6;
    padding: 12px;
    text-align: left;
}

/* BILLING ADDRESS BOX */
.woocommerce-customer-details address {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 6px;
}

/* PRINT STYLE */
@media print {
    header, footer, nav, .site-header, .site-footer, .no-print {
        display: none !important;
    }
    body {
        background: #fff;
        font-size: 14px;
        color: #000;
    }
    .woocommerce-order {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    table.shop_table th,
    table.shop_table td {
        border: 1px solid #000 !important;
    }
}
.woocommerce-order {
    max-width: 800px;
    margin: auto;
    
}
/* THANK YOU PAGE BOOTSTRAP STYLE */
.woocommerce-order {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}

/* ORDER TABLE */
.woocommerce table.shop_table {
    width: 100%;
    margin-top: 15px;
}

.woocommerce table.shop_table th {
    background: #f8f9fa;
    font-weight: 600;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    padding: 10px;
}

/* ADDRESS BOX */
.woocommerce-customer-details address {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
}

/* PRINT MODE */
@media print {

    header,
    footer,
    nav,
    .site-header,
    .site-footer,
    .no-print {
        display: none !important;
    }

    body {
        background: #fff;
        font-size: 14px;
        color: #000;
    }

    .woocommerce-order {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }

    table.shop_table th,
    table.shop_table td {
        border: 1px solid #000;
    }
}





/* Checkout Cards */
.checkout-card,
.checkout-summary{
    border: none;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Titles */
.checkout-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Form Fields */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
    border-radius: 10px;
    padding: 10px 14px;
    border: 1px solid #ddd;
}

/* Order Table */
.woocommerce-checkout-review-order-table{
    width: 100%;
    border-collapse: collapse;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th{
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

/* Place Order Button */
#place_order{
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border-radius: 12px;
    background: #0d6efd;
    border: none;
}
#place_order:hover{
    background:#084298;
}

.single-product .button {
  background: linear-gradient(45deg,#16a34a,#22c55e);
  border: none;
  padding: 14px 30px;
  font-size: 18px;
  border-radius: 40px;
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

.single-product .card {
  border-radius: 20px;
}

.single-product .progress {
  height: 12px;
  border-radius: 20px;
}


.invest-section {
  padding: 40px 20px;
  background: #0f172a;
  color: #fff;
}

.title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
}

.invest-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap: 20px;
}

.invest-card {
  background: #111827;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 0 20px rgba(255,215,0,0.15);
  transition: 0.3s;
}

.invest-card:hover {
  transform: translateY(-8px);
}

.img-box img {
  width: 100%;
  border-radius: 12px;
}

.price {
  font-size: 22px;
  color: gold;
  font-weight: bold;
}

.invest-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 25px;
  background: linear-gradient(45deg,#facc15,#eab308);
  color: #000;
  text-decoration: none;
  border-radius: 30px;
  font-weight: bold;
}

.invest-btn:hover {
  background: linear-gradient(45deg,#eab308,#facc15);
}

.kuakata-section {
  position: relative;
  
  background: url("inc/img/nature.jpg") center/cover no-repeat;
  color: #fff;
  padding: 80px 60px;
  font-family: sans-serif;
}

.kuakata-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,40,30,.9),
    rgba(0,40,30,.6),
    rgba(0,0,0,.2)
  );
}

.kuakata-section .content {
  position: relative;
  max-width: 1200px;
  margin: auto;
  z-index: 2;
}

.kuakata-section h2 {
  font-size: 36px;
  margin-bottom: 15px;
  color: #f6c76b;
}

.kuakata-section p {
  max-width: 700px;
  line-height: 1.6;
  margin-bottom: 50px;
  opacity: .9;
}/* GRID */
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:15px;
}

/* CARD */
.card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 6px 20px rgba(0,0,0,0.1);
}

/* IMAGE */
.card img{
    width:100%;
    height:160px;
    object-fit:cover;
    display:block;
}

/* TITLE */
.card span{
    display:block;
    padding:10px;
    font-size:16px;
    font-weight:600;
}

/* MOBILE FIX */
@media(max-width:600px){
    .card img{
        height:120px;
    }
    .card span{
        font-size:14px;
    }
}


.features {
    padding: 70px 0;
    background: #fff;
}

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

.features h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
}

.subtitle {
    text-align: center;
    color: #555;
    margin-bottom: 40px;
}

/* Top image grid */
.top-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 50px;
}

.img-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

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

.img-card span {
    display: block;
    text-align: center;
    padding: 10px;
    font-weight: 600;
}

/* Feature cards */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.feature-box {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.feature-box:hover {
    transform: translateY(-8px);
}

.icon {
    font-size: 35px;
    margin-bottom: 10px;
}

.feature-box h4 {
    color: #c0392b;
    margin-bottom: 8px;
}

.feature-box p {
    font-size: 14px;
    color: #555;
}

/* Responsive */
@media (max-width: 992px) {
    .top-grid,
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .top-grid,
    .feature-grid {
        grid-template-columns: 1fr;
    }
}



.amenities{
  display:flex;
  
  font-family:Arial;
}

/* Left gallery */
.gallery{
  width:65%;
  padding:60px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
  background:#fff;
}

.img-card{
  border-radius:25px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.2);
  transition:.3s;
}

.img-card:hover{
  transform:scale(1.03);
}

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

/* Right panel */
.amenities-panel{
  width:35%;
  padding:60px 40px;
  background:linear-gradient(#0b3d32,#021c17);
  color:#fff;
  overflow-y:auto;
}

.amenities-panel h2{
  font-size:28px;
  margin-bottom:30px;
}

.amenities-panel h2 span{
  color:#ffb703;
  font-style:italic;
}

.amenities-panel ul{
  list-style:none;
  padding:0;
  line-height:1.8;
}

.amenities-panel li{
  position:relative;
  padding-left:25px;
}

.amenities-panel li::before{
  content:"✦";
  position:absolute;
  left:0;
  color:#ffb703;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    background: #f2fbff;
}

.luxury-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #e8f9ff, #ffffff);
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
}

.brand {
    font-family: cursive;
    color: #333;
    margin-right: 10px;
}

.luxury {
    color: #f47b20;
}

.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.card.big {
    height: 320px;
}

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

.badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: white;
    color: #2b2b6f;
    padding: 8px 18px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.contact-footer {
    background: linear-gradient(120deg, #0a0f1c, #1a2a3a);
    color: #fff;
    padding: 50px 0;
    font-size: 14px;
}

.footer-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr 2fr 2fr;
    gap: 30px;
    align-items: center;
}

.footer-col h3 {
    margin-bottom: 15px;
    font-size: 18px;
    color: #8fd3ff;
}

.footer-col ul {
    list-style: none;
}

.footer-col ul li {
    margin-bottom: 8px;
    line-height: 1.6;
    opacity: 0.9;
}

.footer-col.qr img {
    width: 130px;
    background: #fff;
    padding: 8px;
    border-radius: 8px;
}

/* Mobile */
@media (max-width: 768px) {
    .footer-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-col.qr {
        order: -1;
    }
}

.footer-col {
    text-shadow: 0 0 10px rgba(255,255,255,0.05);
}

.contact-footer {
    backdrop-filter: blur(10px);
}

.howcan-slide {

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.howcan-slider-content {
  text-align: center;
  background: rgba(0,0,0,0.4);
  padding: 20px 30px;
  border-radius: 10px;
  max-width: 90%;
  overflow: hidden;
}

.howcan-slide-title {
  font-size: clamp(1.2rem, 2vw, 2rem);
  font-weight: 700;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.howcan-slide-subtitle {
  font-size: clamp(0.8rem, 1.2vw, 1rem);
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 🔹 মোবাইলে fix height */
@media (max-width: 768px) {
  .howcan-slide {
    height: 100% !important;
  }

  .howcan-slider-content {
    padding: 10px 15px;
    max-height: 100%; /* টেক্সট যেন 300px এর বাইরে না যায় */
    overflow: hidden;
  }

  .howcan-slide-title,
  .howcan-slide-subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* সর্বোচ্চ ৩ লাইন */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}




.howcan-breaking-news {
  display: flex;
  align-items: center;
  background-color: transparent; /* red background */
  color: #000;
  padding: 8px 10px;
  overflow: hidden;
}

.breaking-label {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
  border-radius: 3px;
  font-size: 14px;
}

.breaking-marquee {
  flex: 1;
}

.breaking-marquee a {
  color: #000;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

.breaking-marquee a:hover {
  text-decoration: underline;
}
/* ===== Howcan Slider ===== */
.howcan-slider {
  position: relative;
  width: 100%;
  height: auto; /* Full screen height */
  margin: 0;
  padding: 0px;
  overflow: hidden;
}

.howcan-slider .swiper {
  width: 100%;
  height: auto;
}

.howcan-slider .swiper-slide {
  
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.howcan-slider-content {
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  margin-top: 10%;
  margin-bottom: 10%;
  padding: 10px 20px;
  margin-inline: block;
  border-radius: 15px;
  animation: fadeInUp 1s ease;
}

.howcan-slider-content h2 {
  font-size: 28px;
  margin-bottom: 10px;
  line-height: 1.2;
  color: white;
}

.howcan-slider-content p {
  font-size: 18px;
  margin-bottom: 15px;
}

.howcan-slider-content .btn {
  padding: 12px 30px;
  border-radius: 30px;
}

/* Animation */
@keyframes fadeInUp {
  from { transform: translateY(25px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Remove unwanted space below slider */
.howcan-slider + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.text-muted.small {
  font-size: 0.85rem;
  color: #6c757d;
  display: flex;
  align-items: center;
  gap: 4px;
}

.text-muted.small::before {
  content: "👁️";
  font-size: 0.9rem;
}
#menu-top li{
  padding-left: -2px !important;
}
.primary-menu,.topbar .top-menu ul{display:flex;gap:0.5rem;margin:0;padding:0;list-style:none;flex-wrap:wrap}.primary-menu li,.topbar .menu-item{position:relative}.primary-menu li ul,.main-navigation ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1);padding:10px 0}.primary-menu li:hover>ul,.main-navigation li:focus-within>ul,.main-navigation li:hover>ul{display:block}.primary-menu li ul li{padding:5px 20px;white-space:nowrap}.brand-text{color:green;font-weight:700;font-size:24px;margin-bottom:20px}.dropdown-submenu .dropdown-menu{display:none}.dropdown-submenu .dropdown-menu.show{display:block}.topbar{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:.875rem}.topbar .top-menu a,.topbar .social-menu a{color:#333;text-decoration:underline;padding:4px 6px;display:inline-flex;align-items:center}.topbar .top-menu a:hover,.topbar .social-menu a:hover{color:#000}.topbar .menu-item>a>i{margin-right:6px}footer{font-size:.9rem}footer h5{font-weight:600;margin-bottom:.75rem}footer ul{list-style:none;padding-left:0}footer ul li{margin-bottom:.5rem}footer ul li a{color:#fff;text-decoration:underline}footer ul li a:hover{color:#fff}.copy-text{border-top:2px solid #fff}footer .ftl a{color:#fff;text-decoration:underline;display:inline}footer .ftl a:hover{color:#fff}footer a:hover,footer .widget a:hover,footer .widget_tag_cloud a:hover{color:#000}.pagination{display:flex;justify-content:center;margin:2em 0}.pagination .page-numbers{display:inline-block;margin:0 5px;padding:10px 14px;background-color:#f0f0f0;color:#333;text-decoration:underline;border-radius:6px;font-weight:500;transition:all 0.3s ease}.pagination .page-numbers:hover,.pagination .current{background-color:#000;color:#fff}.pagination .current{font-weight:700;pointer-events:none}.pagination .prev.page-numbers.disabled,.pagination .next.page-numbers.disabled{pointer-events:none;opacity:.5}.entry-content a,.comment-content a,.widget a{text-decoration:underline}.archive .page-title{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;font-size:2rem;line-height:1.2}.nav-links{text-align:justify}.nav-previous a,.nav-next a{margin:5px;padding:5px;font-weight:700}.nav-previous a{float:left}.nav-next a{float:right}a{color:#000}.searchform{display:inline-block;width:100%}#searchsubmit{background:#000;color:#fff;margin:1px;padding:1px;border-radius:3px}#s{max-width:60%;border:1px solid #000;margin-bottom:3px}ul{list-style:none}.cat-item,.page_item a{background:#fff0;font-weight:700;margin-bottom:2px}.current_page_item{color:#fff;font-weight:700;padding-right:2px;text-transform:uppercase}.menu-item ul li a:hover{font-weight:700;padding-right:2px}@media (min-width:768px){.topbar .top-menu{margin-right:auto}.topbar .social-menu{margin-left:auto}}@media (max-width:575.98px){.topbar .top-menu,.topbar .social-menu{flex:1 1 auto;justify-content:space-between}}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;background-color:#f8f9fa;color:#212529;padding:.5rem;border-radius:.25rem}.wp-caption{max-width:100%;margin-bottom:1.5em;text-align:center;background-color:#f8f9fa;padding:8px;border:1px solid #dee2e6;border-radius:.25rem}.wp-caption img{max-width:100%;height:auto;display:block;margin:0 auto}.wp-caption-text,.gallery-caption{font-size:.875rem;color:#6c757d;margin-top:.5rem;font-style:italic;text-align:center}.alignleft{float:left;margin-right:1.5em;margin-bottom:1em}.alignright{float:right;margin-left:1.5em;margin-bottom:1em}.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:1em}.gallery-item{padding:.5rem}.gallery-item img{width:100%;height:auto;border-radius:.25rem}.bypostauthor{border-left:4px solid #0d6efd;background-color:#f1f8ff;padding:1rem;border-radius:.25rem;margin-bottom:1rem}.display-4{font-size:200%;max-width:100%}.box{box-shadow:0 0 15px rgb(0 0 0 / .1);margin-top:5px;margin-bottom:5px}.navbar h1{font-size:30px;max-width:200px}*{margin:0;padding:0}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:999;text-decoration:none}.skip-link:focus{top:10px}.entry-content a,.comment-content a,.widget_text a,.textwidget a,.custom-content a{text-decoration:underline}.entry-content a:hover,.comment-content a:hover,.widget_text a:hover,.textwidget a:hover,.custom-content a:hover{text-decoration:none;border-bottom:1px solid}
/* ========== HEADER IMAGE BASE STYLE ========== */
#site-header {
  position: relative;
  overflow: hidden;
}



#site-header .header-img {
  display: block;
  width: 100%;
  height: 60vh; /* make it proportional */
  object-fit: cover;
  object-position: center;
}

/* ========== OVERLAY TEXT ========== */
.header-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
  padding: 15px 20px;
  background: rgba(0, 0, 0, 0.35); /* light transparent background */
  border-radius: 12px;
  max-width: 90%;
}

/* Text styling */
.header-overlay .site-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.3;
}

.header-overlay .site-tagline {
  font-size: 1.1rem;
  margin: 0;
  opacity: 0.9;
}

/* ========== RESPONSIVE FIXES FOR MOBILE ========== */
@media (max-width: 768px) {
  #site-header .header-img {
    height: 50vh; /* smaller image height */
    object-position: center top;
  }

  .header-overlay {
    background: rgba(0, 0, 0, 0.55); /* darker overlay on mobile for better readability */
    padding: 10px 12px;
  }

  .header-overlay .site-title {
    font-size: 1.6rem;
  }

  .header-overlay .site-tagline {
    font-size: 0.95rem;
  }
}

/* ========== SMALL SCREEN FIX (less than 480px) ========== */
@media (max-width: 480px) {
  .header-overlay {
    background: rgba(0, 0, 0, 0.6);
    padding: 8px 10px;
  }

  .header-overlay .site-title {
    font-size: 1.4rem;
  }

  .header-overlay .site-tagline {
    font-size: 0.9rem;
  }
}

.pvp a:hover{
  color:#fff; !important;
}

.nep a:hover{
  color:#fff; !important;
}
.ath-img img{
  border-radius: 50%;
}

.tp-nav li a{
  margin: 0;
  padding-left: -5 !important;
  outline: 0;
}


/* Premium Most Viewed Hero Section */
.most-viewed-hero {
  min-height: 80vh;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.most-viewed-hero .hero-bg {
  background-size: cover;
  background-position: center;
  filter: brightness(0.45) blur(8px);
  transform: scale(1.1);
  z-index: 1;
}

.most-viewed-hero .container {
  z-index: 2;
}

.text-shadow {
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.most-viewed-hero .btn:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
}

/* Responsive optimization */
@media (max-width: 767px) {
  .most-viewed-hero {
    min-height: 60vh;
    padding: 60px 15px;
  }
  .most-viewed-hero h1 {
    font-size: 1.8rem;
  }
}

.inside-post-ad {
    margin: 20px 0;
    text-align: center;
}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: 100%;
    }
}

