/*----About-----*/

.hero-about-us {

  background: url("../images/about-us/about-us-hero.webp") center/cover no-repeat;

  height: 635px;

  display: flex;

  align-items: center;

}



/* Left side gradient (dark) */



.all_india_txt {

  font-size: 48px;

  line-height: 70px;

  font-weight: 500;

  color: #ffffff;

}



.legacy_unites_txt {

  font-size: 22px;

  line-height: 35px;

  font-weight: 400;

  color: #ffffff;

  margin-top: 24px;

}



.about_txt {

  font-size: 16px;

  line-height: 26px;

  color: #313131;

  font-weight: 400;
  text-align: justify;

}



.about_us_heading {

  color: #0060f0;

  font-size: 36px;

  line-height: 46px;

  font-weight: 500;

  margin-bottom: 24px;

}



.about_last_txt {

  margin-top: 28px;

}



.about-img {

  margin-top: 4px;

}



.glance-section {

  background: #f6f6f7;

  padding: 60px 0;

}



.glance-section h3 {

  font-weight: 500;

  margin-bottom: 24px;

  font-size: 22px;

  line-height: 35px;

  color: #000000;

}



.member-card {

  text-align: center;

  padding: 20px 4px;

}



.member-name {

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 4px;

  line-height: 24px;

  color: #1d2130;

}
.member-designation{
    margin-bottom: 6px;
    font-size: 14px;
}



.member-location {

  font-size: 12px;

  line-height: 18px;

  color: #313131;

  margin-bottom: 9px;

}



.member-phone {

  font-size: 14px;

  color: #313131;

  line-height: 18px;

  font-weight: 400;

}



.state-title {

  font-size: 22px;

  font-weight: 500;

  color: #0060f0;

  margin-bottom: 50px;

  margin-top: 50px;

  line-height: 35px;

}



.cstm_gap {

  gap: 47px;

  margin-bottom: 50px;

}



.common_heading_txt {

  color: #1d2130;

  font-size: 36px;

  line-height: 46px;

  font-weight: 500;

  margin-bottom: 24px;

}



.max_width_passionate_txt {

  padding: 0 250px;

}



.member-img {

  margin-bottom: 18px;

  width: 87px;

  object-fit: cover;

  border-radius: 100%;

  height: 87px;

}



hr {

  color: #000000;

  height: 2px !important;

}



.cstm_show_more {

  font-size: 16px;

  line-height: 26px;

  color: #f1681b;

  border: none;

  font-weight: 600;

}



.cstm_show_more:hover {

  font-size: 16px;

  line-height: 26px;

  color: #f1681b;

  border: none;

  font-weight: 600;

  background-color: #ffffff;

}



.cstm_show_more:focus {

  box-shadow: none;

}



/*-----News----*/



/* Blog Post Card */

.blog-post-card {

  background: #fff;

  border: 1px solid var(--border-color);

  border-radius: 8px;

  overflow: hidden;

  margin-bottom: 30px;

  transition: box-shadow 0.3s ease;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

}



.blog-image {

  width: 100%;

  height: 250px;

  background-color: #d3d3d3;

  object-fit: cover;

  display: block;

}



.blog-content {

  padding: 25px;

}



.common_heading_txxt a {

  color: #1d2130;

  font-size: 30px;

  line-height: 40px;

  font-weight: 500;

  margin-bottom: 24px;

  display: block;

}



.blog-meta {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  margin-bottom: 15px;

  font-size: 0.85rem;

  color: var(--text-gray);

}



.meta-item {

  display: flex;

  align-items: center;

  gap: 5px;

}



.cstm_date_txt {

  color: #f1681b;

}



.category-badge {

  background-color: #f0f0f0;

  color: var(--text-gray);

  padding: 3px 10px;

  border-radius: 3px;

  font-size: 0.85rem;

}



.author-badge {

  color: var(--primary-orange);

  font-weight: 500;

}



.blog-excerpt {

  color: var(--text-gray);

  font-size: 0.95rem;

  line-height: 1.6;

  margin-bottom: 15px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.learn-more-btn {

  color: #0060f0;

  text-decoration: none;

  font-weight: 500;

  font-size: 18px;

  line-height: 26px;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  transition: gap 0.3s ease;

  margin-top: 30px;

}



.learn-more-btn:hover {

  gap: 10px;

  color: var(--primary-orange);

}



/* Recent News Sidebar */

.recent-news-sidebar {

  background: var(--bg-light);

  padding: 25px;

  border-radius: 8px;

  position: sticky;

  top: 20px;

}



.sidebar-title {

  font-size: 26px;

  font-weight: 600;

  color: #1d2130;

  margin-bottom: 40px;

  padding-bottom: 7px;

  border-bottom: 2px solid #0060f0;

  display: inline-block;

  line-height: 35px;

}



.recent-news-item {

  display: flex;

  gap: 15px;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid var(--border-color);

}



.recent-news-item:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}



.recent-news-image {

  width: 80px;

  height: 80px;

  min-width: 80px;

  background-color: #d3d3d3;

  border-radius: 5px;

  object-fit: cover;

  display: block;

}



.recent-news-content {

  flex: 1;

}



.recent-news-title {

  font-size: 0.9rem;

  font-weight: 500;

  color: var(--text-dark);

  line-height: 1.4;

  margin-bottom: 8px;

  cursor: pointer;

  transition: color 0.3s ease;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.recent-news-title:hover {

  color: var(--primary-orange);

}



.recent-news-date {

  font-size: 16px;

  color: #313131;

  display: flex;

  align-items: center;

  gap: 5px;

  line-height: 25px;

  margin-top: 6px;

  font-weight: 500;

}



.about_txt a {

  font-size: 16px;

  line-height: 26px;

  color: #313131 !important;

  font-weight: 600;

}



/* Loading State */

.loading-skeleton {

  animation: pulse 1.5s ease-in-out infinite;

}



@keyframes pulse {



  0%,

  100% {

    opacity: 1;

  }



  50% {

    opacity: 0.5;

  }

}



/* Empty State */

.empty-state {

  text-align: center;

  padding: 60px 20px;

  color: var(--text-gray);

}



.empty-state i {

  font-size: 4rem;

  margin-bottom: 20px;

  opacity: 0.3;

}



.cstm_awards_txt {

  margin-top: 30px;

}



.cstm_empowering_txt_div {

  margin-bottom: 40px;

}



.cstm_awarness_camp_txt {

  margin-top: 40px;

}



.cstm_ulli_txt li {

  list-style: disc;

}



.cstm_ulli_txt {

  padding-left: 20px;

}



.about_contact_number {

  color: #313131 !important;

  font-size: 14px;

  font-weight: 500;

}



.privacy_banner {

  background: url(../images/privacypolicy-bg.webp);

  background-repeat: no-repeat;

  height: 429px;

  background-size: cover;

  display: flex;

  align-items: center;

  overflow: hidden;

  position: relative;

  object-fit: cover;

}



.privacy_banner_inner h1 {

  color: #FFFFFF;

  font-size: 40px;

  line-height: 52px;

  font-weight: 600;

}



.privacy_body_block_section h3 {

  color: #1D2130;

  font-size: 28px;

  line-height: 38px;

  font-weight: 600;

  margin-bottom: 20px;

}



.common_padding_for_all_sec {

  padding: 60px 0;

}



.privacy_body_block_section p {

  color: #1D1D1D;

  font-size: 16px;

  line-height: 24px;

}



.pp_margin {

  margin-top: 25px;

}



.pbbs_top {

  margin-top: 50px;

}

.uicp_txt {

    padding-left: 20px;

}

.uicp_txt li {

    list-style: disc;

}



.terms_banner {

    background: url(../images/terms-conditions-bg.webp);

    background-size: cover;

    background-repeat: no-repeat;

    height: 428px;

    display: flex;

    align-items: center;

    overflow: hidden;

}



@media screen and (max-width: 991px) and (min-width: 768px) {

  .hero-about-us {

    height: 400px;

  }



  .all_india_txt {

    font-size: 32px;

    line-height: 42px;

  }



  .about-img {

    margin-top: 40px;

    text-align: center;

  }



  .max_width_passionate_txt {

    padding: 0;

  }



  .cstm_gap {

    gap: 0;

  }



  .recent-news-sidebar {

    padding-left: 0;

  }



  .privacy_banner {

    background: url(../images/privacy-policy-tab-bg.webp);

    height: 360px;

    background-size: cover;

    background-repeat: no-repeat;

    object-fit: cover;

    background-position: center;

  }

    .terms_banner {

    background: url(../images/terms-conditions-tab-bg.webp);

    height: 257px;

    background-size: cover;

    background-repeat: no-repeat;

    object-fit: cover;

    background-position: center;

  }

}



@media (max-width: 767px) {

  .recent-news-sidebar {

    padding-left: 0;

  }



  .hero {

    height: auto;

    padding: 80px 0;

  }



  .about-img {

    margin-top: 36px;

  }



  .about_us_heading {

    font-size: 24px;

    line-height: 34px;

  }



  .hero-about-us {

    background: url("../images/about-us/mob-about-us-page.webp") center/cover no-repeat;

    height: 260px;

    background-position: top;

  }



  .all_india_txt {

    font-size: 28px;

    line-height: normal;

    text-align: center;

  }



  .legacy_unites_txt {

    font-size: 16px;

    line-height: 26px;

    text-align: center;

  }



  .max_width_passionate_txt {

    padding: 0;

  }



  .state-title {

    margin-top: 36px;

    margin-bottom: 40px;

    text-align: center;

  }



  .common_heading_txt {

    margin-bottom: 20px;

    font-size: 24px;

    line-height: 32px;

  }



  .cstm_gap {

    gap: 0;

  }



  .member-name {

    font-size: 14px;

    line-height: 18px;

  }



  .common_heading_txxt a {

    font-size: 24px;

    line-height: 32px;

  }



  .privacy_banner {

    background: url(../images/privacy-policy-mobile-hero-bg.webp);

    height: 257px;

    background-size: cover;

    background-repeat: no-repeat;

    object-fit: cover;

    background-position: center;

  }

  .terms_banner {

    background: url(../images/terms-conditions-mobile-hero-bg.webp);

    height: 257px;

    background-size: cover;

    background-repeat: no-repeat;

    object-fit: cover;

    background-position: center;

  }

}