#education{margin-bottom:240px}.education-wrapper{width:100%;height:200px;background-color:#005bab;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23ffffff' fill-opacity='0.14' fill-rule='evenodd'/%3E%3C/svg%3E")}.education__card-container{display:flex;flex-wrap:wrap;gap:20px;flex-direction:row;justify-content:center;align-items:flex-start}.education__card{width:360px;height:360px;display:flex;flex-direction:column;justify-content:left;align-items:start;background-color:#fff;border:#005bab 1px solid;padding:32px;transition:transform 0.3s ease-in-out;transform-origin:top}.education__card:hover{transform:translateY(-18px)}.education__card h3{font-weight:700;font-size:40px;margin:8px 0;color:#005bab}.education__card span{font-weight:700}.education__card p{margin:4px 0}.education__title h3{display:flex;flex-direction:row;justify-content:center;gap:8px}.education__title i{width:auto}.education__button{background-color:#005bab;color:#fff;margin-top:10px;padding:10px;transition:background-color 0.5s ease-in-out}.education__button:hover{background-color:#002b36}.education__card a{text-decoration:none;color:#fff}@media screen and (max-width:1024px){.education__card{width:285px;height:380px}.education__card h3{font-size:30px}}@media screen and (max-width:768px){.education__card{width:670px;height:auto;padding:18px}.education__card h3{font-size:30px}}@media screen and (max-width:425px){.education__card{width:385px;height:auto}}@media screen and (max-width:320px){.education__card{padding:18px}}