/* Main Page */
body {
  background-color: #faf6fc;

  font-family: sans-serif;
}
.tlogo{

  color:#ff1a1a !important;
  font-weight: bold;
}
.glogo_blc{
 /* color:#00b894 !important;*/
 color:black;
   font-weight: bold;
}

.glogo_wht{
 /* color:#00b894 !important;*/
 color:white;
   font-weight: bold;
}

a.page-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.post-box {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 10px;
}

.post-title {
  font-size: 20px;
  font-weight: bold;
  color: #340346;
}

.post-date {
  color: #6f527a;
  font-size: 15px;
}

.post-desc {
  color: #340346;
  font-size: 16px;
}

img {
  border-radius: 10px;
}

.ban1 {
  font-size: 25px;
  color: black;
  text-align: center;
  border-radius: 5px;
  background-color: rgba(0, 128, 0, 0.5);
  /* green with opacity */


  padding: 40px;
  /* gives the div height */
}

/* add image in bacground of div */
.bg-banner-mobile {
  background-image: url("/image/main/phone1080.webp");
  background-size: cover;
  background-position: center;
  min-height: 130px;
}

.bg-banner-solar {
  background-image: url("/image/main/sloar_dark.webp");
  /* change image */
  background-size: cover;
  background-position: center;
  min-height: 130px;
}


/* Hover effect */
.bg-banner:hover {
  transform: scale(1.02);
}


/* Mobile View 
@media (max-width: 576px) {

.col-2,
.col-10 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-2 img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.post-title {
  font-size: 18px;
}


}*/

/* Match right sidebar font style with left posts */
.col-lg-3,
.col-lg-3 * {
  font-family: sans-serif !important;
  color: #340346;
  font-size: 16px;
}

/*Main Page End*/
/* Custom Colors based on your original inline styles */

/* Dark Purple (matches Navbar background and primary text) */
.custom-text-primary {
  color: #340346 !important;
}

/* Muted Purple (for dates/secondary text) */
.custom-text-secondary {
  color: #6f527a;
}

/* Light background color for the article item */
.custom-bg-light {
  background-color: #e7d8ec;
}

/* Optional: Add hover effect to the entire list item for better UX */
.custom-bg-light:hover {
  background-color: #f1e4f5;
  /* Slightly lighter on hover */
  cursor: pointer;
}

/* for right side view start*/

/* Sticky sidebar only on large screens */
@media (min-width: 992px) {
  .sidebar-sticky {
    position: sticky;
    top: 80px;
  }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .article-card {
    padding: 10px !important;
  }

  .article-card img {
    max-height: 100px;
    object-fit: cover;
  }

  .custom-text-primary {
    font-size: 16px;
  }

  .custom-text-secondary {
    font-size: 13px;
  }

  .sidebar-sticky {
    position: static;
    margin-top: 20px;
  }
}

/* Smooth hover effect for cards */
.custom-bg-light {
  background-color: #e7d8ec;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.custom-bg-light:hover {
  background-color: #f1e4f5;
  transform: scale(1.01);
  cursor: pointer;
}


/* for right side view end */

/*blog content layout_start*/

.article_h {
  padding-top: 20px;

  /* background: red !important;*/
}

.blog-title {
  font-size: 35px;
  color: #340346;
}

.blog-text {

  font-size: 20px;
}

/*blog content layout_End*/

/*INFO_BOX Start --> किसी शब्द का अर्थ बताने के लिए*/
.info-box {
  display: none;
  /* 🔴 IMPORTANT: hidden by default */
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 8px;
  width: 200px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.clickable {
  cursor: pointer;
  color: rgb(17, 141, 106);
  /*text-decoration: underline;*/
}

/*INFO_BOX End*/

/*Aboutus card start*/
.about_test {
  border: 1px solid;
}

.theme-color {
  color: #963eb6;
}

.theme-border {
  border-color: #963eb6 !important;
}

.about-card {
  border-radius: 12px;
  overflow: hidden;
}

.section-title {
  color: #963eb6;
  font-weight: bold;
  margin-bottom: 15px;
}

.about-text {
  font-size: 1.1rem;
  line-height: 1.9;
  text-align: justify;
}

.custom-list li {
  margin-bottom: 12px;
}

/*Aboutus card end*/