@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Nohemi";
  font-weight: 100;
  src: url("../fonts/Nohemi-Thin-BF6438cc5896c67.ttf") format("truetype"), url("../fonts/Nohemi-Thin-BF6438cc577ef3b.otf") format("opentype"), url("../fonts/Nohemi-Thin-BF6438cc57e2011.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 200;
  src: url("../fonts/Nohemi-ExtraLight-BF6438cc58a2634.ttf") format("truetype"), url("../fonts/Nohemi-ExtraLight-BF6438cc57e06d5.otf") format("opentype"), url("../fonts/Nohemi-ExtraLight-BF6438cc581502c.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 300;
  src: url("../fonts/Nohemi-Light-BF6438cc5899919.ttf") format("truetype"), url("../fonts/Nohemi-Light-BF6438cc583f70b.otf") format("opentype"), url("../fonts/Nohemi-Light-BF6438cc5702321.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 400;
  src: url("../fonts/Nohemi-Regular-BF6438cc4d0e493.ttf") format("truetype"), url("../fonts/Nohemi-Regular-BF6438cc58b98fc.otf") format("opentype"), url("../fonts/Nohemi-Regular-BF6438cc579d934.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 500;
  src: url("../fonts/Nohemi-Medium-BF6438cc5883899.ttf") format("truetype"), url("../fonts/Nohemi-Medium-BF6438cc581a509.otf") format("opentype"), url("../fonts/Nohemi-Medium-BF6438cc57ddecd.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 600;
  src: url("../fonts/Nohemi-SemiBold-BF6438cc588a48a.ttf") format("truetype"), url("../fonts/Nohemi-SemiBold-BF6438cc588b5e5.otf") format("opentype"), url("../fonts/Nohemi-SemiBold-BF6438cc57db2ff.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 700;
  src: url("../fonts/Nohemi-Bold-BF6438cc587b5b5.ttf") format("truetype"), url("../fonts/Nohemi-Bold-BF6438cc5812315.otf") format("opentype"), url("../fonts/Nohemi-Bold-BF6438cc577b524.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 800;
  src: url("../fonts/Nohemi-ExtraBold-BF6438cc5881baf.ttf") format("truetype"), url("../fonts/Nohemi-ExtraBold-BF6438cc58a4c3c.otf") format("opentype"), url("../fonts/Nohemi-ExtraBold-BF6438cc5761ae2.woff") format("woff");
}
@font-face {
  font-family: "Nohemi";
  font-weight: 900;
  src: url("../fonts/Nohemi-Black-BF6438cc58744d4.ttf") format("truetype"), url("../fonts/Nohemi-Black-BF6438cc5874bd2.otf") format("opentype"), url("../fonts/Nohemi-Black-BF6438cc565e67b.woff") format("woff");
}
:root {
  --acnt: #4172B1;
  --acnt-d: #325a8f;
  --mont: "Montserrat", system-ui;
}

body {
  font-family: var(--mont);
  color: #8d8d8d;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Nohemi", system-ui;
}

.mainBtn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: 10px;
  background-color: transparent;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s all ease;
  line-height: 1;
  border: none;
}
.mainBtn.white {
  background-color: #fff;
  color: #000;
}
.mainBtn.white:hover {
  background-color: #ddd;
  color: #000;
}
.mainBtn.acnt {
  background-color: var(--acnt);
  color: #fff;
}
.mainBtn.acnt:hover {
  background-color: var(--acnt-d);
  color: #fff;
}
.mainBtn.black {
  color: #fff;
  background-color: #000;
}
.mainBtn.black:hover {
  background-color: #333;
  color: #fff;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1040;
}
header nav.navbar-expand-lg {
  background-color: #000;
  padding-top: 0;
  padding-bottom: 0;
}
header nav.navbar-expand-lg ul.navbar-nav {
  gap: 24px;
}
header nav.navbar-expand-lg ul.navbar-nav a.nav-link {
  color: #fff;
  opacity: 1;
}
header nav.navbar-expand-lg a.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}
header nav.navbar-expand-lg a.navbar-brand img {
  height: 72px;
  width: auto;
}

#bannerSection .carousel-item {
  z-index: 1;
  background-color: #000;
}
#bannerSection .carousel-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  opacity: 0.8;
}
#bannerSection .carousel-item .carouselCaption {
  padding-top: 145px;
  padding-bottom: 145px;
  text-align: center;
}
#bannerSection .carousel-item .carouselCaption h5 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 30px #000;
}

.sponsorCard {
  text-align: center;
}
.sponsorCard img {
  width: 100%;
  height: auto;
}
.sponsorCard h6 {
  font-family: var(--mont);
  color: #000;
  font-weight: 700;
}

#sponsor h5 {
  font-family: var(--mont);
}

#smallBanner {
  padding-top: 24px;
  padding-bottom: 20px;
}
#smallBanner .bannerCard {
  display: flex;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 20px;
}
#smallBanner .bannerCard .imageWrapper {
  width: 50%;
  flex: 0 0 50%;
  display: grid;
  position: relative;
}
#smallBanner .bannerCard .imageWrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}
#smallBanner .bannerCard .textSection {
  padding: 60px;
  width: 50%;
  flex: 0 0 50%;
}
#smallBanner .bannerCard .textSection h4 {
  font-weight: 700;
  color: #000;
}

.sectionPad {
  padding-top: 100px;
  padding-bottom: 100px;
}

#about h5 {
  font-family: var(--mont);
  font-weight: 700;
}
#about .aboutImgWrapper {
  display: grid;
  position: relative;
}
#about .aboutImgWrapper .aboutMain {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
  transition: 1s all ease;
}
#about .aboutImgWrapper .aboutTall {
  position: absolute;
  width: 30%;
  height: auto;
  left: -20px;
  top: -70px;
  border-radius: 20px;
  animation: float 10s linear infinite;
  transition: 1s all ease;
}
#about .aboutImgWrapper .aboutWide {
  position: absolute;
  width: 50%;
  height: auto;
  right: -20px;
  bottom: -70px;
  border-radius: 20px;
  animation: float 12s linear infinite;
  transition: 1s all ease;
}
#about .aboutImgWrapper:hover .aboutTall {
  left: 0;
  top: 0;
  opacity: 0;
}
#about .aboutImgWrapper:hover .aboutTall:hover {
  opacity: 1;
}
#about .aboutImgWrapper:hover .aboutWide {
  right: 0;
  bottom: 0;
  opacity: 0;
}
#about .aboutImgWrapper:hover .aboutWide:hover {
  opacity: 1;
}
#about .aboutImgWrapper:hover .aboutMain {
  opacity: 0;
}
#about .aboutImgWrapper:hover .aboutMain:hover {
  opacity: 1;
}

@keyframes float {
  0% {
    transform: translateY(0%) scale(1);
  }
  30% {
    transform: translateY(-10%) scale(0.95);
  }
  100% {
    transform: translateY(0%) scale(1);
  }
}
.sectionTitle {
  font-size: 48px;
  margin-bottom: 25px;
}

#msg .row > div {
  display: grid;
}
#msg .messageCard {
  background-color: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);
  display: grid;
  align-content: space-between;
}
#msg .messageCard > p {
  margin-bottom: 30px;
}
#msg .messageCard .person {
  display: flex;
  gap: 12px;
  align-items: center;
}
#msg .messageCard .person img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 30px;
}
#msg .messageCard .person .text h6 {
  font-family: var(--mont);
  margin-bottom: 0;
}
#msg .messageCard .person .text p {
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
}

#events {
  background-color: #000;
}
#events .eventCard {
  color: #fff;
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
#events .eventCard .imgWrapper {
  width: 100%;
  height: auto;
  padding-top: 75%;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 20px;
  opacity: 1;
  transition: 0.3s all ease;
}
#events .eventCard .imgWrapper img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 20px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#events .eventCard .d-flex {
  font-size: 14px;
  margin-bottom: 10px;
}
#events .eventCard .d-flex .status {
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#events .eventCard .d-flex .status.past {
  color: #D3A913;
}
#events .eventCard .d-flex .status.upcoming {
  color: #51B141;
}
#events .eventCard h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  font-family: var(--mont);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
  word-break: break-all;
}
#events .eventCard:hover .imgWrapper {
  opacity: 0.6;
}

#broadcast {
  background-color: #000;
}
#broadcast .imgWrapper-16-9 {
  padding-top: 56.25%;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 24px 50px rgba(255, 255, 255, 0.1);
}
#broadcast .imgWrapper-16-9 img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px;
}

.login-frame {
  width: 100%;
  height: 522px;
}

#interests .row {
  row-gap: 24px;
}
#interests .interestCard .imgSq {
  padding-top: 100%;
  position: relative;
  border-radius: 20px;
  margin-bottom: 10px;
}
#interests .interestCard .imgSq img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}
#interests .interestCard h6 {
  font-family: var(--mont);
  color: #000;
  font-weight: 700;
}
#interests .interestCard h6 span {
  font-weight: 900;
}

#membership {
  background-image: url(https://images.unsplash.com/photo-1530423316264-2b8b006f7d63?q=80&w=2096&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #fff;
}
#membership::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
#membership .container {
  position: relative;
  z-index: 2;
}

.sponsorCard.benefitCard {
  background-color: #fff;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s all ease;
}
.sponsorCard.benefitCard .imgSq {
  padding-top: 100%;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sponsorCard.benefitCard img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sponsorCard.benefitCard:hover {
  transform: scale(1.03);
}

.popupWrapper {
  position: fixed;
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: none;
}
.popupWrapper .popupDiv {
  height: calc(100vh - 80px);
  position: relative;
  display: none;
}
.popupWrapper .popupDiv .closeBtn {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  color: #fff;
}
.popupWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

#faq .accordion-item {
  border: none;
  border-radius: 10px;
  background-color: #f5f5f5;
}
#faq .accordion-item:not(:last-child) {
  margin-bottom: 10px;
}
#faq .accordion-item .accordion-button {
  border-radius: 10px;
  background-color: transparent;
}
#faq .accordion-item .accordion-button:focus {
  box-shadow: none;
}
#faq .accordion-item .accordion-button:not(.collapsed) {
  background-color: var(--acnt);
  color: #fff;
}
#faq .accordion-item .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}
#faq a.link-dark {
  word-break: break-all;
}

.faqs {
  display: grid;
  row-gap: 10px;
}
.faqs .faqItem {
  border: 1px solid #cfcfcf;
  padding: 30px 100px 30px 30px;
  position: relative;
  display: grid;
  gap: 10px;
  cursor: pointer;
  transition: 0.3s all ease;
}
.faqs .faqItem:hover {
  border-color: #000;
}
.faqs .faqItem::before {
  content: "";
  position: absolute;
  background-color: #000;
  width: 31px;
  height: 31px;
  right: 30px;
  top: 30px;
  -webkit-clip-path: polygon(15px 0, 16px 0, 16px 15px, 100% 15px, 100% 16px, 16px 16px, 16px 100%, 15px 100%, 15px 16px, 0 16px, 0 15px, 15px 15px);
          clip-path: polygon(15px 0, 16px 0, 16px 15px, 100% 15px, 100% 16px, 16px 16px, 16px 100%, 15px 100%, 15px 16px, 0 16px, 0 15px, 15px 15px);
}
.faqs .faqItem .question {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.faqs .faqItem .answer {
  display: none;
}
.faqs .faqItem.active::before {
  -webkit-clip-path: polygon(15px 15px, 16px 15px, 16px 15px, 100% 15px, 100% 16px, 16px 16px, 16px 16px, 15px 16px, 15px 16px, 0 16px, 0 15px, 15px 15px);
          clip-path: polygon(15px 15px, 16px 15px, 16px 15px, 100% 15px, 100% 16px, 16px 16px, 16px 16px, 15px 16px, 15px 16px, 0 16px, 0 15px, 15px 15px);
}
.faqs .faqItem.active .answer {
  display: block;
}

#contact #map {
  width: 100%;
  height: 281px;
  border-radius: 20px;
}
#contact .addrList {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 50px;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
#contact .addrList li {
  flex: 0 0 calc(50% - 12px);
}
#contact .addrList li i {
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}
#contact .addrList li h6 {
  font-family: var(--mont);
  margin-bottom: 0;
}
#contact .addrList li p {
  margin-bottom: 0;
}

.link {
  color: #8d8d8d;
  text-decoration: none;
  position: relative;
}
.link::before {
  content: "";
  position: absolute;
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #8d8d8d;
  transition: 0.3s width ease;
}
.link:hover {
  color: #8d8d8d;
  text-decoration: none;
}
.link:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.link.black {
  color: #000;
}
.link.black::before {
  background-color: #000;
}
.link.black:hover {
  color: #000;
}
.link.white {
  color: #fff;
}
.link.white::before {
  background-color: #fff;
}
.link.white:hover {
  color: #fff;
}

.accordion-button {
  font-weight: 700;
  font-family: var(--mont);
}

#constitution {
  background-image: url(https://images.unsplash.com/photo-1643377525032-0fb68a40f237?q=80&w=2093&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #fff;
}
#constitution::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
#constitution .container {
  position: relative;
  z-index: 2;
}

.bookCard {
  padding: 3px;
  background-color: #fff;
  display: block;
  border: 1px solid #eee;
  text-decoration: none;
  color: #000;
  text-align: center;
  transition: 0.3s all ease;
}
.bookCard .bookCover {
  padding-top: 140%;
  position: relative;
  margin-bottom: 5px;
}
.bookCard .bookCover img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.bookCard h6 {
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.bookCard:hover {
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);
  border-color: #fff;
}

.memberCard {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  padding: 5px;
}
.memberCard .imgWrapper {
  padding-top: 125%;
  position: relative;
  width: 100%;
}
.memberCard .imgWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 15px;
}
.memberCard .memberDetails {
  padding: 5px;
}
.memberCard .memberDetails .name {
  color: #000;
  font-weight: 600;
}
.memberCard .memberDetails .designation {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.nav-link {
  color: #000;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--acnt);
}
.nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {
  background-color: var(--acnt-d);
}

.smallTitle {
  font-family: var(--mont);
}

#history {
  background-image: url(https://images.unsplash.com/photo-1591885587747-bee871855d92?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #fff;
}
#history::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px) sepia(0.5) saturate(0.5);
          backdrop-filter: blur(4px) sepia(0.5) saturate(0.5);
}
#history .container {
  position: relative;
  z-index: 2;
}

.imgCaption {
  padding: 3px;
  border: 1px solid #cfcfcf;
}
.imgCaption img {
  width: 100%;
  height: auto;
}
.imgCaption figcaption {
  font-size: 12px;
  text-align: center;
}

#historySection .img1 {
  width: 450px;
  float: right;
}
#historySection .img9,
#historySection .img8,
#historySection .img7,
#historySection .img5,
#historySection .img4,
#historySection .img3,
#historySection .img2 {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
#historySection .img10,
#historySection .img6 {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
#historySection .d-flex {
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 40px;
}
#historySection .d-flex .imgCaption {
  flex: 1 0 calc(33.333333% - 10px);
  display: grid;
  align-content: center;
}

.text-section h6 {
  font-family: var(--mont);
  font-size: 1.2rem;
  margin-top: 2rem;
}

.tabButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 20px;
}
.tabButtons button.tbBtn {
  flex: 1 0 auto;
  border: none;
  background-color: #eee;
  color: #8d8d8d;
  padding: 10px 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 30px;
}
.tabButtons button.tbBtn:hover {
  color: #000;
}
.tabButtons button.tbBtn.active {
  background-color: #000;
  color: #fff;
}

.blogCard {
  padding: 10px;
  background-color: #fff;
  display: block;
  border: 1px solid #eee;
  text-decoration: none;
  color: #000;
  transition: 0.3s all ease;
  border-radius: 20px;
}
.blogCard .imgWrapper {
  padding-top: 100%;
  position: relative;
  margin-bottom: 10px;
}
.blogCard .imgWrapper img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}
.blogCard h5 {
  font-family: var(--mont);
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.blogCard .blogDetails {
  display: flex;
  color: #000;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 14px;
}
.blogCard .blogDetails .author span {
  font-weight: 700;
  color: var(--acnt);
}
.blogCard .blogPara {
  color: #8d8d8d;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.blogCard:hover {
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15);
  border-color: #fff;
}

.sectionTabs {
  padding-top: 10px;
}
.sectionTabs .interestTab {
  display: none;
  opacity: 0;
  transition: 0.3s all ease;
}
.sectionTabs .interestTab.active {
  display: block;
  opacity: 1;
}
.sectionTabs .interestTab .singleImage,
.sectionTabs .interestTab .carousel {
  position: sticky;
  top: 82px;
}
.sectionTabs .interestTab h4 {
  color: #000;
  font-weight: 700;
}

.imgGrid {
  line-height: 0;
  -webkit-column-count: 4;
  -webkit-column-gap: 24px;
  -moz-column-count: 4;
  -moz-column-gap: 24px;
  column-count: 4;
  column-gap: 24px;
}
.imgGrid img {
  margin-bottom: 24px;
  width: 100%;
  height: auto;
}

footer {
  background-color: #000;
  padding-top: 40px;
  color: #ccc;
}
footer .logo {
  margin-bottom: 10px;
}
footer .socialList {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  gap: 10px;
}
footer .socialList li a {
  color: #fff;
  display: grid;
  place-content: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  transition: 0.3s all ease;
  border-radius: 20px;
}
footer .socialList li a:hover {
  background-color: #fff;
  color: #000;
}
footer .footerLinks {
  padding-top: 42px;
}
footer .footerLinks h5 {
  font-weight: 700;
  color: #fff;
}
footer .footerLinks ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer .footerLinks .iconList li {
  display: flex;
  gap: 10px;
}
footer .footerLinks .iconList li i {
  margin-top: 3px;
  color: var(--acnt);
  flex: 0 0 16px;
  text-align: center;
}
footer .copy {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #333;
  margin-top: 40px;
}

.eventFrame {
  width: 100%;
  height: 4760px;
}

@media (max-width: 991px) {
  header {
    position: fixed;
    width: 100%;
  }
  header nav.navbar-expand-lg ul.navbar-nav {
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: flex-start !important;
  }
  main {
    padding-top: 72px;
  }
  .navbar-toggler {
    border: none;
    background-color: #fff;
  }
  #about .aboutImgWrapper {
    padding-top: 75%;
    margin-bottom: 40px;
  }
  #about .aboutImgWrapper .aboutTall {
    width: 20%;
    top: -50px;
  }
  #about .aboutImgWrapper .aboutWide {
    width: 35%;
    bottom: -50px;
  }
  #about .aboutImgWrapper:hover .aboutTall {
    left: -20px;
    top: -50px;
    opacity: 1;
  }
  #about .aboutImgWrapper:hover .aboutTall:hover {
    opacity: 1;
  }
  #about .aboutImgWrapper:hover .aboutWide {
    right: -20px;
    bottom: -50px;
    opacity: 1;
  }
  #about .aboutImgWrapper:hover .aboutWide:hover {
    opacity: 1;
  }
  #about .aboutImgWrapper:hover .aboutMain {
    opacity: 1;
  }
  #about .aboutImgWrapper:hover .aboutMain:hover {
    opacity: 1;
  }
  #smallBanner .bannerCard {
    flex-wrap: wrap;
  }
  #smallBanner .bannerCard .textSection {
    width: 100%;
    flex: 0 0 100%;
    padding: 30px;
  }
  #smallBanner .bannerCard .imageWrapper {
    width: 100%;
    flex: 0 0 100%;
    padding-top: 50%;
  }
  #contact #map {
    margin-bottom: 15px;
  }
  .eventFrame {
    height: 4900px;
  }
  .tabButtons {
    overflow-x: auto;
    gap: 10px;
  }
  .tabButtons button.tbBtn {
    flex: 1 0 auto;
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .sectionTitle {
    font-size: 32px;
  }
  #events .eventCard .d-flex {
    margin-bottom: 5px;
  }
  #bannerSection .carousel-item .carouselCaption h5 {
    font-size: 32px;
  }
  #historySection .d-flex {
    gap: 10px;
  }
  #historySection .d-flex .imgCaption {
    flex: 1 0 calc(50% - 5px);
  }
  .imgGrid {
    -moz-column-count: 3;
    column-count: 3;
  }
  .eventFrame {
    height: 5960px;
  }
  .tableWrapper {
    max-width: 100%;
    overflow-x: auto;
  }
  .tableWrapper .table td, .tableWrapper .table th {
    white-space: nowrap;
  }
}
@media (max-width: 576px) {
  :root {
    font-size: 14px;
  }
  #bannerSection .carousel-item .carouselCaption h5 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #about .aboutImgWrapper .aboutTall {
    left: 10px;
  }
  #about .aboutImgWrapper .aboutTall:hover {
    left: 10px;
  }
  #about .aboutImgWrapper .aboutWide {
    right: 10px;
  }
  #about .aboutImgWrapper .aboutWide:hover {
    right: 10px;
  }
  .sectionPad {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sectionTitle {
    font-size: 28px;
  }
  .memberCard {
    padding: 0;
    border-radius: 10px;
  }
  .memberCard .memberDetails .name {
    font-size: 12px;
    word-break: break-all;
  }
  .memberCard .memberDetails .designation {
    font-size: 10px;
  }
  #managementCommittee .row > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  #managementCommittee .row-gap-4 {
    row-gap: 10px !important;
  }
  #historySection .img1 {
    width: 100%;
    float: none;
  }
  #historySection .d-flex .imgCaption {
    flex: 1 0 calc(100% - 5px);
  }
  .imgGrid {
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    column-count: 2;
    column-gap: 12px;
  }
  .imgGrid img {
    margin-bottom: 12px;
  }
  .eventFrame {
    height: 6840px;
  }
  #contact .addrList li {
    flex: 0 0 100%;
  }
  #msg .messageCard .person {
    display: grid;
  }
}/*# sourceMappingURL=main.css.map */