* {
  font-family: "Inter", sans-serif;
}


.border-tertiary {
  border-color: var(--colors-brand-200) !important;
}

.degree-info-border {
  border-top: 1px solid var(--colors-brand-200);
}

.degree-info-border:first-child {
  border-top: none;
}

.degree-info-row {
  width: 90% !important;
  margin: auto;
}

p {
  margin: 0;
}

.hover-pointer:hover {
  cursor: pointer;
}

.accordion-button:not(.collapsed) {
  color: #000 !important;
  background: none !important;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none;
}

.text-bg-light-Online {
  color: #5925DC !important;
  background-color: #F4F3FF !important;
  border: 1px solid #D9D6FE !important;
}

.text-bg-light-On-campus {
  color: #175CD3 !important;
  background-color: #EFF8FF !important;
  border: 1px solid #B2DDFF !important;
}

.text-bg-light-Hybrid {
  color: #3538CD !important;
  background-color: #EEF4FF !important;
  border: 1px solid #C7D7FE !important;
}

.text-brand-secondary {
  color: #1F6859 !important;
}

.outline-1 {
  outline: 1px solid var(--colors-gray-light-mode-200);
}

.w-60 {
  width: 60% !important;
}

.faqs {
  width: 100%;
  margin: auto;
}

.faqs .accordion-item {
  border: none;
}

.faqs .accordion-button::after {
  /* text-align: right !important; */
  margin-right: var(--spacing-xl) !important;
  margin-left: 0;
}

.faqs .accordion-item:has(.accordion-button:not(.collapsed)) {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
  border-radius: var(--bs-border-radius-xl) !important;
}


#cardSlider {
  transition: transform 0.5s ease-in-out;
  gap: var(--spacing-4xl);
}

.degree-card {
  min-width: 90%;
}

.table-striped-specific > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--colors-gray-light-mode-25);
}

.square::before {
  padding-top: 100%;
}

.city-hero-img {
  clip-path: none;
}

.text-hover-white:hover {
  color: #fff !important;
}

@media (min-width: 768px) {

  .degree-card {
    min-width: 400px;
    width: 400px;
  }

  .w-md-60 {
    width: 60% !important;
  }


  .degree-info-border {
    border: none;
    border-right: 1px solid var(--colors-brand-200);
  }

  .degree-info-border:first-child {
    border-top: none;
    border-left: 1px solid var(--colors-brand-200);
  }

  .w-md-auto {
    width: auto !important;
  }

  .degree-info-row {
    width: 100% !important;
  }

  .faqs {
    width: 60%;
  }
}

.pricing-table > tbody > tr:last-child, .pricing-table > tbody > tr:last-child > td {
  border-bottom: none !important;
}

.nav-devider {
  width: calc(100% + 1.5rem);
  margin-left: -0.75rem;
}

.ql-indent-1 {
  margin-left: 2.5em;
}



@media (max-width: 768px) {

  .pricing-table .text-bg-light-Online,
  .pricing-table .text-bg-light-On-campus,
  .pricing-table .text-bg-light-Hybrid {
    background-color: transparent !important;
    border: none !important;
  }

  .pricing-table thead {
    border-bottom: 1px solid var(--bs-border-color);
  }

  .pricing-table {
    background-color: #fff !important;
  }

  .pricing-table,
  .pricing-table tbody,
  .pricing-table thead,
  .pricing-table tr{
    display: block;
    width: 100%;
  }

  .pricing-table > tbody > tr {
    /* padding: .5rem 1rem; */
    border-bottom: 1px solid var(--bs-border-color);
  }

  .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: none;
    --bs-table-bg-type: none;
  }

  .table {
    --bs-table-hover-color: none;
    --bs-table-hover-bg: none;
  }

  .pricing-table td,
  .pricing-table th {
    display: inline;
    padding: 0 !important;
    background: none !important;
    border: none !important;
  }

  .pricing-table > tbody > tr:nth-child(odd) {
    background-color: var(--colors-gray-light-mode-25);
  }

  .pricing-table th:first-child::after {
    content: ', workload, duration & cost';
  }

  .pricing-table th:not(:first-child) {
    display: none;
  }

  .pricing-table td:not(:last-child, :nth-child(4))::after {
    content: ' / ';
  }

  .pricing-table td:nth-child(4)::after {
    content: ' per year \A';
    white-space: pre;
    color: var(--colors-gray-light-mode-600);
    font-size: var(--font-size-text-sm, 0.875rem);
    line-height: var(--line-height-text-sm, 1.25rem);
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }

  .pricing-table td:last-child::after {
    content: ' total cost \A';
    white-space: pre;
    color: var(--colors-gray-light-mode-600);
    font-size: var(--font-size-text-sm, 0.875rem);
    line-height: var(--line-height-text-sm, 1.25rem);
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }

  .pricing-table td:nth-child(1):after {
    content: " study mode \A";
    color: var(--colors-gray-light-mode-600);
    font-size: var(--font-size-text-sm, 0.875rem);
    line-height: var(--line-height-text-sm, 1.25rem);
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    white-space: pre;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .city-hero-img {
    clip-path: polygon(5rem 0, 100% 0, 100% 100%, 0 100%);
  }

  .border-lg-none {
    border: none !important;
  }

  .w-lg-auto {
    width: auto !important;
  }

  .h-lg-100 {
    height: 100% !important;
  }

  .nav-devider {
    width: auto;
  }
}