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

    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      background-color: #f8f9fa;
      color: #333;
    }

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

    /* Header Section */
    .headerB {
        /* margin-top: 90px; */

      background: linear-gradient(135deg, #084c7f, #1078bf);
      color: #f8f9fa;
      padding: 3rem 2rem;
      text-align: center;
      clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    }

    .headerB h1 {
      font-size: 2.5rem;
    }

    .headerB p {
      margin-top: 0.5rem;
    }

    /* Featured Section */
    .featured-sectionB {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      margin-top: 2rem;
    }

    .featured-cardB {
      flex: 1 1 30%;
      background-color: #e5f3ff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
    }

    .featured-cardB:hover {
      transform: translateY(-5px);
    }

    .featured-cardB img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .featured-contentB {
      padding: 1.5rem;
    }

    .featured-titleB {
      font-size: 1.5rem;
      color: #084c7f;
      margin-bottom: 0.5rem;
    }

    .featured-descriptionB {
      font-size: 1rem;
      color: #2c3e50;
      margin-bottom: 1rem;
    }

    .read-moreB {
      text-decoration: none;
      color: #084c7f;
      font-weight: bold;
      transition: color 0.3s;
    }

    .read-moreB:hover {
      color: #1078bf;
    }

    /* Recent Posts Section */
    .recent-postsB {
      margin-top: 2rem;
    }

    .recent-title {
      font-size: 2rem;
      color: #084c7f;
      text-align: center;
      margin-bottom: 1rem;
    }

    .post-gridB {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
    }

    .post-cardB {
      flex: 1 1 45%;
      background-color: #ffffff;
      border-radius: 8px;
      padding: 1rem;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
    }

    .post-cardB:hover {
      transform: translateY(-5px);
    }

    .post-cardB img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 6px;
    }

    .post-contentB {
      padding: 0.5rem;
    }

    .post-titleB {
      font-size: 1.2rem;
      color: #084c7f;
      margin-bottom: 0.5rem;
    }

    .post-excerptB {
      color: #2c3e50;
      font-size: 0.9rem;
    }

    /* CTA Section */
    .cta-sectionB {
      background: linear-gradient(135deg, #1078bf, #084c7f);
      color: #ffffff;
      padding: 2rem;
      text-align: center;
      border-radius: 8px;
      margin-top: 2rem;
      clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);
    }

    /* .cta-sectionB h2 {
      font-size: 2rem;
      margin-bottom: 0.5rem;
    }

    .cta-sectionB p {
      margin-bottom: 1rem;
    }

    .cta-buttonB {
      background-color: #ffffff;
      color: #1078bf;
      padding: 0.8rem 1.5rem;
      border: none;
      border-radius: 8px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .cta-buttonB:hover {
      background-color: #f8f9fa;
    } */

    /* Responsive Design */
    @media (max-width: 768px) {
      .featured-sectionB, .post-gridB {
        flex-direction: column;
      }
    }

    @media (max-width: 480px) {
        /* .headerB{
            margin-top: 60px;
        } */
      .headerB h1 {
        font-size: 1.8rem;
      }

      .featured-sectionB, .post-gridB {
        flex-direction: column;
      }

      .featured-cardB, .post-cardB {
        flex: 1 1 100%;
      }

      .headerB p {
        font-size: 0.9rem;
      }

      .featured-cardB img, .post-cardB img {
        height: 130px;
      }

      .featured-titleB {
        font-size: 1.3rem;
      }

      .post-titleB {
        font-size: 1.1rem;
      }

      .cta-sectionB h2 {
        font-size: 1.8rem;
      }

      .cta-sectionB p {
        font-size: 1rem;
      }

      .cta-buttonB {
        font-size: 0.9rem;
        padding: 0.7rem 1.3rem;
      }
    }

    @media (max-width: 350px) {
      .headerB h1 {
        font-size: 1.6rem;
      }

      .headerB p {
        font-size: 0.8rem;
      }

      .featured-cardB img, .post-cardB img {
        height: 120px;
      }

      .featured-titleB, .post-titleB {
        font-size: 1rem;
      }

      .cta-sectionB h2 {
        font-size: 1.5rem;
      }

      .cta-sectionB p {
        font-size: 0.9rem;
      }

      .cta-buttonB {
        font-size: 0.8rem;
        padding: 0.6rem 1.1rem;
      }
    }

    /*  */
   
/* Social Media Follow Section Styling */
#follow-us {
  text-align: center;
  padding: 40px 20px;
  /* background-color: #f8f9fa; */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* max-width: 700px; */
  margin: 0 auto;
  color: #fff;
}

#follow-us h2 {
  font-size: 1.8rem;
  /* color: #084C7F; */
  margin-bottom: 10px;
}

#follow-us p {
  font-size: 1rem;
  /* color: #333; */
  margin-bottom: 20px;
}

/* Social Icons Styling */
.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.social-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
  text-decoration: none;
}

/* Icon Hover Effects */
.social-icon:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Icon Colors */
.facebook { background-color: #316ff6; }
.instagram { background-color: #e4405f; }
.linkedin { background-color: #0077b5; }
.twitter { background-color: white;color: black; }
.threads { background-color: #fff; color: black; }
.whatsapp {background-color: #25d366; color: white;}
.youtube{background-color: red; color: white;}

/* Responsive Styling for 360px - 480px */
@media (max-width: 480px) {
  #follow-us {
      padding: 20px;
  }

  #follow-us h2 {
      font-size: 1.5rem;
  }

  .social-icons {
      gap: 10px;
      flex-wrap: wrap; /* Allows icons to wrap on smaller screens */
  }

  .social-icon {
      width: 45px;
      height: 45px;
      font-size: 1.2rem;
  }
}


/*  */
    #blog {
        padding: 20px;
        text-align: center;
        background-color: #f8f9fa;

      }
      
      #headMain h1 {
        font-size: 2rem;
        color: #2c3e50;
        margin-bottom: 10px;

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

      }
      
      .blog-card {
        position: relative;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s ease;
      }
      
      .blog-card:hover {
        transform: translateY(-5px);
      }
      
      .blog-card img {
        width: 100%;
        /* height: auto; */
        background-color: #e5f3ff;
        height: 300px;
        object-fit: contain;
        border-bottom: 3px solid #1078bf;
      }
      
      .blog-content {
        padding: 15px;
        color: #2c3e50;
        font-size: 0.95rem;
        background-color: #f8f9fa;

      }
      
      @media (max-width: 480px) {
        #headMain h1 {
          font-size: 1.5rem;
        }
      
        .blog-card {
          grid-column: span 1;
          font-size: 0.9rem;
        }
      
        .blog-content p {
          font-size: 0.85rem;
        }
      }