/* flex */
.flex {
    display: flex;
}

/* lg:w-1/6 */
@media (min-width: 1024px) { /* lg breakpoint */
    .lg\:w-1\/6 {
        width: 16.666667%;
    }
}

/* p-4 */
.p-4 {
    padding: 1rem; /* 16px */
}

/* bg-gray-100 */
.bg-gray-100 {
    background-color: #f7fafc;
}

/* rounded-lg */
.rounded-lg {
    border-radius: 1rem; 
}

/* shadow-sm */
.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* h-fit */
.h-fit {
    height: fit-content;
}

/* text-2xl */
.text-2xl {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}

/* mb-5 */
.mb-5 {
    margin-bottom: 1.25rem; /* 20px */
}

/* text-gray-900 */
.text-gray-900 {
    color: #1a202c;
}

/* border-b */
.border-b {
    border-bottom-width: 1px;
}

/* pb-3 */
.pb-3 {
    padding-bottom: 0.75rem; /* 12px */
}

/* mb-4 */
.mb-4 {
    margin-bottom: 1rem; /* 16px */
}

/* space-y-2 */
.space-y-2 > *:not(:last-child) {
    margin-bottom: 0.5rem; /* 8px */
}

/* block */
.block {
    display: block;
}

.border-b {
    border-bottom-width: 1px;
}

/* p-3 */
.p-3 {
    padding: 0.75rem; /* 12px */
}

/* text-gray-700 */
.text-gray-700 {
    color: #4a5568;
}

/* transition-all */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* duration-300 */
.duration-300 {
    transition-duration: 300ms;
}

/* ease-in-out */
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* font-bold */
.font-bold {
    font-weight: 700;
}

/* mb-2 */
.mb-2 {
    margin-bottom: 0.5rem; /* 8px */
}

/* mt-6 */
.mt-6 {
    margin-top: 1.5rem; /* 24px */
}

/* scroll-mt-96 */
.scroll-mt-96 {
    scroll-margin-top: 24rem; /* 384px */
}

/* text-center */
.text-center {
    text-align: center;
}
/* first-letter:text-7xl */
.first-letter::first-letter {
    font-size: 4.5rem; /* 72px */
    line-height: 1;
}

/* first-letter:font-bold */
.first-letter::first-letter {
    font-weight: 400;
}

/* first-letter:text-gray-900 */
.first-letter::first-letter {
    color: #1a202c;
}

.article-container {
  	width: 90%;
    padding: 3rem;
    margin: 0 0 5% 5%;
}

.nav-link-hover:hover {
	transform: translateX(5px); /* Move slightly to the right */
	background-color: #e0f2fe; 
	color: #1d4ed8; 
}

.nav-link-active {
	background-color: #bfdbfe; 
	color: #1e40af;
	font-weight: 600;
}

.article-nav {
	margin-top:15%;
	position:sticky !important;
	transform: none;
	overflow:hidden;
}

.highlight-box {
	background-color: #c7364234; 
}

/* Custom: Remove bullet points from ul in nav */
.article-nav ul {
    list-style-type: none;
    padding-left: 0; /* Also remove default left padding from ul */
}

.background-grey-4 {
        background-color: #424242;
      }
      .text-title-large {
        font-size: 30px;
        line-height: 44px;
      }
      .text-title-med {
        font-size: 25px;
        line-height: 30px;
      }
      .text-title-small {
        font-size: 15px;
        line-height: 22px;
      }
      .margin-bottom-35px {
        margin-bottom: 35px;
      }

      .text-grey-3 {
        color: #000;
      }
      .text-capitalize {
        text-transform: capitalize !important;
      }
      .body-bg-gr {
        background-color: #f3f3f3;
        color: #000;
      }
      p {
        color: 333;
        font-size: 15px;
        text-align: justify;
      }