/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.wp-image-30755{border-radius:20px;}
.col-css{
    flex-basis: 0;
    flex-grow: 1;
    border: 1px solid #abc;
    padding: 20px;
    border-radius: 10px;
	background:#004d2b;
	color:#fff;
}
.page-id-3519 .wpcf7-form {
  background: none !important;
	box-shadow: none;
}
.contact_form{padding:5% 0 5% 0;}
.about_us img{border-radius:20px;}
.about_heading{
    font-size: 42px;
    text-align: center;
}
.about_hero{background-image: url('https://fullhousepill.com/wp-content/uploads/2025/10/hero_section.jpg') !important;
background-size: cover !important;}
.abt_ust{padding:80px 0px 80px 40px}
.about_featured_section {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(49% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #f5f5f5;
  padding: 60px 20px; /* good default padding for desktop */
  box-sizing: border-box;
}

/* Tablet screens */
@media (max-width: 992px) {
  .about_featured_section {
    padding: 50px 15px;
  }
}

/* Mobile screens */
@media (max-width: 768px) {
  .about_featured_section {
    padding: 40px 20px;
  }
	.abt_ust {
    padding: 10px;
}
	.about_heading{font-size:24px;}
}
.hidden-fields-container{display:none;}
.form_{background:none;}
.author-avatar img.avatar {
    max-width: none !important;  /* Remove max-width restriction */
    width: 130px;                /* Optional: force width to match height */
    height: 130px;               /* Optional: keep height consistent */
    object-fit: cover;           /* Optional: maintain aspect ratio if needed */
}
#photoswipe-fullscreen-dialog{display:none;}
.menu-sidebar-categories-container #menu-sidebar-categories li {
    margin-bottom: 10px;
    background: #2C673E;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
}
fieldset {
    padding: 10px;
    border-radius: 4px;
}
.woocommerce-js form .form-row label {
    font-size: 12px;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    width: 25px;
}
.about-author-box {
    margin-top: 40px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}
.about-author-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}
.author-info {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.shop-sidebar {
    padding: 20px;
}
.menu-sidebar-categories-container #menu-sidebar-categories li {
    margin-bottom: 10px; /* space between buttons */
}

.menu-sidebar-categories-container #menu-sidebar-categories li a.menu-link {
    display: block;
    padding: 15px;
	font-size:15px;
    background-color: #08663d; /* button background */
    color: #fff; /* button text color */
    text-decoration: none;
    border-radius: 10px; /* pill-shaped */
    transition: all 0.3s ease;
    font-weight: 400;
    text-align: left;
}

.menu-sidebar-categories-container #menu-sidebar-categories li a.menu-link:hover,
.menu-sidebar-categories-container #menu-sidebar-categories li.current-menu-item a.menu-link {
    background-color: #08663d; /* darker hover / active color */
    color: #fff;
}

.bordered-box .box-title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 600;
}
.bordered-box .box-content {
    flex: 1;
}
.bordered-box .box-image {
    max-width: 80px;
    height: auto;
    border-radius: 50%;
    flex-shrink: 0;
}
.bordered-box {
    border: 1px solid #ccc;
    padding: 20px;
    flex: 1 1 300px;
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.blocks-container {
    display: flex;
    gap: 20px;
    margin: 40px 0px 40px 0px;
    flex-wrap: wrap;
}
.single-product .variations {
    border-bottom: none !important;
}
.single-product .variations select#pa_quantity {
    display: none;
}

.quantity-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.quantity-pills .pill {
    padding: 12px 18px;
    border: 1px solid #ccc;
    border-radius: 50px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
	color:#000;
}

.quantity-pills .pill:hover {
    background-color: #f2f2f2;
}

.quantity-pills .pill.selected {
    background-color: #08663d;
    color: #fff;
    border-color: #08663d;
}

.wp-block-social-link-anchor{color:#fff !important;}
.wp-block-social-link{    background: #fff;
    width: 40px;
    height: 29px;
    text-align: center;
    padding: 2px;
    border-radius: 5px;
}
.custom-feature-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns on desktop */
  gap: 0px; /* spacing between boxes */
  align-items: center;
  text-align: center;
  margin: 80px 0 30px 0;;
}

.custom-feature-box p {
  display: flex;
  flex-direction: column; /* icon on top, text below */
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #1a1a1a;
  margin: 0;
}

.custom-feature-icon {
  max-width: 60px !important;
  height: auto;
  margin-bottom: 10px;
}

/* Responsive: 2 columns on mobile */
@media (max-width: 768px) {
  .custom-feature-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .custom-feature-box p {
    font-size: 14px;
  }

  .custom-feature-icon {
    max-width: 50px;
    margin-bottom: 8px;
  }
}

.mycatreviews-wrapper{ margin:30px 0; }
.mycatreviews-title{ font-size:1.2rem; margin-bottom:12px; }
.mycatreview-item{ border-bottom:1px solid #eee; padding:12px 0; }
.mycatreview-product a{ font-weight:600; display:block; margin-bottom:6px; }
.mycatreview-rating{ margin-bottom:6px; }
.mycatreview-meta{ font-size:0.9rem; color:#666; margin-bottom:8px; }
.mycatreview-content{ font-size:0.95rem; color:#333; }
.mycatreviews-pagination{ margin-top:12px; }
/* Pagination Styling for Category Reviews */
.mycatreviews-pagination {
  text-align: center;
  margin: 20px 0;
}

.mycatreviews-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  gap: 8px;
}

.mycatreviews-pagination li {
  display: inline-block;
}

.mycatreviews-pagination a,
.mycatreviews-pagination span {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: all 0.2s ease;
}

.mycatreviews-pagination a:hover {
  background: #333;
  color: #fff;
  border-color: #333;
}

.mycatreviews-pagination .current {
  background: #333;
  color: #fff;
  border-color: #333;
}

/*******Author page css ********/
.post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  gap: 20px; /* space between items */
}

.post-item {
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.post-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
}

/* 📱 Responsive breakpoints */
@media (max-width: 991px) {
  .post-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet */
  }
}

@media (max-width: 600px) {
  .post-grid {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
}

/* ===== Author two-column layout - paste into header or theme stylesheet ===== */
.content-page.container.sidebar-mobile-bottom .fh-main .author-layout {
  display: flex !important;
  gap: 30px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
  box-sizing: border-box;
}

/* Left card */
.content-page.container.sidebar-mobile-bottom .fh-main .author-layout .author-left {
  flex: 0 0 280px !important;
  max-width: 280px !important;
  box-sizing: border-box;
  background: #fff;
  padding: 22px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Remove inner .row negative margins that break layout */
.content-page.container.sidebar-mobile-bottom .fh-main .author-left .row {
  margin: 0 !important;
  width: 100% !important;
}

/* Right content */
.content-page.container.sidebar-mobile-bottom .fh-main .author-layout .author-right {
  flex: 1 1 calc(100% - 320px) !important;
  min-width: 300px;
  box-sizing: border-box;
  background: #fff;
  padding: 26px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Avatar */
.content-page.container.sidebar-mobile-bottom .author-bio img,
.content-page.container.sidebar-mobile-bottom .author-left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto 12px;
}

/* Social icons row */
.content-page.container.sidebar-mobile-bottom .image-profile {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
}

/* Name / profession */
.ava_name h1 { font-size: 20px; margin: 6px 0 4px; font-weight: 600; text-align:center; }
.ava_name p { color: #666; font-size: 14px; margin: 0 0 8px; text-align:center; }

/* Profile section headings */
.profile_headngs {
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 2px solid #f1f1f1;
  padding-bottom: 6px;
}

/* Make sure post grid sits below with spacing */
.top-heading-auth { margin-top: 28px; margin-bottom: 16px; }

/* Responsive: stack on small screens */
@media (max-width: 992px) {
  .content-page.container.sidebar-mobile-bottom .fh-main .author-layout {
    flex-direction: column;
  }
  .content-page.container.sidebar-mobile-bottom .fh-main .author-layout .author-left,
  .content-page.container.sidebar-mobile-bottom .fh-main .author-layout .author-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/******Author page css ********/
.site-content .ast-container {
        display: block !important;
}
/****Homepage css starts***/
/********Homeapage css**********/
.info_section{margin-top: 5%;}
.info_row {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Left image width */
.info_left {
  flex: 1 1 50%;
}

/* Right content width */
.info_right {
  flex: 1 1 50%;
}
.info_right h3 {
  font-weight: 600;
  font-size: 20px;
}

/* Image responsive */
.info_left img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .ed_content h2 {
    font-size: 24px;
  }
  .ed_content p {
    font-size: 15px;
  }
  .ed_list img {
    width: 40px;
  }
  .popular_products_heading {
    font-size: 26px;
  }
  .popular_products_text {
    font-size: 16px;
    padding: 0 10px;
  }
  .features_container {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .ed_container {
   flex-direction: column;
   text-align: center;
 }
 .ed_image_box {
   width: 100%;
   margin-bottom: 25px;
 }
 .ed_list a {
   justify-content: center;
 }
  .features_container {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .features_item h3 {
    font-size: 18px;
  }
  .features_item p {
    font-size: 15px;
  }
}


.ed_section {
  padding: 30px 20px;
  background: #fff;
}

/* Container */
.ed_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
}

/* Left Image Box */
.ed_image_box {
  flex: 1;
}
.ed_image_box img {
  width: 100%;
  height: auto;
  display: block;
}

/* Right Content */
.ed_content {
  flex: 1;
}
.ed_content h2 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #007a4d; /* green */
}
.ed_content p {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* Product list */
.ed_list {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
.ed_list li {
  margin-bottom: 15px;
}
.ed_list a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000; /* blue links */
  font-weight: 600;
  transition: color 0.3s;
}
.ed_list a:hover {
  color: #007a4d; /* green on hover */
}
.ed_list img {
  width: 50px;
  height: auto;
  margin-right: 12px;
  border-radius: 10px;
  background: #f0f0f5;
  padding: 5px;
}

/* Button */
.ed_button a {
  display: inline-block;
  padding: 20px 40px;
  background: #004d2b;
  color: #fff;
  width: 80%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  border-radius: 50px;
  transition: background 0.3s;
}
.ed_button a:hover {
  background: #00663a;
}
.features_section {
  padding: 60px 20px;
  background: #f9f9f9;
}

/* Container as grid */
.features_container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.features_item{
    border: 1px solid #000;
    border-radius: 10px;
    padding: 20px;
}

/* Feature item */
.features_item img {
  width: 70px;
  height: auto;
  margin-bottom: 15px;
}

.features_item h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

.features_item p {
  font-size: 16px;
  color: #555;
  line-height: 1.5;
  padding: 0 10px;
}

/* Section wrapper */
.popular_products_section {
  padding: 60px 20px;
  background: #fff;
}

/* Container */
.popular_products_container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Row */
.popular_products_row {
  display: flex;
  justify-content: center;
}

/* Column */
.popular_products_column {
  flex: 1;
}
.features_section {
  padding: 40px 0;
  background: #fff;
}

.features_section_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* List Layout */
.features_section_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.features_section_item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
}

.features_section_item i {
  font-size: 1.4rem;
  color: #66c791; /* match brand green */
}
/* Container */
.hero_section{background: #FCF0E4;
    border-radius: 10px;
	margin-top:3%;
}
.hero_section_text{
  padding:50px;
}
.hero_section_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Flex Row */
.hero_section_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/* Columns */
.hero_section_col {
  min-width: 280px;
}

/* Text Column */
.hero_section_text h1 {
  font-size: 2.2rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

.hero_section_btn {
  display: inline-block;
  padding: 12px 24px;
  background: #66c791;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.3s;
}

.hero_section_btn:hover {
  background: #4da573;
}

/* Image Column */
.hero_section_image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.categories_section {
  padding: 40px 0;
  background: #f9f9f9;
}

.categories_section_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.categories_section_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  align-items: center;
  justify-items: center;
}

.categories_section_item img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.categories_section_item:hover img {
  transform: scale(1.05);
}
/* Responsive Adjustments */
@media (max-width: 1024px) {
  .features_section_list {
    gap: 25px;
  }

  .features_section_item {
    font-size: 1rem;
  }
  .features_section_list {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .features_section_item {
    font-size: 0.95rem;
  }

  .features_section_item i {
    font-size: 1.2rem;
  }
  .hero_section_row {
    flex-direction: column;
    text-align: center;
  }

  .hero_section_text h1 {
    font-size: 1.8rem;
  }

  .hero_section_btn {
    margin-top: 15px;
  }
  .categories_section_grid {
  grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
  .ed_section {
    padding: 0px;
    background: #fff;
  }
  .info_row {
      flex-direction: column; /* stack vertically */
    }

    /* Mobile order: title → image → paragraph */
    .info_right h3 {
      order: 1;
    }
    .info_left {
      order: 2;
    }
    .info_right p {
      order: 3;
    }
.ed_list a{justify-content: left;}
.ed_content p{text-align: justify;}
.ed_content h2 {
        text-align: left;
        font-size: 20px !important;
    }
    .ed_image_box{padding: 0px;}
    .ed_button a{width: 80%;text-align: center;}
    .ed_container {
        flex-direction: column; /* stack everything */
      }

      .ed_content,
      .ed_image_box {
        flex: 1 1 100%; /* full width */
      }

      /* Reorder elements inside content */
      .ed_content h2 {
        order: 1; /* Title first */
      }

      .ed_image_box {
        order: 2; /* Image second */
      }

      .ed_content p {
        order: 3; /* Paragraph third */
      }

      .ed_content .ed_list {
        order: 4; /* List fourth */
      }

      .ed_content .ed_button {
        order: 5; /* Button last */
      }


  .features_container {
    grid-template-columns: 1fr;
  }
  .features_item h3 {
    font-size: 16px;
  }
  .features_item p {
    font-size: 14px;
  }
  .popular_products_section {
    padding: 40px 15px;
  }
  .popular_products_heading {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .popular_products_text {
    font-size: 15px;
    line-height: 1.5;
  }
  .hero_section_text h1 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .hero_section_btn {
    padding: 10px 18px;
    font-size: 0.9rem;
  }

  .hero_section_image img {
    max-width: 90%;   /* add breathing room */
    margin: 0 auto;   /* center image */
  }

  .hero_section_container {
    padding: 0 10px;
  }
  .hero_section_text{
    padding:0px;
  }
  .categories_section_grid {
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
 }

 .categories_section_item img {
   border-radius: 6px;
 }
}
}
/********Homeapage css Ends**********/
/* CSS */
.custom-feature-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
  align-items: center;
  margin: 20px 0;
}

.custom-feature-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-feature-icon {
  font-size: 28px;
  color: #333; /* Change icon color if needed */
  margin-bottom: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .custom-feature-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

/* Wrapper Layout */
.shop-page-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Sidebar */
.shop-sidebar {
    flex: 0 0 25%;
    box-sizing: border-box;
}

/* Product Grid */
.category-products {
    flex: 1;
    box-sizing: border-box;
}

/* Responsive - Stack on Mobile */
@media (max-width: 768px) {
    .shop-page-wrapper {
        flex-direction: column;
    }

    .shop-sidebar,
    .category-products {
        flex: 0 0 100%;
    }

    .shop-sidebar ul,
    .shop-sidebar li {
        word-break: break-word;
        line-height: 1.4;
    }

    .shop-sidebar h2, .shop-sidebar h3 {
        font-size: 1.2rem;
    }
}


#secondary{width:100% !important;margin: 0px;}
.category-layout .category-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.category-layout .category-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
   margin-top: 40px;
}

.category-layout .col-left {
    font-size: 16px;
    line-height: 1.6;
	text-align:justify;
}

.category-layout .col-right img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

/* 🔹 Responsive for tablets and mobiles */
@media (max-width: 768px) {
    .category-layout .category-header {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .category-layout .col-left {
        order: 2; /* show description below image */
        margin-top: 15px;
    }

    .category-layout .col-right {
        order: 1;
    }

    .category-layout .category-title {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .category-layout .category-title {
        font-size: 20px;
    }

    .category-layout .col-left {
        font-size: 15px;
        line-height: 1.5;
    }
}
  .layout {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }

  .sidebar {
    position: sticky;
    top: 100px;
    flex: 0 0 250px;
    background-color: #f5fdf9;
    border: 1px solid #d9e8dd;
    border-radius: 8px;
    padding: 10px;
    height: fit-content;
  }

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

  .sidebar li {
    margin-bottom: 8px;
  }

  .sidebar a {
    display: block;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    transition: background 0.3s;
  }

  .sidebar a:hover {
    background-color: #e0f3e8;
  }

  .sidebar a.active {
    background-color: #d9e8dd;
    font-weight: bold;
  }

  .content {
    flex: 1;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
  }

  .content section {
    margin-bottom: 40px;
  }

  .content h2 {
    margin-top: 0;
    font-size: 1.5em;
  }

  @media (max-width: 768px) {
    .layout {
      flex-direction: column;
    }

    .sidebar {
      position: relative;
      top: auto;
      width: 100%;
    }
  }

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  gap: 20px;
  margin-top: 5%;
}

.blog-post-box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 0px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.post-title{padding-left: 15px;padding-right: : 15px;}
.post-meta{padding-left: 15px;}
.post-excerpt{padding-left: 15px;padding-bottom: 15px;}

.blog-post-box img {
  width: 100%;
  border-radius: 6px;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet */
  }
}

@media (max-width: 768px) {
  .blog-grid {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
}
.info-banner {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    background-color: #e9f8eb;
    border-radius: 10px;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 calc(25% - 20px);
    margin: 10px;
    font-family: Arial, sans-serif;
}