.educational-projects{padding:45px}@media (min-width:1040px){.educational-projects{padding:unset}}.educational-projects-container{display:grid;gap:76px;grid-template-areas:"nav" "content";grid-template-columns:1fr;margin:auto;max-width:100%;padding:50px 0 110px;width:100%}@media (min-width:1040px){.educational-projects-container{grid-template-areas:"content nav";grid-template-columns:2fr 1fr}.educational-projects-container .educational-projects-nav{align-self:flex-start;position:sticky;top:80px}.educational-projects-container .educational-projects-nav .educational-projects-nav-aside{flex-direction:column;gap:unset;justify-content:unset}}.educational-projects-content{grid-area:content;opacity:0;position:relative;text-align:justify;transform:translateY(30%);transition:all .6s ease;visibility:hidden}.educational-projects-content h2{color:#004c93;font-size:50px;font-weight:700}.educational-projects-content h2 strong{color:#f4ac28;font-weight:bolder}.educational-projects-content img{border-radius:20px}.educational-projects-content.active-item{opacity:1;transform:unset;visibility:visible}@media (min-width:1040px){.educational-projects-content{padding-left:76px}}.educational-projects-nav{background:#004c93;border-radius:20px;color:#fff;grid-area:nav;padding:15px;position:relative}.educational-projects-nav nav{position:relative;z-index:2}.educational-projects-nav-aside{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding-left:0}.educational-projects-nav-aside li{align-items:center;cursor:pointer;display:flex;padding:9px 0 9px 20px}.educational-projects-nav-aside li .educational-projects-nav__icon svg{display:none;height:15px;margin-right:12px;opacity:0;transition:all .3s ease;visibility:hidden;width:15px}.educational-projects-nav-aside li .educational-projects-nav__title{font-size:20px;font-weight:700;margin:0}.educational-projects-nav-aside li.active-item,.educational-projects-nav-aside li:hover{background:#f4ac28;border-radius:20px;color:#004c93;padding:7px 10px 7px 20px}.educational-projects-nav-aside li.active-item .educational-projects-nav__icon svg,.educational-projects-nav-aside li:hover .educational-projects-nav__icon svg{display:block;opacity:1;visibility:visible}@media (min-width:1040px){.educational-projects-nav{border-radius:20px 0 0 20px;padding:25px 0}.educational-projects-nav .educational-projects-nav-aside{justify-content:space-between;padding-right:35px}.educational-projects-nav .educational-projects-nav-aside li.active-item,.educational-projects-nav .educational-projects-nav-aside li:hover{border-radius:0 20px 20px 0!important}}.educational-projects-nav__item{position:relative}.educational-projects-nav__title{font-size:18px;font-weight:700;margin:0}