/*-----------------------------------*\
  #anti-ragging.css
\*-----------------------------------*/

/**
 * copyright 2023 Sikharthy Infotech
 */

/*-----------------------------------*\
    #ANTI RAGGING
\*-----------------------------------*/

.about-banner {
    margin-block-start: 30px;
}

.about-subtitle {
  margin-block-start: 60px;
}

.about-content {
  padding-block-end: 60px;
}

.members {
    padding-block-start: 0;
}

.accordion-button {
    font-size: var(--fs-6);
}

.lead {
    font-size: var(--fs-7);
}
/*-----------------------------------*\
    #MEDIA QUERIES
\*-----------------------------------*/

/**
  * responsive for large than 992px screen
  */

@media (min-width: 992px) {

  /**
    * ANTI RAGGING
    */

  .about {
    padding-block-start: 220px;
  }

  .about-banner {
    margin-block-end: 100px;
  }

  .about-banner > img {
    width: 100% !important;
  }
}

/* DDU Mobile Friendly */

/* Mobile Optimization */
@media (max-width: 768px) {
  .section-title {
    font-size: 16px;
    line-height: 1.4;
  }

  .section-subtitle {
    font-size: 14px;
  }

  .about-content p {
    font-size: 14px;
    line-height: 1.6;
  }

  .about-banner img {
    max-width: 80%;
    margin: auto;
  }

  ul {
    padding-left: 18px;
  }
}

/* UB Page Mobile Friendly */

/* Keep image large but controlled */
.about-img {
  max-width: 100%;
  height: auto;
}

/* Mobile Optimization */
@media (max-width: 768px) {
  
  .about-banner {
    text-align: center;
  }

  .about-img {
    max-width: 90%;   /* 👈 keeps image BIG (not tiny) */
  }

  .section-title {
    font-size: 20px;
    line-height: 1.4;
  }

  .section-text {
    font-size: 15px;
    line-height: 1.6;
  }
}