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

h3 {
  font-size: 30px;
  color: white;
  margin: 0;
}

h4 {
  font-size: 22px;
  font-weight: 500;
  color: white;
  margin: 0;
}

p {
  font-size: 1.1rem;
  line-height: 1.4;
  color: white;
  font-weight: 300;
  margin: 0;
}

a {
  text-decoration: none;
  color: #fff;
  cursor: pointer !important;
}

/* header section */

.banner-section {
  width: 100%;
}

.banner-section img {
  width: 100%;
}

header {
  width: 100%;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 22;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.header-logo {
  /*width: 100%;*/
  width: 500px;
}

.header-container {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 0;
}

.header-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5rem;
}

#hamburger {
  width: 50px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#hamburger .line1 {
  width: 40px;
  height: 4px;
  background-color: #104b88;
  transition: all 0.5s ease;
  border-radius: 5px;
}

#hamburger .line2 {
  width: 40px;
  height: 4px;
  background-color: #104b88;
  transition: all 0.5s ease;
  border-radius: 5px;
}

#hamburger .line3 {
  width: 40px;
  height: 4px;
  background-color: #104b88;
  transition: all 0.5s ease;
  border-radius: 5px;
}

#hamburger.active .line1 {
  transform: rotate(45deg) translate(13px, 5px);
  color: white;
  background-color: #104b88;
}

#hamburger.active .line2 {
  transform: translateX(-10px);
  background-color: transparent;
}

#hamburger.active .line3 {
  transform: rotate(-45deg) translate(13px, -6px);
  color: white;
  background-color: #104b88;
}

.hamburger-menu {
  background-color: #104b88;
  width: 415px;
  height: calc(100vh - 168px);
  position: fixed;
  bottom: 0;
  left: 100%;
  transition: all 1s;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 3rem 0;
  overflow-y: auto;
  z-index: 22;
}

.hamburger-menu .menu {
  transition: all 1s;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.hamburger-menu ul li {
  list-style-type: none;
}

.hamburger-menu::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 8px;
}

.hamburger-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #000;
}

.hamburger-menu::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}

.hamburger-menu a {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  transition: all 0.2s;
  padding: 0.8rem 2rem;
  position: relative;
  width: 100%;
  z-index: 9;
}

.hamburger-menu a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.5s ease;
  background-color: #02123d;
  z-index: -1;
}

.hamburger-menu a:hover::after {
  width: 100%;
}

.hamburger-menu.active {
  left: calc(100% - 400px);
}

.ben {
  position: relative;
}

.submenu {
  padding: 1rem;
  /* display: flex; */
  flex-direction: column;
  gap: 1rem;
  display: none;
  position: relative;
  transition: all 0.5s ease;
}

.hamburger-menu .ben:hover .submenu {
  display: flex;
  transition: all 0.5s ease;
}

.hamburger-menu-list {
  flex-direction: column;
  align-items: stretch;
}

.hamburger-menu1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.hamburger-menu-btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
}

.hamburger-menu-btn .bx {
  font-size: 2rem;
  color: #fff;
}

.hamburger-menu-link {
  padding: 0.6rem 0;
}

.hamburger-menu-drop {
  display: none;
}

.hamburger-menu-drop a {
  font-size: 18px;
  color: #fff;
}

.hamburger-menu-drop div {
  display: flex;
  flex-direction: column;
}

.hamburger-menu-btn1 {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  padding: 1.2rem 2rem;
}

#empty-div {
  background-color: #00000099;
  width: 100%;
  height: calc(100vh - 168px);
  position: fixed;
  bottom: 0;
  left: 100%;
  transition: all 1s;
  z-index: 5;
}

#empty-div.active {
  left: 0%;
}

/* banner section */

.primary-secondary-section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.primary-container {
  width: 50%;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
  border-right: 1px solid white;
}

.primary-container .lkg-part {}

.primary-container img {
  filter: brightness(0.6);
  object-fit: cover;
  transition: transform 0.6s ease, filter 0.3s ease;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}

.primary-container:hover img {
  filter: brightness(1);
  transform: translateX(-58%);
}

.secondary-container {
  width: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}

.secondary-container img {
  filter: brightness(0.8);
  object-fit: cover;
  transition: transform 0.6s ease, filter 0.3s ease;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}

.secondary-container:hover img {
  filter: brightness(1);
  transform: translateX(-42%);
}

/*.primary-secondary-section{*/
/*            width: 100%;*/
/*            height: calc(100vh - 167px);*/
/*            display: flex;*/
/*            flex-direction: row;*/
/*            align-items: stretch;*/
/*        }*/

/*        .primary-container{*/
/*            width: 50%;*/
/*            height: 100%;*/
/*            position: relative;*/
/*            overflow: hidden;*/
/*        }*/

/*        .primary-container img{*/
/*            height: 100%;*/
/*            position: relative;*/
/*            left: 50%;*/
/*            transform: translateX(-50%);*/
/*            transition: all 0.5s ease;*/
/*            filter: brightness(0.6);*/
/*        }*/

/*        .primary-container:hover > img{*/
/*            transform: translateX(-43%);*/
/*            filter: brightness(1);*/
/*        }*/

/*         .secondary-container{*/
/*            width: 50%;*/
/*            height: 100%;*/
/*            position: relative;*/
/*            overflow: hidden;*/
/*        }*/

/*        .secondary-container img{*/
/*            height: 100%;*/
/*            position: relative;*/
/*            left: 50%;*/
/*            transform: translateX(-50%);*/
/*            transition: all 0.5s ease;*/
/*            filter: brightness(0.6);*/
/*        }*/

/*        .secondary-container:hover > img{*/
/*            transform: translateX(-43%);*/
/*            filter: brightness(1);*/
/*        }*/

.lkg-part {
  position: absolute;
  left: 10%;
  bottom: 25%;
  display: flex;
  flex-direction: row;
  padding-bottom: 1rem;
  border-bottom: 1px solid white;
}

.arrow-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 70px;
  height: 15px;
  position: absolute;
  left: 0%;
  top: 30%;
  opacity: 0;
}

.primary-container:hover .arrow-icon {
  left: 100%;
  opacity: 1;
  transition: all 1s ease;
}

.secondary-container:hover .arrow-icon {
  left: 100%;
  opacity: 1;
  transition: all 1s ease;
}

.arrow-icon .arrow1 {
  width: 30%;
  height: 2px;
  background-color: white;
  transform: rotate(35deg);
}

.arrow-icon .arrow2 {
  width: 90%;
  height: 2px;
  background-color: white;
}

.arrow-icon .arrow3 {
  width: 30%;
  height: 2px;
  background-color: white;
  transform: rotate(-35deg);
}

.lkg-part p {
  font-size: 3.5rem;
  font-weight: 600;
  color: white;
  text-decoration: none;
}

/* school section */

.school-section {
  width: 100%;
  background-color: #631f2b;
}

.school-section {
  width: 100%;
}

.school-container {
  width: 90%;
  margin: auto;
  padding: 5rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
  gap: 1rem;
}

.school-col {
  /*width: calc(22% - 1.34rem);*/
  width: 23%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5rem;
}

.school-col img {
  width: 31%;
}

.school-col p {
  text-align: start;
}

.school-col:hover h3 {
  color: #dfdbdb;
}

.school-col:hover p {
  color: #dfdbdb;
}

/*.school-col p{*/
/*   text-align:start;*/
/*}*/

.school-col h3 {
  color: white;
  font-size: 1.6rem;
  font-weight: 600;
}

/*our campus*/

.campus-section {
  width: 100%;
  background-color: #104b88;
}

.campus-container {
  width: 90%;
  margin: auto;
  padding: 4rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.campus-container h2 {
  color: white;
}

.campus-container p {
  color: white;
  width: 65%;
}

.our-campus {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}

.sgn-schools {
  width: calc(45%);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.sgn-schools img {
  width: 100%;
}

/* History section */

.history-section {
  width: 100%;
  background-color: white;
}

.history-container {
  width: 90%;
  margin: auto;
  padding: 3rem 0;
}

h2 {
  font-size: 3rem;
  margin: 0;
}

.history-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  padding: 4rem 0;
}

.history-col1 {
  width: calc(20% - 3rem);
  display: flex;
  align-items: center;
  /*border-right: 1px solid #5b5b5c;*/
}

.history-col1 img {
  width: 100%;
}

.history-col2 {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 5rem;
  border-left: 1px solid #5b5b5c;
}

.history-col2 h3 {
  font-size: 2.7rem;
  font-weight: 400;
  width: 78%;
  color: black;
}

.history-col2 p {
  color: black;
  width: 65%;
}

.who-card-genesis {
  display: flex;
  flex-direction: column;
}

.who-card-genesis div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.who-card-genesis span {
  font-weight: 600;
  font-size: 20px;
}

.who-card-genesis p {
  font-size: 1rem;
  line-height: 1.3;
}

/* managing section */

.managing-section {
  width: 100%;
  background-color: #f1f1f1;
}

.managing-container {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  /*padding:2rem 0;*/
}

.managing-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 73%;
}

.managing-content h3 {
  font-size: 2.5rem;
  color: #39393a;
}

.managing-content h2 {
  font-size: 2rem;
  color: black;
  font-weight: 500;
}

.managing-partner {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  transform: translateY(-80px);
  align-items: center;
  text-align: center;
}

.managing-partner img {
  width: 100%;
}

.managing-partner h3 {
  font-weight: 500;
  color: black;
}

.managing-section p {
  color: #5b5b5c;
}

/* News Event page */

#news-event-container {
  width: 90%;
  margin: auto;
  padding: 4rem 0;
  position: relative;
}

.news-event-flex p {
  color: black;
}

.news-event-flex h5 {
  font-size: 1.5rem;
  color: #39393a;
}

.swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-next:after {
  display: none;
}

.swiper-button-prev:after {
  display: none;
}

.news-event-flex h6 {
  font-size: 1.1vw;
  color: #39393a;
  font-weight: 400;
}

.news-event-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
  padding: 3rem 0 0;
}

.news-event-flex .event1 {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.news-event-flex .event2 {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.news-event-flex .event2 img {
  width: 45%;
}

.mySwiper .swiper-button-next {
  top: 75%;
  width: 50px;
  left: 66px;
}

.mySwiper .swiper-button-prev {
  top: 75%;
  width: 50px;
  left: 0;
}

/* footer section */

.footer-section {
  width: 100%;
}

.footer-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.footer-col1 {
  background-color: #631f2b;
  width: 40%;
  padding: 2rem 5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.footer-col1 img {
  width: 80%;
}

.footer-col1 p {
  color: white;
  width: 100%;
}

.footer-col2 {
  width: 60%;
  background-color: #243864;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
}

.footer-sch-address {
  width: 31%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer-col2 p {
  font-size: 1rem;
}

.social-link {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 2rem;
}

.social-link .linkedin {
  width: 1.2rem;
}

.copyrights-section {
  width: 100%;
}

.copy-rights {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 0;
}

.copy-rights p {
  color: black;
  font-size: 15px;
  font-weight: 500;
}

.signatures-logo {
  position: relative;
  padding: 0 8px;
  overflow: hidden;
}

.signatures-logo p {
  position: relative;
  right: 100%;
  filter: opacity(0);
  transition: all 0.3s ease;
  color: var(--color-white);
}

.signatures-logo:hover p {
  right: 0;
  filter: opacity(1);
}

.copyrights-section a {
  text-decoration: none;
  color: black;
}

.logo-reveal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s;
  text-align: center;
  filter: opacity(1);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.signatures-logo:hover>.logo-reveal {
  left: 100%;
  filter: opacity(0);
}

.logo-reveal img {
  width: 30px;
}

.enquire-form {
  position: fixed;
  top: 50%;
  right: 1%;
  z-index: 5;
  padding: 8px;
  background-color: #104b88;
  border-radius: 50%;
}

/* .enquire-form .bx {
    font-size: 2rem;
    color: #fff;
    position: relative;
    z-index: 3;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.enquire-link {
  position: absolute;
  top: 0;
  right: 0;
  filter: opacity(0);
  transition: all 0.3s ease;
  pointer-events: none;
  height: 100%;
  background-color: #104b88;
  border-radius: 48px;
  padding-right: 4rem;
  padding-left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.enquire-link a {
  color: #fff !important;
  font-weight: 500;
  text-decoration: none;
  z-index: 5;
}

.enquire-form:hover>.enquire-link {
  filter: opacity(1);
  pointer-events: all;
}

.enquire-form img {
  position: relative;
  z-index: 10;
}

.school-fees {
  position: fixed;
  top: 58%;
  right: 1%;
  z-index: 5;
  padding: 8px;
  background-color: #104b88;
  border-radius: 50%;
}

/* 
.school-fees .bx {
    font-size: 2rem;
    color: #fff;
    position: relative;
    z-index: 3;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.school-fee {
  position: absolute;
  top: 0;
  right: 0;
  filter: opacity(0);
  transition: all 0.3s ease;
  pointer-events: none;
  height: 100%;
  background-color: #104b88;
  border-radius: 48px;
  padding-right: 4rem;
  padding-left: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.school-fee p {
  color: #fff !important;
  font-weight: 500;
  text-decoration: none;
  width: max-content;
}

.school-fees:hover>.school-fee {
  filter: opacity(1);
  pointer-events: all;
}

.modal-bod p {
  color: black;
}

.school-fees-section .modal-content {
  padding: 3rem;
}

.school-fees img {
  position: relative;
  z-index: 10;
}

.school-fees-section .modal-bod div {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.school-fees-section .modal-bod div img {
  width: 2%;
}

.school-fees-section h2 {
  font-size: 2rem;
}

/* modal form */

.modal .modal-content {
  width: 900px;
  margin: auto;
  border-radius: 0%;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  right: 50%;
}

.modal-dialog {
  transform: none;
  position: absolute;
  top: 7%;
  left: 50%;
}

.modal-body {
  display: flex;
  flex-direction: row;
  z-index: 11;
  padding: 0;
}

.modal-body-part2 {
  width: 100%;
  padding: 4rem;
}

.form-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.modal-body-part2 form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.5rem;
  padding-top: 2.5rem;
}

.modal-body-part2 select {
  width: 100%;
  border: unset;
  border-bottom: 1px solid #868686;
  font-size: 18px;
  outline: none;
  background-color: unset;
}

.modal-body-part2 form label {
  margin-bottom: 0.5rem;
}

.modal-body h3 {
  font-weight: 200;
  font-size: 22px;
}

.modal-body h2 {
  font-weight: 600;
  font-size: 34px;
}

.modal-body b {
  font-weight: 600;
}

.modal-body p {
  font-weight: 300;
  font-size: 26px;
}

.modal-header {
  border-bottom: none;
}

input {
  width: 100%;
  border: unset;
  border-bottom: 1px solid #868686;
  font-size: 18px;
  outline: none;
}

.enq-form div {
  padding-top: 2.5rem;
}

/* textarea {
    width: 100%;
    border: unset;
    border-bottom: 1px solid #868686;
    padding-top: 5rem;
    font-size: 18px;
    outline: none;
} */

#submit-btn {
  width: fit-content;
  padding: 7px 25px;
  margin-top: 1rem;
  color: white;
  background-color: #631f2b;
  font-size: 19px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#submit-btn:hover {
  background-color: #104b88;
}

.modal-backdrop {
  background-color: #631f2b;
  opacity: 1;
}

.unorder-list-icon {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  list-style-type: none;
  text-align: justify;
}

.unorder-list-icon li {
  padding-left: 2rem;
  position: relative;
}

.unorder-list-icon li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 1rem;
  height: 1rem;
  background-image: url("../images/bulleticon.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#response_message2 {
  color: green;
  margin-top: 1rem;
}

/* preface who section */

#management-tab-section {
  padding: 3rem 0;
}

.management-tab-section {
  padding: 3rem 0;
}

.management-tab-section b {
  font-size: 26px;
  font-weight: 800;
}

.management-tab-section p {
  color: black;
  /*transform:translateY(-15px);*/
}

.management-tab-section h1 {
  color: #3f4a75;
}

.management-tab-section .custom-container {
  padding: 0;
}

.custom-container {
  width: 85%;
  margin: auto;
  padding: 3rem 0;
}

.nav-pills .nav-link.active {
  background-color: #104b88;
}

.me-3 {
  width: 25%;
  background-color: #293e5d;
  margin: unset;
  margin-right: 0 !important;
}

.me-3 button {
  padding: 2rem;
  font-size: 20px;
  color: white;
}

.tab-content {
  width: 75%;
}

.managing-trustee {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  justify-content: space-between;
}

.management-tab-section h1 {
  color: #3f4a75;
}

.managing-trustee h2 {
  color: #3f4a75;
}

.managing-trustee h3 {
  color: #3f4a75;
  font-size: 30px;
  font-weight: 400;
}

.managing-trustee img {
  width: 100%;
}

.trustee-photo h3 {
  color: #3f4a75;
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 1rem;
}

.managing-trustee p {
  color: black;
}

.management-tab-content b {
  font-size: 22px;
  font-weight: 500;
}

.management-tab-content button {
  background-color: #104b88;
  padding: 0.5rem 2rem;
  width: fit-content;
  color: white;
  font-size: 18px;
  border: none;
}

.management-tab-content button:hover {
  background-color: #782d38;
}

.management-tab-content ul li {
  font-size: 16px;
}

.management-tab-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  /* width: 60%; */
}

.management-tab-content #text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  display: none;
}

.management-tab-content span {
  font-size: 24px;
  font-weight: 500;
}

.management-tab-content p {
  font-size: 16px;
  text-align: justify;
}

.trustee-photo {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 40%;
  align-items: center;
}

.trustee-photo div {
  padding-bottom: 1rem;
}

.trustee-photo div .designation {
  padding-bottom: 0;
}

.tab-trustee {
  border: 1px solid black;
  margin: 3rem 0 0;
}

.nav-pills .nav-link.active {
  background-color: #104b88;
}

.nav-link:hover {
  color: #fff;
}

.nav-link {
  color: white;
  text-align: left;
}

.alumini-btn {
  width: 50%;
  padding: 7px 25px;
  margin-top: 1rem;
  color: white;
  background-color: #104b88;
  font-size: 19px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.management-tab-content a {
  color: #3f4a75;
  text-decoration: underline;
  font-size: 18px;
}

.alumini-btn:hover {
  background-color: #631f2b;
}

.alumni--li {
  font-size: 1.1rem !important;
  font-weight: 300;
  color: black;
  line-height: 1.4;
  /* text-align: left; */
  margin-top: 0.8rem;
}

.alumni--li li::after {
  width: 0.8rem;
  height: 0.8rem;
}

.alumni--li li {
  padding-left: 1.5rem;
  position: relative;
}


/* readmore css */
.more-text {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

.more-text.open {
  max-height: 850px;
  opacity: 1;
}

.readmore {
  color: #014dab;
  font-size: 16px;
  cursor: pointer !important;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 1rem;
}

.readmore.custom-readmore {
  text-decoration: underline;
  color: rgb(63, 74, 117);
  font-size: 18px;
  cursor: pointer !important;
}

.top--spacing {
  padding-top: 1rem;
}

.strong-padding {
  padding-bottom: 0.5rem;
  display: block;
  font-size: 18px;
  font-weight: 400;
}


.office-bearers-flex {
  /* padding: 2rem; */
  margin: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.ob-div {
  width: calc(33.3% - 2rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: black;
}

.ob-div h4 {
  color: black;
  font-size: 18px;
}

.ob-div p strong {
  font-size: 16px;
}

.ob-div a {
  color: black;
  font-size: 15px;
  text-decoration: underline;
}

.ob-div img {
  width: 40%;
  margin: auto;
}

.ob-div div p {
  text-align: center;
}

.nav-pills .nav-link.active {
  background-color: #104b88;
}

.reach--text {
  color: #3f4a75;
  font-weight: bold;
  font-size: 22px;
}

a.mail--bold {
  font-weight: 500;
  color: black;
}

.alumni-chapters-flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.acf-text {
  font-size: 17px;
  padding-bottom: 0.2rem;
  display: block;
}

@media screen and (max-width: 1024px) {
  .third-layer-holder form button {
    font-size: 1.7vw;
  }

  .third-layer-holder input[type="email"] {
    font-size: 1.7vw;
  }

  .footer-col1,
  .footer-col2 {
    width: 100%;
    padding: 3rem;
  }

  .footer-sch-address {
    width: 46%;
  }

  .footer-col1 img {
    width: 75%;
  }

  .modal .modal-content {
    width: 85vw;
  }
}

@media screen and (max-width: 758px) {
  .third-layer-holder form {
    gap: 1rem;
  }

  .third-layer-holder form button {
    font-size: 2vw;
  }

  .third-layer-holder input[type="email"] {
    font-size: 2vw;
  }

  .footer-sch-address {
    width: 100%;
    gap: 1rem;
  }

  .modal .modal-content {
    width: 85vw;
  }

  .modal-body-part1 {
    display: none;
  }

  .modal-body-part2 {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .footer-sch-address {
    width: 100%;
    gap: 1rem;
  }

  .third-layer-holder input[type="email"] {
    padding: 0.3rem;
  }
}