.features-section {
  padding: 60px 20px;
  background-color: #fff;
  color: #333;
  font-family: sans-serif;
}

.features-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px;
}

.features-header h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}

.features-header p {
  color: #777;
  font-size: 15px;
}

.features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  align-items: center;
}

.features-column {
  flex: 1;
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.feature-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.feature-item p {
  font-size: 14px;
  color: #666;
}

.icon {
  font-size: 28px;
  color: #7e22ce;
  margin-top: 3px;
}

.features-image {
  flex: 1;
  min-width: 250px;
  max-width: 300px;
  text-align: center;
}

.features-image img {
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Responsive */
@media (max-width: 991px) {
  .features-grid {
    flex-direction: column;
    align-items: center;
  }

  .features-column {
    max-width: 100%;
  }

  .features-image {
    order: -1;
    margin-bottom: 40px;
  }
}


.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    margin: 0 15px !important;
    border: 2px solid #efefef !important;
}

.tns-horizontal.tns-subpixel>.tns-item a img{
    width: 100%;
    height: 500px;
}

.social-media li a {
    background: #d71e1f;
    color: #fff;
    border-color: #d71e1f;
}

.social-media li a svg {
    width: 24px;
    height: 24px;
}


.about_content p {
    margin-bottom: 15px;
}

.wp-block-heading{
  margin-bottom: 1.5rem; /* mb-6 */
  font-weight: 700;      /* font-bold */
  font-size: 1.5rem;     /* text-2xl (default) */
  line-height: 1.5;      /* leading-normal (default) */
}

@media (min-width: 768px) {
  .wp-block-heading {
    font-size: 1.875rem;   /* md:text-3xl */
    line-height: 1.75rem;  /* md:leading-normal */
  }
}


/* Page Title Section */

.page-title {
    padding: 80px 0 40px;
    background: linear-gradient(to bottom, #fff, #dc3232);
    color: #fff;
}

.page-title h2 {
  font-size: 36px;
  font-weight: bold;
}

/* Blog Page Layout */
.blog-page {
  padding: 60px 0;
}

/* Blog Image */
.single-blog-post .img-box img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
  margin-bottom: 20px;
}

/* Meta Info */
.single-blog-post .meta-info {
  font-size: 14px;
  color: #777;
  margin-bottom: 15px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.single-blog-post .meta-info i {
  margin-right: 5px;
}

/* Blog Title & Content */
.single-blog-post h3 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #222;
}
.single-blog-post .text-box p {
  margin-bottom: 20px;
}

/* Sidebar */
.sidebar {
  padding-left: 20px;
}

/* Search Box */
.sidebar .search input {
  width: calc(100% - 40px);
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 6px 0 0 6px;
  outline: none;
}
.sidebar .search button {
  background-color: #7c3aed;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}
.sidebar .search form {
  display: flex;
  margin-bottom: 30px;
}

/* Sidebar Titles */
.sidebar .title h3 {
  font-size: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #7c3aed;
  padding-bottom: 8px;
}

/* Category List */
.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-list li {
  margin-bottom: 10px;
}
.category-list a {
  color: #4f46e5;
  text-decoration: none;
}
.category-list a:hover {
  text-decoration: underline;
}

/* Latest Posts */
.latest-post .single-latest-post {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.latest-post .img-box img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 5px;
}
.latest-post .text-box h4 {
  font-size: 15px;
  margin: 0 0 5px;
}
.latest-post .text-box span {
  font-size: 13px;
  color: #666;
}
.latest-post a {
  color: #222;
  text-decoration: none;
}
.latest-post a:hover h4 {
  color: #7c3aed;
}