* {
  margin: 0;
  padding: 0;
  /* font-family: 'Inter', sans-serif; */
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  color: black;
  font-size: 15px;
}



body {

  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}

/* Optional: Headings (make them bold) */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'Inter', sans-serif; */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  /* color: #0E4074; */
}



.main-text {
  color: #0D3A71;
  font-size: 30px;
  font-weight: 500;

}

.vertical-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  /* Flips text so it reads bottom-to-top */
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Make buttons look like tabs sticking out from the side */
.ui-tab {
  border-radius: 12px 0 0 12px !important;
  /* Round only left corners */
  transition: all 0.3s ease;
  padding: 20px 12px !important;
  border: none !important;
  width: 55px;
  /* Fixed width, height adapts to text */
}

.ui-tab:hover {
  width: 70px;
  /* Expands slightly on hover */
  padding-left: 20px !important;
}

/* Adding a soft glass effect to the dark button */
.office-tour {
  background: #A16E4E !important;
}

.register-now {
  background: #f59e0b !important;
  /* High contrast amber/yellow */
}

.w-80 {
  width: 100% !important;
  height: 85% !important;
  object-fit: cover;
}


@media only screen and (max-width: 768px) {
  h2 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
  }

  p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
  }

  li {

    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
  }

  .accordion-button {
    font-size: 15px !important;

  }

  span {
    font-size: 18px !important;
  }
}