@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100..900;1,100..900&family=Playfair+Display:wght@700&family=Roboto:wght@400;500&family=Anton&family=Headland+One&family=Alex+Brush&display=swap');
@import url('style.css');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');






:root {
  --HeadingColour: #000000;
  --HeaderColour: #00246B;
  --LogoColour: #F6318C;
  --text-light: #666;
}

header {
  border: 0px !important;
}



body {
  font-family: "Montserrat", sans-serif, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  box-sizing: border-box;
  width: 100%;
  /* margin: 0px !important;
  padding: 0px !important; */

  img
  {
    user-select: none;
  }
}

main {
  width: 100% !important;
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRightToLeft {
  from {
    opacity: 0;
    transform: translateX(30px);
    /* same distance as translateY(30px) */
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}




.heroSection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* margin-top: 0px !important; */
  width: 100% !important;
  background-color: #f4f7fc;
  padding: 20vh 0px;

  overflow-x: hidden;
  box-sizing: border-box !important;
  position: relative;
}

.heroSection::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
    url('math-formulas.svg'),
    url('physics-formulas.svg'),
    url('chemistry-formulas.svg'),
    url('math-formulas.svg'),
    url('physics-formulas.svg'),
    url('chemistry-formulas.svg'),
    url('math-formulas.svg'),
    url('physics-formulas.svg'),
    url('chemistry-formulas.svg'),
    url('math-formulas.svg'),
    /* 10th - left side */
    url('physics-formulas.svg'),
    /* 11th - right side */
    url('chemistry-formulas.svg');
  /* 12th - right side */
  background-position:
    10% 15%,
    /* Math - top left */
    40% 5%,
    /* Physics - top center */
    75% 20%,
    /* Chemistry - top right */
    20% 50%,
    /* Math - middle left */
    50% 45%,
    /* Physics - center */
    80% 55%,
    /* Chemistry - middle right */
    15% 80%,
    /* Math - bottom left */
    65% 85%,
    /* Physics - bottom right */
    85% 75%,
    /* Chemistry - bottom far right */
    5% 35%,
    /* Math - middle far left */
    90% 35%,
    /* Physics - middle far right */
    92% 10%;
  /* Chemistry - top far right */
  background-repeat: no-repeat;
  background-size:
    280px 280px,
    260px 260px,
    240px 240px,
    300px 300px,
    280px 280px,
    260px 260px,
    320px 320px,
    290px 290px,
    250px 250px,
    270px 270px,
    /* Size for 10th formula */
    240px 240px,
    /* Size for 11th formula */
    220px 220px;
  /* Size for 12th formula */
  filter: blur(0.8px);
  z-index: 0;
  pointer-events: none;
}



.heroText {
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 2;
  /* background-color: peru; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  font-size: 1.3rem;
  /* Animation */
  opacity: 0;
  animation: fadeInUp 1s ease-out forwards;
  animation-delay: 0.2s;
  /* Optional: Add delay */
}

#bigText {
  display: flex;
  /* font-size: 3.8rem !important; */
  font-size: 3.0rem !important;
  font-weight: 600;
  color: #443737;
  margin-bottom: 20px;
  font-family: Playfair Display, serif;

  white-space: normal !important;
  line-height: 1.2;
  display: block !important;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* max-width: 100% */
}


#kareli-text .ti-cursor {
  font-weight: 100;
  animation: blink 1s infinite;
}

@keyframes blink {

  0%,
  50% {
    opacity: 1;
  }

  51%,
  100% {
    opacity: 0;
  }
}

#kareli-text {
  /* white-space: normal !important;
    line-height: 1.2; */

  /* font-family: 'Playfair Display', serif; */
  color: var(--HeaderColour);
  /* #00246B */
  font-size: 2rem;

}

#year-text {
  display: flex !important;
  color: var(--LogoColour);
  color: #D21C6B;

}

#arrowIcon {
  width: 1rem;
  height: 1rem;
  cursor: pointer;

}

#last-text {
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--text-light);
}

#sms-name {
  font-size: 1.2rem !important;
  /* color: #FF6500; */
  color: #443737;
  font-weight: 800;
  cursor: pointer;
}




.heroImage {
  /* background-color: red; */
  position: relative;
  z-index: 2;
  width: 300;
  height: 300px;
  opacity: 0;
  animation: fadeInRightToLeft 1s ease-out forwards;
  animation-delay: 0.2s;
}



#page-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4f7fc;

  ul {
    display: flex !important;
    background-color: #f4f7fc;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
    /* shadow above to lift it */
    position: relative;
    z-index: 2;
    width: 70%;
    gap: 300px;
    padding: 5px 0px;
    list-style: none;
    justify-content: center;
  }

  ul li {
    /* background-color: red; */
    font-weight: 700;
    /* text-decoration: underline; */
    color: var(--HeaderColour);
    cursor: pointer;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;

  }

  ul li:hover {
    color: var(--LogoColour);
    transform: translateY(-3px) scale(1.15);
    /* transition: transform 0.2s ease-in-out, color 0.2s ease-in-out; */
  }

}

#fd-btn {
  font-weight: 700;
  color: var(--LogoColour);
  cursor: pointer;
  animation: textPulse 2s infinite;
  transition: transform 0.3s ease;
}

#fd-btn:hover {
  transform: translateY(-3px) scale(1.1);
}

@keyframes textPulse {
  0%   { color: var(--LogoColour); text-shadow: none; }
  50%  { color: #ff4fa0; text-shadow: 0 0 8px rgba(246, 49, 140, 0.6); }
  100% { color: var(--LogoColour); text-shadow: none; }
}


#join-us {
  cursor: pointer;
  margin-top: 30px;
  display: flex !important;
  background-color: var(--HeaderColour);
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  align-items: center;
  justify-content: center;
  width: 175px;
  border-radius: 30px;
  padding: 7px 0px;

  a {
    font-size: 1.05rem;
    font-weight: 700;
    color: white;
    text-decoration: none;
  }
}

#join-us {
  background-color: var(--HeaderColour);
  border: 1px solid transparent;
  transform: scale(1);
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out;
}

#join-us a {
  color: white;
  transition: color 0.3s ease-in-out;
}

#join-us:hover {
  background-color: white;
  border: 1px solid var(--HeaderColour);
  transform: scale(1.05);
}

#join-us:hover a {
  color: var(--HeaderColour);
}

#book-name
  {
    a{
      font-family: 'Poppins';
      font-weight: 600 !important;
      /* color: var(--LogoColour) !important; */
      color: var(--HeaderColour) !important;
      text-decoration: none;
    }
  }

  #state-rank
  {
  color: var(--HeaderColour) !important;
  font-weight: 600;
  }


@media (max-width: 1000px) {
  .heroSection {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 3vh 0px;
    /* background-color: red; */
    /* font-size: 10px; */
  }

  #heroImage {
    margin-left: 50px;
    width: 225px;
    height: 225px;
  }

  .heroText {
    width: 90% !important;
    justify-content: center;
    align-items: center !important;
    font-size: 1.2rem;
  }

  #join-us {
    width: 150px;
    align-self: center;
    font-size: 1rem;
  }

  #kareli-text {
    font-size: 1.5rem;
  }

  #year-text {
    font-size: 1rem;
  }

  #last-text {
    font-size: 0.9rem;
  }

  #sms-name {
    font-size: 1.1rem !important;
  }

  #bigText {
    font-size: 2.5rem !important;
    text-align: center;
  }

  #page-nav ul {
    width: 90% !important;
    gap: 140px;

  }

}

@media (max-width: 1480px) {
  #page-nav ul {
    /* width: 80% !important; */
    gap: 150px;

  }
}

@media (max-width: 785px) {
  .heroSection {
    padding-top: 15vh !important;
    padding-bottom: 5vh !important;

  }

  #heroImage {
    width: 200px;
    height: 200px;
  }

  .heroText {
    width: 90% !important;
    justify-content: center;
    align-items: center !important;
    font-size: 1.1rem;
  }

  #join-us {
    width: 130px;

  }

  #page-nav ul {
    width: 95% !important;
    gap: 80px;

  }
}

@media (max-width: 600px) {
  #page-nav ul {
    flex-direction: column;
    box-shadow: 0 -15px 35px rgba(0, 0, 0, 0.2);
    /* box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.15); */

    gap: 20px;
    justify-content: center;
    align-items: center;
    width: 90% !important;
    padding: 10px 0px;

  }

  #update-heading {
    font-size: 1.5rem !important;
    margin-top: 20px;
  }

  #course-title {
    font-size: 1.7rem !important;

  }
}

@media (max-width: 460px) {


  #bigText {
    font-size: 2rem !important;
    text-align: center;
  }

  #kareli-text {
    font-size: 1.3rem;
    text-align: center;
  }

  #year-text {
    font-size: 0.9rem;
  }

  #last-text {
    font-size: 0.8rem;
  }

  #sms-name {
    font-size: 1rem !important;
  }

  /* .CourseDetails
  {
    font-size: 14px !important;
  }*/

  #Class12CourseCard {
    .link {
      padding: 5px !important;
    }

  }

  /* #NeetCourseCard
  {
    .link
    {
      padding: 4px !important;
    }
    .link a
    {
      font-size: 12px !important;
    }
  }  */

  #CourseCard {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;

  }

  #CourseTab {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    /* background-color: peru; */
  }

  .course-content {
    width: 100% !important;
  }


}






.update-tab {
  background-color: #FFFADC;
  /* background-color: red; */
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  /* justify-content: center; */
  overflow-y: hidden;
  align-items: center;
  /* height: 600px; */
  padding-bottom: 40px;

}

#update-heading {
  display: flex;
  /* width: 100%; */
  justify-content: center;
  align-items: center;
  /* justify-content:flex-start; */
  /* align-self: self-start; */
  font-size: 2.1rem;
  font-weight: 800;
  text-align: center;
  color: var(--HeaderColour);
  /* background-color: red; */
  margin-top: 30px;
  font-family: Anton;
  font-family: 'Headland One', serif;
  text-shadow: 2px 10px 7px rgba(0, 0, 0, 0.2);
}


.update-content {

  margin-top: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 85%;
  gap: 30px;
  /* background-color: peru; */
  padding: 5px;


}

.update-card {
  background-color: #f4f7fc;
  background-color: #f8f9fa;
  overflow: hidden;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  /* gap: 20px; */
  padding: 20px 10px;
  width: 275px;
  /* height: 375px; */
  height: 350px;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  position: relative;
  /* Required for absolute positioning */

  h4 {
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    margin: 0;
    width: 100%;
    padding: 0px 15px;
  }

  img {
    width: 125px;
    height: 125px;
    object-fit: cover;
    border-radius: 10px;
  }

  .ribbon {
    position: absolute;
    top: 23px;
    left: -17px;
    /* Adjusted to align properly */
    background-color: red;
    border-radius: 7px;
    color: white;
    font-weight: bold;
    padding: 7px 12px;
    transform: rotate(-45deg);
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transform-origin: left top;
  }



  p {
    font-size: 1.0rem;
    color: var(--HeaderColour);
    text-align: center;
    font-weight: 600;
    margin: 0;
  }

}

.update-card:hover {
  transform: translateY(-5px);
  /* subtle lift */
  box-shadow:
    0 10px 15px rgba(0, 0, 0, 0.15),
    0 20px 25px rgba(0, 0, 0, 0.2);
}

.update-card a {
  display: inline-block;
  background-color: #0d6efd;
  color: #ffffff;

  border: 2px solid #0d6efd;
  padding: 6px 14px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.update-card a:hover {
  color: #0d6efd;
  background-color: transparent;
}



.Course-Tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* height: 600px; */
  background-color: #f4f7fc;

}

#course-title {
  display: flex;
  /* width: 100%; */
  justify-content: center;
  align-items: center;
  /* justify-content:flex-start; */
  /* align-self: self-start; */
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--HeaderColour);
  /* background-color: red; */
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: Anton;
  font-family: 'Headland One', serif;
  text-shadow: 2px 10px 7px rgba(0, 0, 0, 0.2);
}

.course-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 99vw;

  width: 85%;
  gap: 30px;
  /* background-color: peru; */
  padding: 5px;
  padding-bottom: 50px;
}


.CourseCard {
  padding: 5px;
  margin: 5px;
  display: flex;
  flex-wrap: nowrap;
  background-color: #fffb07;
  width: 420px;
  height: 205px;
  /* text-align: center; */
  align-items: center;
  justify-content: space-between;
  color: white;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 50px;

  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.1),
    /* soft base shadow */
    0 8px 20px rgba(0, 0, 0, 0.2);
  /* elevated shadow */

  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;


}

.CourseCard:hover {
  transform: translateY(-5px);
  /* subtle lift */
  box-shadow:
    0 10px 15px rgba(0, 0, 0, 0.15),
    0 20px 25px rgba(0, 0, 0, 0.2);
}

.CourseDetails {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  margin-right: 10px;
  color: #000000;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  font-size: 16px;

  h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
  }

  text-align: center;

  .link {

    border-radius: 50px;
    border: 2px solid black;
    padding: 3px;
    background-color: #F6318C;

    a {
      /* font-size: medium; */
      font-size: 15px;
      color: white;
      text-decoration: none;
    }
  }

}

.CourseImage {
  /* margin-right: 15px; */
  /* border: 2px solid #000000;
  border-radius: 2000px;
  height: 200px;
  width: 200px; */

  img {
    border-radius: 50%;
    border: 2px solid #000000;
    height: 150px;
    width: 150px;
    pointer-events: none !important;
  }
}


#NeetCourseCard {
  /* background-color: #1C1678; */
  background-color: #18230F;
  background-color: #22092C;

  .CourseDetails {
    color: white;
  }

  .link {
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid white;
    background-color: #2D132C;
    background-color: #0a16a4;
  }
}

#JeeCourseCard {
  display: none;
  background-color: #22092C;

  .CourseDetails {
    color: white;
  }

  .link {
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid #ffffff;
    /* background-color: #FF7D29; */
    background-color: #4B5D67;
    background-color: var(--HeaderColour);

    a {
      color: white;
    }
  }
}

#IertCourseCard {
  background-color: #C80036;
  /* background-color: #18230F; */
  background-color: #1C1678;
  background-color: #0a16a4;

  .CourseDetails {
    color: white;
  }

  .link {
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid white;
    background-color: #044343;
    background-color: #22092C;
  }

}

#Class11CourseCard {
  background-color: #2D4D9B;
  background-color: #006A67;
  background-color: #22092C;

  .CourseDetails {
    color: white;
  }

  .link {
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid white;
    background-color: #5061A2;
    background-color: #0a16a4;
  }
}

#Class12CourseCard {
  background-color: #0a16a4;

  .CourseDetails {
    color: white;
  }

  .link {
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid white;
    background-color: #006A67;
    background-color: #22092C;

  }
}



.FacultyTab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 20px;
  background-color: #FFFADC;

}

#Faculty-title
{
 
      font-size: 2.2rem;
    font-weight: 800;
    color: var(--HeaderColour);
    /* background-color: red; */
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: Anton;
    font-family: 'Headland One', serif;
    text-shadow: 2px 10px 7px rgba(0, 0, 0, 0.2);
}

.Faculty-container {
  width: 90%; 
  /*background-color: red;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 30px;
}
.faculty-card {
  display: flex;
  width: auto;
  flex-direction: row-reverse;
  background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 100%);
  border: 1px solid #dee2e6;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: start;
  border-radius: 20px;
  padding: 20px;
  text-align: center; 
  width: 500px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.faculty-card:hover {
  transform: translateY(-7px) scale(1.025);
  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.18),
    0 28px 40px rgba(0, 0, 0, 0.22);
}

.image-details {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  
  .faculty-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-bottom: 15px;
    user-select: none;
    box-shadow: 0px 6px 12px rgba(0,0,0,0.25), 
              0px 3px 6px rgba(0,0,0,0.15); /* layered elevation */
  }

  .teacher-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 20px;
    margin-left: 5px;
    font-family: 'Headland One', serif;
    font-family: 'Poppins'; 
  }

  .subject-container {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px !important;
  }

  .Subject-taught {
    font-size: 1.02rem;
    color: #6c757d;
    font-weight: 600;
    color: white;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    padding: 8px 16px !important;
    border-radius: 55px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    transition: background 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .Subject-taught:hover {
    background: linear-gradient(135deg, #764ba2, #667eea);
    box-shadow: 0 2px 12px rgba(102, 126, 234, 0.18);
  }

  
}

.text-details {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  /*background-color: black;*/
  align-items: center;
  justify-content: space-evenly;
  gap: 15px;
  color: white !important;
  margin-top: 15px;
  width: 100%; 
}.icon-and-text {
  border-left: none; /* remove heavy left border */
  background: #ffffff;
  border-radius: 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  padding: 6px 12px;
  display: inline-flex;  /* shrink to content */
  gap: 6px;
  align-items: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  margin: 4px; /* spacing between tags */
}

.icon-and-text p {
  color: #333 !important;
  font-weight: 500;
  font-size: 0.95rem;
}

.icon-and-text .fcl-icons, 
.icon-and-text .cup-icon {
  height: 90%;
  max-width: 20px;
}

.icon-and-text:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(102, 126, 234, 0.25);
}


.below-text-ruler {
  display: none;
  align-self: center;
  background-color: #EEEEEE;
  width: 95%;
  border-radius: 1px;
  height: 1px;
}




@media (max-width: 460px) {}





@media (min-width:511px) and (max-width:754px) {

  .TitleContainer {
    .MainTitle {
      font-size: 8vw !important;

    }

    .SubTitle {
      font-size: 6vw;
    }
  }
}


/* Remove outermost formulas on tablets */
@media (max-width: 1024px) {
  .heroSection::before {
    background-image:
      url('math-formulas.svg'),
      url('physics-formulas.svg'),
      url('chemistry-formulas.svg'),
      url('math-formulas.svg'),
      url('physics-formulas.svg'),
      url('chemistry-formulas.svg'),
      url('math-formulas.svg'),
      url('physics-formulas.svg'),
      url('chemistry-formulas.svg');
    background-position:
      10% 15%, 40% 5%, 75% 20%, 20% 50%, 50% 45%,
      80% 55%, 15% 80%, 65% 85%, 85% 75%;
    background-size:
      280px 280px, 260px 260px, 240px 240px, 300px 300px,
      280px 280px, 260px 260px, 320px 320px, 290px 290px, 250px 250px;
  }
}

/* Remove more edge formulas on mobile landscape */
@media (max-width: 768px) {
  .heroSection::before {
    background-image:
      url('math-formulas.svg'),
      url('physics-formulas.svg'),
      url('chemistry-formulas.svg'),
      url('math-formulas.svg'),
      url('physics-formulas.svg'),
      url('chemistry-formulas.svg');
    background-position:
      15% 20%, 40% 10%, 20% 55%, 50% 50%, 15% 85%, 65% 90%;
    background-size:
      250px 250px, 230px 230px, 270px 270px, 250px 250px, 280px 280px, 260px 260px;
  }
}

/* Keep only central formulas on mobile portrait */
@media (max-width: 480px) {
  .heroSection::before {
    background-image:
      url('math-formulas.svg'),
      url('physics-formulas.svg'),
      url('chemistry-formulas.svg');
    background-position:
      25% 25%, 50% 55%, 25% 85%;
    background-size:
      200px 200px, 180px 180px, 220px 220px;
  }


  .faculty-image
  {
    width: 120px !important;
    height: 120px !important;
  }
 
 
  
.icon-and-text {
  /* border-left: 4px solid #667eea; */
  gap: 3px;


  p {
    font-size: 0.9rem;  
    text-align: center;
    font-weight: 600;
  }


}



  .Subject-taught {
    font-size: 1rem !important; 
   
  }

  .long-text
  {
    font-size: 0.9rem !important;
  }

  .Faculty-container
  {
    width: 90vw;
    
  }
}