.school-section{
padding-top: 3rem;
}
.school {
background-color: #ffffff;
margin-bottom: 10px;
padding: 2rem;
box-shadow: 0px 0px 14.449px 0px rgba(163, 177, 198, 0.25);
border-left: 4px solid;
}
.school p{
margin: 0;
color:#62718D
}
.school > h2::before{
content: "";
width: 5rem;
height: 3px;
background-color: rgba(0, 59, 115, 0.10);
bottom: -0.5rem;
left: 0;
position: absolute;
}
div.school h2 {
margin: 0 0 1.375rem 0;
color: #1B3D71;
font-size: 1.375rem;
font-weight: 500;
position: relative;
}
.flex-container{
display: flex;
margin-bottom: 0.75rem;
gap: 0.75rem;
}
.school strong{
font-weight: 500;
color: #1B3D71;
}
.school-input{
padding: 3rem 2rem;
background: #eaf4fd;
border-bottom: #1B3D71 solid 3px;
margin-bottom: 2rem;
display: flex;
align-items: center;
}
.school-input > svg{
position: absolute;
transform: translate(1rem);
}
#searchBar {
width: 100%;
padding: 1rem 1rem 1rem 3rem;
border: none;
border-radius: 0;
box-shadow: 0px 0px 14.449px 0px rgba(163, 177, 198, 0.25);
}
#searchBar::placeholder{
font-style: italic;
font-weight: 300;
font-size: 0.9rem;
}
#schoolsList{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
}
#schoolsList .phone-number{
font-weight: 700;
color: var(--e-a-color-info);
text-decoration: underline;
}