<turbo-stream action="update" target="college_page_tabs"><template>
<div class="tablist tablist-stretch space24">
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab " href="/college/massachusetts_institute_of_technology_mit/lifestyle">
        Financial</a>
      
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab " href="/college/massachusetts_institute_of_technology_mit/campus">
        Campus</a>
      
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab selected" href="/college/massachusetts_institute_of_technology_mit/overview">
        Overview</a>
      
        <a data-turbo-stream="" target="" data-turbo-action="advance" class="tab " href="/college/massachusetts_institute_of_technology_mit/majors">
        Fields</a>
      </div>







<h3>Admissions</h3>
<div class="grayframe space32">
    <div class="stacked-mobile two-col-mobile" style="">
    <div>
      <div class="text-s weight-sb text-gray2">Acceptance rate</div>
      <div class="line12"></div>
      <h4 class="space32">% of applicants accepted</h4>

      

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 4.54%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Overall: 5%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>



      

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-blue-500"
        style="
          margin-left: 0.0%;
          width: 3.52%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Male: 4%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>



      

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-pink-500"
        style="
          margin-left: 0.0%;
          width: 6.81%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Female: 7%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>



    </div>
    <div>
      <div class="text-s weight-sb text-gray2">Yield rate</div>
      <div class="line12"></div>
      <h4 class="space32">% accepted that attend</h4>

  
        

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 85.82%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Overall: 85%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


  
        

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-blue-500"
        style="
          margin-left: 0.0%;
          width: 89.43%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Male: 89%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


  
        

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-pink-500"
        style="
          margin-left: 0.0%;
          width: 81.2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Female: 81%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>




    </div>
  </div>


  
        <div class="smallnote space4">
          <span style="font-size: 16px;" class="material-symbols-outlined"> emoji_objects </span>
          Colleges with a high % of accepted students deciding to attend often offer less merit aid.
        </div>
      

  <div class="space32"></div>

    
  <div class="text-s weight-sb text-gray2">Early admit detail</div>
  <div class="line12"></div>
  <table class="lined lined-rows space32" cellspacing="0">
    <thead>
      <tr>
        <th style="width:2px;padding: 0px; left: 0px;vertical-align: middle;" colspan=""></th>
        <th colspan="">&nbsp;</th>
        <th colspan="2">% acceptance rate</th>
        <th colspan="">Early to regular 
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content="Ratio shows how beneficial it is to apply early vs regular (ex. 1.5x as likely to be accepted)." style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    </th>
        <th colspan="">% admits</th>
      </tr>
      <tr>
        <th style="width:2px;padding: 0px; left: 0px;vertical-align: middle;" colspan=""></th>
        <th colspan="">&nbsp;</th>
        <th>Early</th><th>Regular</th>
        <th>Ratio</th>
        <th>Of class</th>
      </tr>
    </thead>
    <tbody>

        <tr class="padding-l">
          <td style="width:2px;padding: 0px; left: 0px;vertical-align: middle;" class=""></td>
          <td>EA 2026</td>
          <td>6%</td>
          <td>4%</td>
          <td>1.5x</td>
          <td>59%</td>
        </tr>
        <tr class="padding-l">
          <td style="width:2px;padding: 0px; left: 0px;vertical-align: middle;" class=""></td>
          <td>EA 2027</td>
          <td>6%</td>
          <td>4%</td>
          <td>1.6x</td>
          <td></td>
        </tr>
        <tr class="padding-l">
          <td style="width:2px;padding: 0px; left: 0px;vertical-align: middle;" class=""></td>
          <td>EA 2028</td>
          <td>5%</td>
          <td>4%</td>
          <td>1.3x</td>
          <td></td>
        </tr>
        <tr class="padding-l">
          <td style="width:2px;padding: 0px; left: 0px;vertical-align: middle;" class="dot-gray-500"></td>
          <td>EA 2029</td>
          <td>6%</td>
          <td>3%</td>
          <td>1.7x</td>
          <td></td>
        </tr>
    </tbody>
  </table>


  <div class="line32"></div>


  <div class="stacked-mobile stacked-mobile-outside">
    <h4>High school GPA</h4>
    <div class="bodytext">Optional</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>High school rank</h4>
    <div class="bodytext">Optional</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>High school transcript</h4>
    <div class="bodytext">Required</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>Recommendation letters</h4>
    <div class="bodytext">Required</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>Personal statement or essay</h4>
    <div class="bodytext">Required</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>Legacy status</h4>
    <div class="bodytext">No</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>Accepts Common App</h4>
    <div class="bodytext">No</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside">
    <h4>Accepts Coalition App</h4>
    <div class="bodytext">No</div>
  </div>
  <div class="stacked-mobile stacked-mobile-outside" style=""> 
    <h4>English Proficiency (Int'l)</h4>
    <div class="bodytext">Optional</div>
  </div>
  
      <div class="text-std-light" style="text-align: right;">
        web.mit.edu: <a target='_blank' class='linkcolor' href='https://mitadmissions.org/'>Admissions</a> | <a target='_blank' class='linkcolor' href='https://my.mit.edu/'>Apply</a>
      </div>

</div>



<h3>Academics</h3>
<div class="grayframe space32">


  
  <div class="stacked-mobile stacked-mobile-outside" style="" id="sat_act_policy">
    <h4>Test policy</h4>
    <div class="bodytext">
        Required
    </div>
  </div>


    <div class="stacked-mobile two-col-mobile" style="">
      <div>
        <div class="text-s weight-sb text-gray2">SAT</div>
        <div class="line12"></div>
          <h4 class="space32">83% submit</h4>


          <div class="text-s weight-r text-gray3 space8">
            <div style="display: flex; justify-content: space-between;">
              <div>25-75% 
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content="Half of students submit test scores within the 25-75% percentile. 50% is the midpoint of all scores submitted." style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    </div>
              <div style="">50%</div>
            </div>
          </div>



          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-brand-500"
        style="
          margin-left: 92.0%;
          width: 6.0%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 96.0%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">SAT range: 1520 - 1580</div>
      
      <div class="progressbar_bottom_right_label">1560</div>
    </div>

</div>



          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-brand-500"
        style="
          margin-left: 96.0%;
          width: 4.0%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 99.9%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Math: 780 - 800</div>
      
      <div class="progressbar_bottom_right_label">800</div>
    </div>

</div>



          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-brand-500"
        style="
          margin-left: 88.0%;
          width: 8.0%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 92.0%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">EBRW: 740 - 780</div>
      
      <div class="progressbar_bottom_right_label">760</div>
    </div>

</div>


      </div>


      <div>
        <div class="text-s weight-sb text-gray2">ACT</div>
        <div class="line12"></div>
          <h4 class="space32">29% submit</h4>


          <div class="text-s weight-r text-gray3 space8">
            <div style="display: flex; justify-content: space-between;">
              <div>25-75% 
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content="Half of students submit test scores within the 25-75% percentile. 50% is the midpoint of all scores submitted." style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    </div>
              <div style="">50%</div>
            </div>
          </div>

          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-brand-500"
        style="
          margin-left: 91.30434782608695%;
          width: 8.695652173913047%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 95.65217391304348%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">ACT range: 34 - 36</div>
      
      <div class="progressbar_bottom_right_label">35</div>
    </div>

</div>



          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-brand-500"
        style="
          margin-left: 95.65217391304348%;
          width: 4.347826086956516%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 95.65217391304348%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">Math: 35 - 36</div>
      
      <div class="progressbar_bottom_right_label">35</div>
    </div>

</div>



          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dot-brand-500"
        style="
          margin-left: 95.65217391304348%;
          width: 4.347826086956516%;
          
          
          
        ">&nbsp;</div>
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 95.65217391304348%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">English: 35 - 36</div>
      
      <div class="progressbar_bottom_right_label">35</div>
    </div>

</div>



      </div>
    </div>
    
        <div class="smallnote space48">
          <span style="font-size: 16px;" class="material-symbols-outlined"> emoji_objects </span>
          Test scores skew higher for colleges with low submit rates as only students with high scores tend to submit.
        </div>
      
        <div class="space32">
          <table class="lined lined-rows">
            <thead>
              <tr>
                <th>Link</th>
                <th>App cycle</th>
                <th>SAT superscore</th>
                <th>ACT superscore</th>
                <th>Your score choice 
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content="Allows you to submit your single best test score across multiple dates." style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    </th>
                <th>Self report scores</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                    <a target="_blank" href="https://mitadmissions.org/apply/firstyear/tests-scores/" class="linkcolor text-l" >
                      <span class="material-symbols-outlined"> open_in_new </span>
                    </a>
                </td>
                <td>
                    
        <div class="badge badge-gray" id="" style="margin: 0 0px 0px 0;">
          
            
            
            <div style="text-align: center;"><span>25</span><span>-</span><span>26</span></div>
            
            
        </div>
    
                </td>
                <td>
                    <div class="dot dot-m dot-success-500">
                    </div>
                    Yes
                </td>
                <td>
                    <div class="dot dot-m dot-success-500">
                    </div>
                    Yes
                </td>
                <td>
                  Yes
                </td>
                <td>
                  Yes
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="mednote">If you take the same test multiple times, we will consider the highest score achieved in each section. We do this in order to consider all applicants in their best light.</div>
    <div class="line32"></div>

      <div class="stacked-mobile stacked-mobile-outside">
        <h4>HS GPA of enrolled freshman </h4>
        <div class="bodytext">3.95</div>
      </div>

  
<div class="line32"></div>

</div>












<h3>Financial aid</h3>
<div class="grayframe space32">
  <h4 class="space32">Grant or scholarship aid</h4>
  
  <div class="stacked-mobile two-col-mobile" style="">
        <div>
          

<div class="progress_bar_with_label space16">
    <div class="progress_bar_label weight-m">
      <div>% awarded aid</div>
      <div></div>
    </div>
    <div class="space8"></div>

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 59.0%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">59%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


        </div>
        <div>
          

<div class="progress_bar_with_label space16">
    <div class="progress_bar_label weight-m">
      <div>$ avg. award</div>
      <div></div>
    </div>
    <div class="space8"></div>

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 94.97538461538461%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">$61,734</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


        </div>
  </div>


  <div class="stacked-mobile two-col-mobile" style="">
        <div>
          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 64.0%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">64.0%</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


        </div>
        <div>
          

<div class="progress_bar_with_label space16">

  



  <div class="progressbar-container  collegecard-major-progressbar space8" style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 89.89076923076922%;
          
          
          
        ">&nbsp;</div>
  </div>




    <div class="progress_bar_label">
      <div class="progressbar_bottom_label">$58,429</div>
      
      <div class="progressbar_bottom_right_label"></div>
    </div>

</div>


        </div>
  </div>


  <div class="space32 weight-r text-gray3 text-s" style="justify-content: flex-end; display: flex; gap: 16px"><div class=""><div style="" class="dot dot-m dot-fg-primary"></div> Freshman</div><div class=""><div style="" class="dot dot-m dot-gray-500"></div> All undergrads</div></div>


    <div class="space32"></div>
    <h4>Freshman aid detail 
      <span class="tippy-help-container" data-controller="tippy" data-tippy-content="Full-time undergrads entering college for the first time." style="font-size: 1.0em;">
        <span style="font-size: 20px; " class="material-symbols-outlined "> help </span>
      </span>
    </h4>
    <div class="space32"></div>

    <table class="lined lined-rows space32 vertical-center">
      <thead>
        <tr>
          <th>Aid type</th>
          <th>% awarded aid</th>
          <th>$ avg. award</th>
          <th>$ total awarded</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Any financial aid</td>
          <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-dark"
        style="
          margin-left: 0.0%;
          width: 75.0%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>75%</div>



    </div>


</div>


          </td>
          <td>-</td><td>-</td>
        </tr>
        <tr>
          <td>Federal grants</td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 20.0%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>20%</div>



    </div>


</div>


            </td>
            <td>$8,127</td>
            <td>$1,787,893</td>
        </tr>
        <tr>
          <td><div style="margin-left: 20px;">Pell grants</div></td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 20.0%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>20%</div>



    </div>


</div>


            </td>
            <td>$5,885</td>
            <td>$1,294,672</td>
        </tr>
        <tr>
          <td><div style="margin-left: 20px;">Other federal</div></td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 63.0%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>63%</div>



    </div>


</div>


            </td>
            <td>$2,209</td>
            <td>$1,630,284</td>
        </tr>
        <tr>
          <td>State/local grants</td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 2.0%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>2%</div>



    </div>


</div>


            </td>
            <td>$3,205</td>
            <td>$60,900</td>
        </tr>
        <tr>
          <td>Institutional grants</td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 57.99999999999999%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>58%</div>



    </div>


</div>


            </td>
            <td>$59,510</td>
            <td>$37,908,149</td>
        </tr>
        <tr>
          <td>Student loans</td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-primary"
        style="
          margin-left: 0.0%;
          width: 8.0%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>8%</div>



    </div>


</div>


            </td>
            <td>$11,176</td>
            <td>$938,773</td>
        </tr>
        <tr>
          <td><div style="margin-left: 20px;">Federal loans</div></td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 7.000000000000001%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>7%</div>



    </div>


</div>


            </td>
            <td>$4,936</td>
            <td>$370,213</td>
        </tr>
        <tr>
          <td><div style="margin-left: 20px;">Other loans</div></td>
            <td>
              

<div class="progress_bar_with_label ">

  

    <div style="display: flex; gap: 20px; align-items: center;">


    <div style="flex-grow: 1;">
  <div class="progressbar-container  collegecard-major-progressbar " style="flex-shrink: 1;">
      <div data-progress-target="segment"
        class="progressbar-progress progressbar-progress-gray"
        style="
          margin-left: 0.0%;
          width: 2%;
          
          
          
        ">&nbsp;</div>
  </div>
    </div>
    <div>1%</div>



    </div>


</div>


            </td>
            <td>$35,535</td>
            <td>$568,560</td>
        </tr>
      </tbody>
    </table>

    <div class="space12">
      
        <div class="smallnote space4">
          <span style="font-size: 16px;" class="material-symbols-outlined"> emoji_objects </span>
          Merit aid based on student academics is primarily from institutional grants paid by the college.
        </div>
      
    </div>
    <div class="space32 weight-r text-gray3 text-s" style="justify-content: flex-end; display: flex; gap: 16px"><div class=""><div style="" class="dot dot-m dot-green-500"></div> Good</div><div class=""><div style="" class="dot dot-m dot-red"></div> Bad</div><div class=""><div style="" class="dot dot-m dot-fg-primary"></div> Average</div></div>

</div>







<h3>Professional</h3>
<div class="grayframe space32">
  <h4 class="space24">Popular grad professions</h4>
    
        <div class="badge badge-color1  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 0 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Engineering
            
            
        </div>
    
    
        <div class="badge badge-color2  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 17 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Research
            
            
        </div>
    
    
        <div class="badge badge-color3  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 43 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Education
            
            
        </div>
    
    
        <div class="badge badge-color4  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 50 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Entrepreneurship
            
            
        </div>
    
    
        <div class="badge badge-color5  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 58 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Information Technology
            
            
        </div>
    
    
        <div class="badge badge-color1  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 67 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Consulting
            
            
        </div>
    
    
        <div class="badge badge-color2  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 67 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Operations
            
            
        </div>
    
    
        <div class="badge badge-color3  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 77 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Program and Project Management
            
            
        </div>
    
    
        <div class="badge badge-color4  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 79 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Finance
            
            
        </div>
    
    
        <div class="badge badge-color5  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 80 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Business Development
            
            
        </div>
    
    
        <div class="badge badge-color1  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 86 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Media and Communication
            
            
        </div>
    
    
        <div class="badge badge-color2  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 87 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Sales
            
            
        </div>
    
    
        <div class="badge badge-color3  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 87 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Healthcare Services
            
            
        </div>
    
    
        <div class="badge badge-color4  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 88 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Arts and Design
            
            
        </div>
    
    
        <div class="badge badge-color5  space12 badge-square-corners" id="" style="margin: 0 12px 12px 0;">
          
            
          <div style="display: inline-block; width: 16px; height: 16px; line-height: 20px; vertical-align: text-bottom; margin-right: 8px;">
            <svg class="outlinepie" viewBox="0 0 80 80">
            <circle class="inner" style="stroke-dasharray: 88 100;" r="16" cx="40" cy="40" />
            </svg>
          </div>
      
            
            Marketing
            
            
        </div>
    
</div>
</template></turbo-stream>