:root {
     --cor-1: #47AFE1;
     --cor-2: #236E8C;
 }

 section#hero {
     color: #FFF;
     background-color: #010b13;
 }

 section#hero p.graduacao {
     color: #FFF;
 }

 section#hero .w-100 .w-100 p {
     text-shadow: 2px 2px 4px rgba(35, 110, 140, 0.8);
 }

 section.bloco-card-duplo .card .card-header h5 {
     color: #246C8F;
 }

 section.bloco-cards h3::before {
     font-family: "bootstrap-icons";
     display: block;
     color: var(--cor-1);
     font-weight: normal;
     font-size: 35px;
     margin-bottom: 15px;
 }

 section.bloco-texto {
     color: #FFF;
     text-align: center;
 }


 section.bloco-cards .row>.col-lg-4:nth-child(1) h3::before {
     content: "\F154";
     /* star */
 }

 /* 2º bloco ? award */
 section.bloco-cards .row>.col-lg-4:nth-child(2) h3::before {
     content: "\F868";
     /* award */
 }

 /* 3º bloco ? people */
 section.bloco-cards .row>.col-lg-4:nth-child(3) h3::before {
     content: "\F4D0";
     /* people */
 }

 @media (max-width: 576px) {

     section#hero h1 {
         font-size: 60px;
     }


     section#hero {
         background-color: #002548;
     }

     section#hero .imagem {
         aspect-ratio: 4/3;
         background-color: #002548;
         background: linear-gradient(180deg, rgba(0, 37, 72, 0) 30%, rgba(0, 37, 72, 1) 75%);
     }
 }