:root {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #a5b4fc;
  --secondary: #8b5cf6;
  --dark: #1e293b;
  --light: #f8fafc;
  --gray: #64748b;
  --gray-light: #e2e8f0;
--banner-primary:#4361ee;
--banner-secondary:#0c2ba3;
--banner-accent:#4361ee;
--banner-accent2:#0c2ba3;
--banner-light:#f8f9fa;
--banner-dark:#212529;
}

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

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.6;
  color: var(--dark);
  background: var(--light);
  min-height: 100vh;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}
/* Full Width Blog Post Banner Styles */
.post-c-inner-banner-fullwidth {
    width: 100%;
    color: white;
    box-shadow: 0 10px 30px rgba(6, 90, 153, 0.2);
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 40px 0;
}

/* Default gradient background for no featured image */
.post-c-inner-banner-fullwidth.post-c-no-featured-image {
    background: linear-gradient(135deg, #065a99 0%, #0a7ac4 100%);
}

/* SVG pattern for no featured image */
.post-c-inner-banner-fullwidth.post-c-no-featured-image::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 200%;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    z-index: 0;
}

/* Gradient background when featured image exists */
.post-c-inner-banner-fullwidth.post-c-has-featured-image {
    background: linear-gradient(135deg, #065a99 0%, #0a7ac4 100%);
}

.post-c-banner-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

/* Text width when featured image exists */
.post-c-banner-text.post-c-with-image {
    flex: 1;
    max-width: 600px;
}

/* Text width when no featured image */
.post-c-banner-text.post-c-without-image {
    flex: 1;
    max-width: 900px;
}

.post-c-featured-image {
    width: 400px;
    height: auto;
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-c-featured-image:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.3);
}

.post-c-featured-image-right {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.post-c-breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
    text-align: left;
}

.post-c-breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.post-c-breadcrumb a:hover {
    color: white;
}

.post-c-breadcrumb span {
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.6);
}

.post-c-breadcrumb .post-c-current {
    color: white;
    font-weight: 500;
}

.post-c-heading {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    text-align: left;
}

.post-c-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
}

.post-c-meta-item {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 18px;
    border-radius: 50px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.post-c-meta-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
}

.post-c-meta-icon {
    margin-right: 10px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
}

.post-c-meta-text {
    font-size: 0.95rem;
    font-weight: 500;
}

/* Author and Category Links */
.post-c-author-link,
.post-c-category-link {
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.post-c-author-link:hover,
.post-c-category-link:hover {
    color: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(255, 255, 255, 0.7);
}

.post-c-banner-decoration {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 0;
}

.post-c-banner-decoration-1 {
    width: 120px;
    height: 120px;
    top: -30px;
    right: 10%;
}

.post-c-banner-decoration-2 {
    width: 80px;
    height: 80px;
    bottom: -20px;
    left: 5%;
}

.post-c-banner-decoration-3 {
    width: 60px;
    height: 60px;
    top: 30%;
    right: 20%;
}

/* Container */
.post-c-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Content and Sidebar Layout */
.post-c-content-sidebar-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.post-c-main-content {
    flex: 1;
    background: white;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.post-c-sidebar {
    width: 300px;
    flex-shrink: 0;
}
/* Table of Contents Styles */
.post-c-toc-widget {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.post-c-toc-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #065a99;
    color: #222;
    font-weight: 600;
}

.post-c-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow-y: auto;
}

.post-c-toc-item {
    margin-bottom: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.post-c-toc-item:hover {
    transform: translateX(5px);
}

.post-c-toc-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.post-c-toc-level-2 {
    font-weight: 600;
    padding-left: 0;
}

.post-c-toc-level-3 {
    font-weight: 500;
    padding-left: 15px;
    font-size: 0.95rem;
}

.post-c-toc-level-4 {
    font-weight: 400;
    padding-left: 30px;
    font-size: 0.9rem;
    color: #666;
}

.post-c-toc-link {
    color: #222;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
    line-height: 1.4;
}

.post-c-toc-link:hover {
    color: #065a99;
}

.post-c-toc-empty {
    color: #666;
    font-style: italic;
    text-align: center;
    margin: 0;
}

/* Blog Sidebar Search Box Styles */
.post-c-sidebar-search {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.post-c-search-container {
    display: flex;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.post-c-search-container:focus-within {
    box-shadow: 0 4px 15px rgba(6, 90, 153, 0.2);
    border-color: #065a99;
}

.post-c-search-input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    outline: none;
    font-size: 0.95rem;
    background: transparent;
    color: #333;
    font-family: inherit;
}

.post-c-search-input::placeholder {
    color: #666;
}

.post-c-search-btn {
    background: linear-gradient(135deg, #065a99 0%, #0a7ac4 100%);
    color: white;
    border: none;
    padding: 10px 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
    font-size: 0.9rem;
    font-family: inherit;
    min-width: auto;
}

.post-c-search-btn:hover {
    background: linear-gradient(135deg, #054a80 0%, #0969a8 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(6, 90, 153, 0.3);
}

.post-c-search-btn:active {
    transform: translateY(0);
}

.post-c-search-btn .fas {
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

/* Post Content Styles */
.post-c-content {
    line-height: 1.7;
    color: #333;
}

.post-c-content h2 {
    font-size: 1.8rem;
    margin: 2rem 0 1rem;
    color: #222;
}

.post-c-content h3 {
    font-size: 1.5rem;
    margin: 1.5rem 0 1rem;
    color: #222;
}

.post-c-content p {
    margin-bottom: 1.5rem;
    text-align: justify;
}

.post-c-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5rem 0;
}

/* Author Bio Styles */
.post-c-author-bio {
    display: flex;
    gap: 20px;
    background: #f8fafc;
    padding: 30px;
    border-radius: 12px;
    margin: 3rem 0;
    border-left: 4px solid #065a99;
}

.post-c-author-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.post-c-author-content {
    flex: 1;
}

.post-c-author-name {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #222;
    font-weight: 600;
}

.post-c-author-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

.post-c-author-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #065a99;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.post-c-author-link:hover {
    gap: 12px;
    color: #0a7ac4;
}

/* Related Articles Styles */
.post-c-related-articles {
    margin: 3rem 0;
    padding: 2rem 0;
    border-top: 1px solid #e2e8f0;
}

.post-c-related-title {
    font-size: 1.8rem;
    margin-bottom: 2rem;
    color: #222;
    font-weight: 600;
    text-align: center;
}

.post-c-related-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.post-c-card {
    display: flex;
    gap: 20px;
    background: white;
    border-radius: 12px;
    padding: 0px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.post-c-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border-color: #065a99;
}

.post-c-thumbnail {
    width: auto;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(135deg, #065a99, #0c2ba3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.post-c-thumbnail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-c-thumbnail-letter {
    color: white;
    font-size: 2rem;
    font-weight: 600;
}

.post-c-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.post-c-card-title {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.4;
}

.post-c-card-title a {
    color: #222;
    text-decoration: none;
    transition: color 0.3s ease;
}

.post-c-card-title a:hover {
    color: #065a99;
}

.post-c-card-excerpt {
    color: #666;
    line-height: 1.5;
    font-size: 0.9rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-c-card-meta {
    display: flex;
    gap: 15px;
    font-size: 0.8rem;
    color: #666;
    margin-top: auto;
}

.post-c-card-meta span {
    color: #666;
}

.post-c-card-meta a {
    color: #065a99;
    text-decoration: none;
    transition: color 0.3s ease;
}

.post-c-card-meta a:hover {
    color: #0a7ac4;
}

/* Navigation Buttons Styles */
.post-c-navigation-buttons {
    margin: 3rem 0 0;
    padding: 2rem 0;
    border-top: 1px solid #e2e8f0;
}

.post-c-nav-buttons-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

.post-c-nav-button {
    display: flex;
    align-items: center;
    padding: 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid #e2e8f0;
    flex: 1;
    max-width: 48%;
}

.post-c-nav-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border-color: #065a99;
}

.post-c-nav-button-prev {
    text-align: left;
}

.post-c-nav-button-next {
    text-align: right;
    flex-direction: row-reverse;
}

.post-c-nav-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #065a99;
    color: white;
    border-radius: 50%;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.post-c-nav-button:hover .post-c-nav-button-icon {
    background: #0a7ac4;
    transform: scale(1.1);
}

.post-c-nav-button-content {
    flex: 1;
    margin: 0 15px;
}

.post-c-nav-button-label {
    display: block;
    font-size: 0.8rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    font-weight: 500;
}

.post-c-nav-button-title {
    display: block;
    font-weight: 600;
    color: #222;
    font-size: 0.95rem;
    line-height: 1.3;
}

/* Comments Styles */
.post-c-comments-wrapper {
    margin: 3rem 0 0;
    background: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Recent Posts Widget */
.widget_recent_entries {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.widget_recent_entries .widget-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #065a99;
    color: #222;
    font-weight: 600;
}

.widget_recent_entries ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_recent_entries li {
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.widget_recent_entries li:hover {
    transform: translateX(5px);
}

.widget_recent_entries li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget_recent_entries a {
    display: block;
    color: #222;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.5;
    transition: color 0.3s ease;
    font-size: 0.95rem;
    text-align: left;
}

.widget_recent_entries a:hover {
    color: #065a99;
}

.widget_recent_entries a[aria-current="page"] {
    color: #065a99;
    font-weight: 600;
}

/* Categories Widget */
.widget_categories {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.widget_categories .widget-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #065a99;
    color: #222;
    font-weight: 600;
}

.widget_categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_categories li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.widget_categories li:hover {
    transform: translateX(5px);
}

.widget_categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget_categories a {
    display: flex;
    justify-content: space-between;
    color: #222;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.widget_categories a:hover {
    color: #065a99;
}
h2, h3, h4, strong{font-weight: 600;}
ul li{margin-bottom:10px;}

ol li{margin-bottom:10px;}
a {text-decoration: underline;color: #0c2ba3;}
/* Hero Section */
.hero {
  height: 80vh;
  min-height: 600px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.9) 0%, rgba(139, 92, 246, 0.9) 100%);
  color: white;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('<?php echo get_theme_mod('hero_image',get_template_directory_uri().'/images/hero-default.jpg');?>') center/cover;
  z-index: -1;
  opacity: 0.2;
}

.hero-content {
  text-align: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 2rem;
  backdrop-filter: blur(5px);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.hero h1 {
  font-size: 4rem;
  margin-bottom: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.hero p {
  font-size: 1.25rem;
  max-width: 700px;
  margin: 0 auto 2.5rem;
  opacity: 0.9;
}

.btn {
  display: inline-block;
  padding: 1rem 2.5rem;
  background: white;
  color: var(--primary-dark);
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 2px solid transparent;
}

.btn:hover {
  background: transparent;
  color: white;
  border-color: white;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Posts Grid */
.posts-section {
  padding: 1rem 0;
}

.section-title {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--dark);
  position: relative;
}

.section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background: linear-gradient(to right, var(--primary), var(--secondary));
  margin: 1rem auto 0;
  border-radius: 2px;
}

.posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 2rem;
  margin: 3rem 0;
}

.post-card {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.post-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.post-thumbnail {
  height: 220px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.post-card:hover .post-thumbnail {
  transform: scale(1.05);
}

.post-content {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.post-title {
  margin-bottom: 0.75rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
}

.post-title a {
  color: var(--dark);
  text-decoration: none;
  transition: color 0.3s ease;
}

.post-title a:hover {
  color: var(--primary);
}

.post-excerpt {
  color: var(--gray);
  margin-bottom: 1.5rem;
  line-height: 1.6;
  flex: 1;
}

.post-meta {
  display: flex;
  justify-content: space-between;
  color: var(--gray);
  font-size: 0.9rem;
  padding-top: 1rem;
  border-top: 1px solid var(--gray-light);
}

.post-meta a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
}

.post-meta a:hover {
  text-decoration: underline;
}

/* Modern Pagination Styles */
.pagination {
    display: flex;
    justify-content: center;
    margin: 4rem 0;
    width: 100%;
    font-family: 'Inter', sans-serif;
}

.pagination ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.75rem;
    align-items: center;
}

.pagination li {
    margin: 0;
    line-height: 1;
}

.pagination a,
.pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 0.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pagination a {
    color: var(--dark);
    background: white;
    border: 1px solid var(--gray-light);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pagination a:hover {
    background: var(--primary-light);
    color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
    border-color: var(--primary-light);
}

.pagination .current {
    background: var(--primary);
    color: white;
    border: 1px solid var(--primary);
    box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.2);
}

.pagination .dots {
    color: var(--gray);
    pointer-events: none;
    min-width: auto;
    padding: 0;
}

.pagination .prev,
.pagination .next {
    padding: 1rem;
    position: relative;
}

.pagination .prev::before {
    margin-right: 0.5rem;
}

.pagination .next::after {
    margin-left: 0.5rem;
}
.ai-sum-button-container {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
    text-align: center;
}

.ai-sum-button-container .ai-sum-urb {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #222;
    font-weight: 600;
}

.ai-sum-link-button {
    display: inline-block;
    background: linear-gradient(168deg, #065a99de 0%, #0c2ba3 100%);
    color: #fff;
    padding: 12px 20px;
    margin: 5px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: .3s;
    border: 2px solid transparent;
}

.ai-sum-link-button:hover {
background: linear-gradient(168deg, #065a99de 0%, #0c2ba3 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(6,90,153,.3);
    color: #fff;
}
.plan-cta-title-sixtile-container{max-width:1400px;margin:0 auto}
.plan-cta-title-plantitle{line-height: 30px;color:#fff !important;font-size: 1.4rem;margin: 1.5rem 0 1rem;color: #222;}
.plan-cta-title-sixtile-header{text-align:center;margin-bottom:3rem}
.plan-cta-title-sixtile-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-dark);font-weight:700}
.plan-cta-title-sixtile-header p{font-size:1.1rem;color:var(--gray);max-width:700px;margin:0 auto}
.plan-cta-title-sixtile-table{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:2rem}
.plan-cta-title-sixtile-table-2{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
.plan-cta-title-sixtile-table-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.plan-cta-title-sixtile-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative}
.plan-cta-title-sixtile-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.plan-cta-title-sixtile-card.popular{border:2px solid var(--accent)}
.plan-cta-title-sixtile-popular-badge{position:absolute;top:0;right:0;background:linear-gradient(45deg,#ffe318,#fc0);color:#1534b0;padding:.2rem 1rem;font-size:.75rem;font-weight:700;border-bottom-left-radius:8px;text-transform:uppercase;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.plan-cta-title-sixtile-card-header{padding:1.2rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;text-align:center}
.plan-cta-title-sixtile-card-header h3{font-size:1.2rem;margin-bottom:.5rem}
.plan-cta-title-sixtile-card-header .plan-cta-title-price{font-size:1.7rem;font-weight:600;margin-bottom:.5rem}
.plan-cta-title-sixtile-card-header .plan-cta-title-price span{font-size:1rem;font-weight:400}
.plan-cta-title-sixtile-card-header .plan-cta-title-description{color:#fff;font-size:.9rem;opacity:.9;text-align:center;}
.plan-cta-title-sixtile-card-body{padding:1.1rem}
.plan-cta-title-sixtile-feature-list{list-style:none;margin-bottom:2rem}
.plan-cta-title-sixtile-feature-list li{padding:.75rem 0;border-bottom:1px solid #eee;font-size:1rem;text-align:center}
.plan-cta-title-sixtile-feature-list li:last-child{border-bottom:none}
.plan-cta-title-sixtile-btn{margin-bottom:10px;display:inline-block;width:100%;padding:.5rem;font-size:14px;text-align:center;background:linear-gradient(182deg,var(--primary-dark),var(--primary));color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}
.plan-cta-title-sixtile-btn-2{margin-bottom:10px;display:inline-block;width:100%;padding:.5rem;font-size:18px;text-align:center;background:linear-gradient(182deg,var(--primary-dark),var(--primary));color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}
.plan-cta-title-sixtile-btn:hover{color:#bbcff1;background:#065a99;transform:translateY(-2px)}
.plan-cta-title-sixtile-btn-outline{background:0 0;border:2px solid var(--primary);color:var(--primary)}
.plan-cta-title-sixtile-btn-outline:hover{background:var(--primary);color:#fff}
.plan-cta-title-sixtile-section-divider{text-align:center;margin:3rem 0;position:relative}
.plan-cta-title-sixtile-section-divider span{background:#fff;padding:0 1rem;position:relative;z-index:1;color:var(--gray);font-weight:600;text-transform:uppercase;font-size:.9rem}
.plan-cta-title-sixtile-section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd;z-index:0}
.plan-cta-title-plan-title{font-size:24px;padding:5px 10px;background:var(--accent);color:var(--primary-dark);margin-bottom:0;text-align:center;font-weight:700;border-radius:4px 4px 0 0}
.plan-cta-title-price-section{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}
.plan-cta-title-price-amount{font-weight:700;font-size:2rem;color:var(--primary-dark);margin-bottom:1rem}
.plan-cta-title-price-note{font-size:.9rem;color:var(--gray);margin-bottom:1rem}
.plan-cta-title-learn-more{text-align:center;margin-top:1rem}
.plan-cta-title-learn-more a{color:var(--primary-dark);text-decoration:none;font-weight:500}
.plan-cta-title-learn-more a:hover{text-decoration:underline}
.side-premium-offer-cta {
 background: linear-gradient(236deg, #065a99de 0%, #0c2ba3 100%);
    color: #fff;
    position: relative;
    padding: 30px 25px;
    border-radius: 16px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(6,90,153,.2);
    border: 1px solid rgba(255,255,255,.2);
    backdrop-filter: blur(10px);
    transition: all .4s cubic-bezier(.175,.885,.32,1.275);
}

.side-premium-offer-cta:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(6,90,153,.3);
}

.side-premium-offer-icon {
    width: 70px;
    height: 70px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 1.8rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.3);
    transition: all .3s ease;
}

.side-premium-offer-cta:hover .side-premium-offer-icon {
    transform: scale(1.1);
    background: rgba(255,255,255,.3);
}

.side-premium-offer-title {
    font-size: 1.4rem;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.side-premium-offer-desc {
    opacity: .9;
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: .95rem;
}

.side-premium-offer-features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 25px;
}

.side-premium-offer-feature {
    font-size: .85rem;
    opacity: .9;
}

.side-premium-offer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: .9rem;
    transition: all .3s ease;
    border: 2px solid transparent;
    cursor: pointer;
    background: #fff;
    color: #065a99;
}

.side-premium-offer-btn:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
}

.side-premium-offer-footer {
    margin-top: 15px;
    padding-top: 15px;
}

.side-premium-offer-note {
    font-size: .75rem;
    opacity: .8;
}
.agent-cta-offer {background:#fff;color:#2c3e50;text-align:left;padding:25px;border-radius:16px;overflow:hidden;position:relative}
.agent-cta-offer:hover {border-color:#667eea}
.agent-cta-offer::before {content:'';position:absolute;top:0;left:0;right:0;height:4px}

.agent-cta-offer-header {display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}

.agent-cta-offer-avatar {width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #e2e8f0;transition:all .3s ease}
.agent-cta-offer:hover .agent-cta-offer-avatar {border-color:#065a99;transform:scale(1.05)}
.agent-cta-offer-avatar img {width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.agent-cta-offer:hover .agent-cta-offer-avatar img {transform:scale(1.1)}

.agent-cta-offer-profile {display:flex;flex-direction:column;flex:1}
.agent-cta-offer-name {font-weight:700;font-size:1rem;color:#1e293b;margin-bottom:4px}
.agent-cta-offer-role {font-size:.85rem;color:#64748b;background:#f8fafc;padding:4px 8px;border-radius:6px;display:inline-block;border:1px solid #e2e8f0}

.agent-cta-offer-body {margin-bottom:25px}
.agent-cta-offer-title {font-size:1.3rem;margin-bottom:12px;font-weight:700;color:#1e293b;line-height:1.3}
.agent-cta-offer-desc {color:#64748b;margin-bottom:20px;line-height:1.6;font-size:.95rem}

.agent-cta-offer-rating {display:flex;flex-direction:column;gap:8px;background:#f8fafc;padding:15px;border-radius:12px;border:1px solid #f1f5f9}
.agent-cta-offer-stars {color:#f59e0b;font-size:.9rem;letter-spacing:1px}
.agent-cta-offer-rating-text {font-size:.8rem;color:#64748b;font-weight:500}

.agent-cta-offer-btn {
    background:transparent;color:#065a99;border:2px solid #065a99;width:100%;
    justify-content:center;padding:14px 24px;border-radius:12px;font-weight:600;
    font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;
    gap:8px;text-decoration:none;position:relative;overflow:hidden
}
.agent-cta-offer-btn::before {
    content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);
    transition:left .5s ease
}
.agent-cta-offer-btn:hover::before {left:100%}
.agent-cta-offer-btn:hover {background:#065a99;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}
.agent-cta-offer-btn:active {transform:translateY(0)}

.banner-container{background:linear-gradient(#065a99de, #0c2ba3e6),url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') center/cover;color:#fff;padding:60px 40px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);margin:0 auto;text-align:center;position:relative;overflow:hidden}.banner-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 70%);animation:banner-pulse 15s infinite linear}@keyframes banner-pulse{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.banner-title{font-size:2.5rem;font-weight:600;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;line-height:1.2;white-space:nowrap;padding:0 20px}.banner-title span{color:#ffd166}.banner-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:40px;opacity:.9;position:relative;max-width:700px;margin:0 auto}.banner-products-container{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:12px;padding:30px;margin:40px 0;position:relative}.banner-products-row{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;align-items:center}.banner-product-logo{height:70px;width:auto;transition:all .3s ease;filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.1));padding:10px;background:rgba(255,255,255,.2);border-radius:12px}.banner-product-logo:hover{transform:translateY(-5px) scale(1.1);filter:brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0,0,0,.3));background:rgba(255,255,255,.3)}.banner-cta-container{position:relative;margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.banner-cta-button{color:#fff;border:none;padding:18px 40px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden;z-index:1;min-width:220px}.banner-cta-primary{background-color:var(--banner-primary);box-shadow:0 4px 15px rgba(67,97,238,.4);border:2px solid rgba(255,255,255,.3)}.banner-cta-secondary{background-color:var(--banner-secondary);box-shadow:0 4px 15px rgba(12,43,163,.4);border:2px solid rgba(255,255,255,.3)}.banner-cta-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .3s ease;opacity:0}.banner-cta-primary::before{background:linear-gradient(45deg,#4361ee,#0c2ba3)}.banner-cta-secondary::before{background:linear-gradient(45deg,#0c2ba3,#4361ee)}.banner-cta-button:hover::before{opacity:1}.banner-cta-button:hover{transform:translateY(-3px)}.banner-cta-primary:hover{box-shadow:0 8px 25px rgba(67,97,238,.6)}.banner-cta-secondary:hover{box-shadow:0 8px 25px rgba(12,43,163,.6)}.banner-floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.banner-shape{position:absolute;opacity:.1;border-radius:50%;animation:banner-float 15s infinite linear}.banner-shape:nth-child(1){width:100px;height:100px;background:#4cc9f0;top:10%;left:10%;animation-delay:0s}.banner-shape:nth-child(2){width:150px;height:150px;background:#f72585;bottom:15%;right:10%;animation-delay:3s}.banner-shape:nth-child(3){width:70px;height:70px;background:#ffd166;top:60%;left:20%;animation-delay:6s}@keyframes banner-float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}@media (max-width:1200px){.post-c-banner-content {
        padding: 0 40px;
    }
    
    .post-c-container {
        padding: 0 40px;
    }
    
    .post-c-featured-image {
        width: 350px;
        height: auto;
    }
    
    .post-c-banner-text.post-c-with-image {
        max-width: 550px;
    }
    
    .post-c-banner-text.post-c-without-image {
        max-width: 800px;
    }.plan-cta-title-sixtile-table-2{grid-template-columns:repeat(2,1fr)}.banner-title{font-size:2.2rem;white-space:normal}}@media (max-width:992px){.post-c-inner-banner-fullwidth {
        padding: 30px 0;
    }
    
    .post-c-banner-content {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .post-c-banner-text.post-c-with-image,
    .post-c-banner-text.post-c-without-image {
        max-width: 100%;
    }
    
    .post-c-featured-image {
        width: 300px;
        height: auto;
        order: -1;
    }
    
    .post-c-content-sidebar-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    .post-c-sidebar {
        width: 100%;
    }
    
    .post-c-main-content {
        padding: 30px;
    }
    
    .post-c-author-bio {
        flex-direction: column;
        text-align: center;
    }
    
    .post-c-author-avatar img {
        width: 100px;
        height: 100px;
    }
    
    .post-c-related-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }.banner-title{font-size:2rem}.banner-subtitle{font-size:1.2rem}.banner-products-row{gap:25px}.banner-product-logo{height:60px}}@media (max-width:768px){.side-premium-offer-cta { padding: 25px 20px; }
    .side-premium-offer-icon { width: 60px; height: 60px; font-size: 1.5rem; }
    .side-premium-offer-title { font-size: 1.3rem; }
    .side-premium-offer-desc { font-size: .9rem; }.plan-cta-title-sixtile-table-2{grid-template-columns:1fr}
.plan-cta-title-sixtile-header h1{font-size:2rem}.banner-container{padding:40px 20px}.banner-title{font-size:1.8rem}.banner-subtitle{font-size:1rem;margin-bottom:30px}.banner-products-container{padding:20px 10px}.banner-products-row{gap:15px}.banner-product-logo{height:50px;padding:8px}.banner-cta-button{padding:15px 30px;font-size:1rem;min-width:180px}.banner-cta-container{gap:15px}}@media (max-width:576px){.banner-title{font-size:1.5rem}.banner-product-logo{height:40px;gap:10px}.banner-cta-container{flex-direction:column;align-items:center;gap:10px}.banner-cta-button{width:100%;max-width:250px}}


/* Modern Layout Structure */
.modern-content-container {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.modern-main-content {
    background: #fff;
    border-radius: 8px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.modern-sidebar {
    position: sticky;
    top: 20px;
    align-self: start;
}

/* Article Styling */
.modern-article {
    margin-bottom: 60px;
}

.modern-featured-image {
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden;
}

.modern-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.modern-featured-image:hover img {
    transform: scale(1.02);
}

.modern-title {
    font-size: 2rem;
    margin: 0 0 15px;
    color: #222;
    line-height: 1.3;
}

.modern-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    font-size: 0.9rem;
    color: #666;
}

.modern-meta i {
    margin-right: 5px;
}

.modern-article-content {
    line-height: 1.7;
    color: #444;
}

.modern-article-content p {
    margin-bottom: 1.5em;
}

.modern-read-more {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 20px;
    background: #065a99;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.modern-read-more:hover {
    background: #0c39a3;
    transform: translateY(-2px);
}
.modern-taxonomies {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 0.9rem;
}

.modern-categories, .modern-tags {
    display: inline-block;
    margin-right: 15px;
}
ol, ul {text-align:justify;}
 /* Tables */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 30px 0;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            border-radius: 8px;
            overflow: hidden;
        }
        
        th, td {
            padding: 15px;
            text-align: left;
            border: 1px solid #064f96 !important;
        }
        
        th {
            background: linear-gradient(175deg, var(--primary), #072f8c);
            color: white;
            font-weight: 600;
		border: 1px solid #064f96;
        }
        
        tr:nth-child(even) {
            background-color: #f9fafb;
        }
        
        tr:hover {
            background-color: #f0f4ff;
        }
.widget{background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 10%);
    margin-bottom: 25px;}
/* Responsive Design */
@media (max-width: 768px) {
    .modern-content-container {
        grid-template-columns: 1fr;
    }
    
    .modern-main-content {
        padding: 25px;
    }
    
    .modern-meta {
        flex-wrap: wrap;
        gap: 10px;
    }
 .widget_recent_entries {
        padding: 20px;
    }
    
    .widget_recent_entries .widget-title {
        font-size: 1.1rem;
    }
    
    .widget_recent_entries a {
        font-size: 0.9rem;
    }
    
    .widget_categories {
        padding: 20px;
    }
    
    .widget_categories .widget-title {
        font-size: 1.1rem;
    }
    
    .post-c-sidebar-search {
        padding: 20px;
    }
    
    .post-c-toc-widget {
        padding: 20px;
    }
    
    .post-c-toc-title {
        font-size: 1.1rem;
    }
    
    .post-c-search-btn {
        padding: 12px 15px;
        gap: 0;
    }
    
    .post-c-search-btn .fas {
        margin: 0;
    }
    .agent-cta-offer {padding:20px}
    .agent-cta-offer-header {gap:12px;margin-bottom:15px;padding-bottom:15px}
    .agent-cta-offer-avatar {width:50px;height:50px}
    .agent-cta-offer-title {font-size:1.2rem}
    .agent-cta-offer-desc {font-size:.9rem}
    .agent-cta-offer-btn {padding:12px 20px;font-size:.9rem}
.ai-sum-button-container {
        padding: 20px;
    }
    .ai-sum-button-container .ai-sum-urb {
        font-size: 1rem;
    }
    .ai-sum-link-button {
        padding: 10px 16px;
        font-size: .9rem;
    }
}






/* =============================================
   Inner Page Layout
   ============================================= */

.inner-page-container {
    padding: 60px 0;
    background-color: #fff;
}

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

.inner-page-wrapper {
    display: flex;
    gap: 50px;
}

.inner-page-content {
    flex: 1;
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    border-radius: 8px;
}

.inner-page-sidebar {
    width: 300px;
    flex-shrink: 0;
}

/* Reading Progress Bar */
.reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    z-index: 1000;
}

.reading-progress-bar {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #4361ee, #f72585);
    transition: width 0.1s ease;
}

/* =============================================
   Modern Content Styling
   ============================================= */

.modern-content {
    line-height: 1.8;
    color: #444;
    font-size: 1.1rem;
}

.modern-content .entry-header {
    margin-bottom: 50px;
    text-align: center;
}

.modern-content .entry-title {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #222;
    line-height: 1.3;
    font-weight: 600;
}

.modern-content .entry-meta {
    color: #666;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}

.modern-content .entry-content {
    font-size: 1.1rem;
}

.modern-content .entry-content p {
    margin-bottom: 1.8em;
text-align:justify;
}

.modern-content .entry-content h2,
.modern-content .entry-content h3,
.modern-content .entry-content h4 {
    margin: 2em 0 1em;
    line-height: 1.4;
    color: #222;
}

.modern-content .entry-content h2 {
    font-size: 1.8rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-top: 2.5em;
}

.modern-content .entry-content h3 {
    font-size: 1.5rem;
    margin-top: 2em;
}

.modern-content .entry-content ul,
.modern-content .entry-content ol {
    margin: 1.8em 0;
    padding-left: 2em;
}

.modern-content .entry-content li {
    margin-bottom: 0.8em;
text-align:justify;
}

.modern-content .entry-content blockquote {
    border-left: 4px solid #3a0ca3;
    background: #f8f9fa;
    padding: 25px;
    margin: 2.5em 0;
    font-style: italic;
    font-size: 1.2rem;
    color: #555;
}

.modern-content .entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.modern-content .entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 2em 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.modern-content .entry-content .wp-block-image {
    margin: 2.5em 0;
}

.modern-content .post-tags {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.modern-content .tags-label {
    font-weight: bold;
    margin-right: 10px;
    color: #555;
}

/* Table of Contents */
.table-of-contents {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 40px;
    border: 1px solid #eee;
}

.toc-title {
    margin: 0 0 15px 0;
    font-size: 1.2rem;
    color: #333;
}

.toc-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-content li {
    margin-bottom: 8px;
    padding-left: 0;
}

.toc-content a {
    color: #555;
    text-decoration: none;
    transition: color 0.2s ease;
    display: block;
    padding: 5px 0;
}

.toc-content a:hover {
    color: #3a0ca3;
}

.toc-h2 {
    font-weight: 500;
}

.toc-h3 {
    padding-left: 15px;
    font-size: 0.95rem;
}
img:is([sizes="auto" i], [sizes^="auto," i]){width: 100%;height: fit-content;}
/* =============================================
   Premium Sidebar UI
   ============================================= */

/*.modern-sidebar {
    background: rgba(255, 255, 255, 0.95);
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 
        0 12px 32px rgba(0, 0, 0, 0.08),
        0 4px 8px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}*/

/* Widget Headings with Animated Underline */
.modern-sidebar .widget-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1.8rem;
    color: var(--dark);
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
}

.modern-sidebar .widget-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    border-radius: 3px;
    transition: width 0.4s ease;
}

.modern-sidebar .widget:hover .widget-title::after {
    width: 80px;
}

/* -------------------------------
   Ultra Modern Search Widget 
   ------------------------------- */
.modern-sidebar .widget_search {
    position: relative;
    margin-bottom: 2.5rem;
}

.modern-sidebar .search-form {
    position: relative;
    --search-height: 56px;
}

.modern-sidebar .search-field {
    width: 100%;
    height: var(--search-height);
    padding: 0 1.5rem 0 3rem;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    background: rgba(241, 243, 245, 0.6);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    color: var(--dark);
}

.modern-sidebar .search-field:focus {
    background: white;
    box-shadow: 
        0 4px 12px rgba(67, 97, 238, 0.15),
        0 0 0 2px rgba(99, 102, 241, 0.3);
    outline: none;
    transform: translateY(-2px);
}

.modern-sidebar .search-field::placeholder {
    color: #94a3b8;
}

.modern-sidebar .search-submit {
       background: var(--primary, #007bff);
            border: none;
            color: white;
            padding: 0 1.5rem;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
}

.modern-sidebar .search-submit:hover {
    color:#fff;
    /*transform: translateY(-50%) scale(1.1);*/
}

/* Search Icon Animation */
@keyframes searchBounce {
    0%, 100% { transform: translateY(-50%); }
    50% { transform: translateY(-55%); }
}

.modern-sidebar .search-form:focus-within .search-submit {
    /*animation: searchBounce 0.6s ease;*/
}

input{margin:0px;}

/* -------------------------------
   Premium Recent Posts Widget 
   ------------------------------- */
.modern-sidebar .widget_recent_entries ul {
    display: grid;
    gap: 1.25rem;
}

.modern-sidebar .widget_recent_entries li {
    display: flex;
    gap: 1rem;
    align-items: center;
    /*padding: 1rem;
    border-radius: 12px;*/
   /* background: rgba(241, 243, 245, 0.4);*/
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}

.modern-sidebar .widget_recent_entries li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 0;
   /* background: linear-gradient(to bottom, var(--primary), var(--secondary));*/
    transition: height 0.4s ease;
}

.modern-sidebar .widget_recent_entries li:hover {
   /* background: white;*/
    transform: translateY(-3px);
    /* box-shadow: 
        0 8px 24px rgba(99, 102, 241, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.05);*/
}

.modern-sidebar .widget_recent_entries li:hover::before {
    height: 100%;
}

.modern-sidebar .widget_recent_entries .post-thumbnail {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.modern-sidebar .widget_recent_entries li:hover .post-thumbnail {
    transform: scale(1.08) rotate(2deg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.modern-sidebar .widget_recent_entries .post-content {
    flex: 1;
    position: relative;
    z-index: 1;
}

.modern-sidebar .widget_recent_entries a {
    font-weight: 600;
    color: var(--dark);
    line-height: 1.4;
    display: block;
    margin-bottom: 0.3rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

.modern-sidebar .widget_recent_entries a:hover {
    color: var(--primary);
}

.modern-sidebar .widget_recent_entries .post-date {
    font-size: 0.75rem;
    color: var(--gray);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modern-sidebar .widget_recent_entries .post-date::before {
    content: '•';
    color: var(--primary-light);
}

#cat{padding:10px;border: #ccc solid 1px;}
/* -------------------------------
   Luxury Categories Widget 
   ------------------------------- */
.modern-sidebar .widget_categories ul {
    display: grid;
    gap: 0.75rem;
}

.modern-sidebar .widget_categories li {
    position: relative;
}

.modern-sidebar .widget_categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.25rem;
    background: rgba(241, 243, 245, 0.4);
    border-radius: 10px;
    color: var(--dark);
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid rgba(226, 232, 240, 0.6);
    position: relative;
    overflow: hidden;
}

.modern-sidebar .widget_categories a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.modern-sidebar .widget_categories a:hover {
    color: white;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15);
}

.modern-sidebar .widget_categories a:hover::before {
    opacity: 1;
}

.modern-sidebar .widget_categories .post-count {
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary);
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 20px;
    font-weight: 700;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.modern-sidebar .widget_categories a:hover .post-count {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

/* -------------------------------
   Tag Cloud Widget (Premium)
   ------------------------------- */
.modern-sidebar .widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.modern-sidebar .widget_tag_cloud a {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: rgba(241, 243, 245, 0.6);
    color: var(--dark);
    border-radius: 8px;
    font-size: 0.8rem !important;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(226, 232, 240, 0.6);
    position: relative;
    overflow: hidden;
}

.modern-sidebar .widget_tag_cloud a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.modern-sidebar .widget_tag_cloud a:hover {
    color: white;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.modern-sidebar .widget_tag_cloud a:hover::before {
    opacity: 1;
}

.modern-sidebar .widget_tag_cloud a span {
    position: relative;
    z-index: 1;
}

/* -------------------------------
   Responsive Adjustments
   ------------------------------- */
@media (max-width: 768px) {
    .modern-sidebar {
        padding: 1.5rem;
        border-radius: 12px;
    }
    @media (max-width: 768px) {
    .exit-popup-super-exit-popup {
        display: none !important;
    }
    .modern-sidebar .widget_recent_entries li {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .modern-sidebar .widget_recent_entries .post-thumbnail {
        width: 100%;
        height: 120px;
    }
.post-c-inner-banner-fullwidth {
        padding: 25px 0;
    }
    
    .post-c-heading {
        font-size: 2.2rem;
    }
    
    .post-c-meta {
        gap: 15px;
    }
    
    .post-c-meta-item {
        padding: 8px 15px;
    }
    
    .post-c-featured-image {
        width: 280px;
        height: auto;
    }
    
    .post-c-container {
        padding: 0 20px;
    }
    
    .post-c-main-content {
        padding: 25px;
    }
    
    .post-c-card {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .post-c-thumbnail {
        width: 100%;
        height: auto;
        align-self: center;
    }
    
    .post-c-thumbnail-letter {
        font-size: 1.5rem;
    }
    
    .post-c-nav-buttons-container {
        flex-direction: column;
    }
    
    .post-c-nav-button {
        max-width: 100%;
    }
    
    .post-c-comments-wrapper {
        padding: 1.5rem;
        margin: 2rem 0 0;
    }
}

/* =============================================
   Responsive Layout
   ============================================= */

@media (max-width: 1024px) {
    .inner-page-wrapper {
        flex-direction: column;
    }
    
    .inner-page-content {
        max-width: 100%;
        order: 1;
    }
    
    .inner-page-sidebar {
        width: 100%;
        margin-top: 40px;
        order: 2;
    }
}

@media (max-width: 768px) {
    .inner-page-content {
        padding: 30px;
    }
    
    .modern-content .entry-title {
        font-size: 2rem;
    }
    
    .modern-content .entry-meta {
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }
    
    .modern-sidebar {
        padding: 25px;
    }
}

@media (max-width: 480px) {
    .inner-page-content {
        padding: 20px;
    }
    .side-premium-offer-cta { padding: 20px; }
    .modern-content .entry-title {
        font-size: 1.8rem;
    }
    
    .agent-cta-offer {padding:18px;border-radius:12px}
    .agent-cta-offer-header {flex-direction:column;text-align:center;gap:10px}
    .agent-cta-offer-profile {align-items:center}
    .agent-cta-offer-rating {text-align:center}
    .modern-content .entry-content {
        font-size: 1rem;
    }
    
    .modern-content .entry-content h2 {
        font-size: 1.5rem;
    }
    
    .modern-content .entry-content h3 {
        font-size: 1.3rem;
    }
}





/* Active state animation */
.pagination .current {
    animation: pulse 1.5s infinite;
}
/* Search and Filter Section */
.search-filter-section {
    padding: 1rem 0;
    background-color: #f8f9fa;
    margin-bottom: 0rem;
}

.search-filter-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    max-width: 700px; /* Adjusted to fit both elements with gap */
    margin: 0 auto;
}

.search-box {
    width: 100%;
    max-width: 300px;
}

.search-box form {
    position: relative;
    display: flex;
}

.search-field {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    padding-right: 3rem;
}

.search-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    border: none;
    padding: 0 1rem;
    cursor: pointer;
    color: #666;
}

.search-submit:hover {
    color: #4361ee;
}

.category-filter {
    width: 100%;
    max-width: 300px;
}

.category-filter select {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    cursor: pointer;
}

@media (max-width: 700px) {
    .search-filter-container {
        flex-direction: column;
        align-items: center;
        padding: 0 1rem;
    }
    
    .search-box, .category-filter {
        max-width: 100%;
    }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Responsive */
@media (max-width: 1024px) {
  .hero h1 {
    font-size: 3rem;
  }
  
  .hero p {
    font-size: 1.1rem;
  }
}

@media (max-width: 768px) {
  .hero {
    height: 70vh;
    min-height: 500px;
  }
  
  .hero h1 {
    font-size: 2.5rem;
  }
  
  .posts-grid {
    grid-template-columns: 1fr;
  }
  
  .section-title {
    font-size: 2rem;
  }
 .pagination ul {
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    
    .pagination a,
    .pagination span {
        min-width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }
    
    .pagination .prev,
    .pagination .next {
        padding: 0 1rem;
        font-size: 0.9rem;
    }
}

/* Screen reader text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
}

@media (max-width: 480px) {
  .container {
    padding: 0 1rem;
  }
  
  .hero h1 {
    font-size: 2rem;
  }
  
  .hero p {
    font-size: 1rem;
  }
  
  .btn {
    padding: 0.75rem 1.5rem;
  }
}