.form_question .form_label::after{
    content: none !important;
    display: none !important;
}

ul.subtabs {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    margin: 0 !important;
    margin-top: -30px !important;
    padding: 15px 30px !important; /* Gives the bar padding and aligns text to the left */
    background-color: #f5f5f5 !important; /* The light gray background bar seen in PROD */
    width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;
}

/* 2. Strip out the default button wrapper from the links */
ul.subtabs li a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    
    /* Typography settings to match PROD styling */
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold !important;
    text-transform: uppercase !important; /* Automatically forces "Home" to "HOME" */
    text-decoration: none !important;
    color: #555555 !important; /* Default color for inactive tabs (if any exist) */
}

/* 3. Turn the active tab into the corporate NJIT Red */
ul.subtabs li a.active {
    color: #CC0000 !important; /* NJIT Corporate Red */
    background: transparent !important;
}

ul.subtabs li {
    display: inline-block;
    margin: 0;
    padding-right: 5px !important;
}

.three-blocks__cta .widget-basic-btn {
    color: white !important;
}    

.part .three-blocks{
    margin-top: 5rem;
}

.extra .widget-basic-btn{
    justify-content: center;
}

a, a:link {
    color: #CC0000;
}

#header {
    position: sticky;          /* Ensures the header stays fixed at the top */
    top: 0;
    z-index: 9999 !important;  /* Forces the header to sit on top of the table rows (tr) */
    background-color: #ffffff; /* Adjust to match your header's background color so content doesn't show through */
}

/* For quotation marks for checkbox questions */
/* 1. Remove the giant red quote icons from the blockquotes */
#main form blockquote::before,
#main form blockquote::after,
#race_details blockquote::before,
#race_details blockquote::after {
    content: none !important;
    display: none !important;
}

/* 2. Reset the blockquote container spacing and borders */
#main form blockquote,
#race_details blockquote {
    margin: 0 !important;
    padding: 0 0 0 10px !important; /* Light indent for alignment */
    border: none !important;
    background: none !important;
}

/* 3. Fix the font and layout for the options inside the blockquote */
#main form blockquote p,
#main form blockquote label,
#main form blockquote div {
    font-family: 'Poppins', Roboto, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    text-transform: none !important;
}

/* 4. Align the checkbox nicely next to the text */
#main form blockquote p {
    display: flex !important;
    align-items: center !important;
    margin: 10px 0 !important;
}

#main form blockquote input[type="checkbox"] {
    margin-right: 8px !important;
    margin-top: 0 !important;
    position: relative !important;
    top: 0 !important;
}

.widget-basic-btn {
    text-decoration: none;
    font-weight: 600;
    display: flex;
}


.widget-basic-btn::after{
  content: " \279C" !important; /* This is the CSS Unicode for a right arrow (→) */
  margin-left: 8px;  /* Adds a nice gap between the text and the arrow */
  font-weight: bold; /* Optional: makes the arrow thicker */
}

.quote__name{
    text-decoration: none;
}

.form_question{
    width: 100%;
}