.classes{flex-direction:column;gap:20px;max-width:1480px;height:850px;margin:0 auto;padding:0 32px 50px;display:flex}.classes ul{list-style-type:none}.classes ul li{padding:0}.classes h2{color:var(--color-blue)}.classes h3{opacity:.6}.classes .selector{background:linear-gradient(63deg,#00c2ff 0%,#ff6ad5 100%);border-radius:50px;flex-shrink:0;justify-content:space-around;max-width:1380px;height:60px;display:flex;position:relative}.classes .selector li:not(.background){width:100%;color:var(--color-white);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.44rem;font-weight:700;display:flex}.classes .selector li:not(.background) span{margin-left:.3rem}.classes .selector li:not(.background).active{color:var(--color-dark)}.classes .selector .background{box-sizing:border-box;background-color:var(--color-white);border:1px solid var(--primiary-purple);border-radius:50px;width:120px;height:100%;position:absolute}.classes .content-box{justify-content:space-between;display:flex}.classes .content-box img{object-fit:cover;max-width:812px;max-height:415px}.classes .years{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.classes .years .year{color:var(--color-dark);text-align:start;background:0 0;border:none;flex-direction:column;padding:0 0 0 10px;transition:all .3s;display:flex;position:relative}.classes .years .year h4{opacity:.6}.classes .years .year.active h4{opacity:1}.classes .years .year li{font-size:1.2rem}.classes .years .year .progress{background-color:#00000040;border-radius:5px;width:5px;position:absolute;left:-5px}.classes .years .year .progress div{background-color:var(--secondary-blue);border-radius:5px;width:100%;height:100%}@media screen and (min-width:1154px){.classes{padding:50px 6rem}}@media screen and (max-width:1024px){.classes{height:1200px}.classes h3{font-size:2.074rem}.classes .content-box{flex-direction:column-reverse;gap:1rem}.classes .content-box img{align-self:center;width:100%}}@media screen and (max-width:768px){.classes h3{font-size:1.2rem}.classes .selector li span{display:none}}@media screen and (max-width:430px){.classes{height:1150px}}