.projects__header{display:flex;flex-direction:row;gap:24px;margin-bottom:40px}.projects .container{display:flex;flex-direction:column;gap:30px;width:100%;cursor:pointer}.projects .container .background-color{padding:0 20px}.projects .container .background-color .image{max-width:632px;max-height:421px;width:100%;height:420px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease;margin:0 auto}.projects .container .background-color .image:hover{transform:scale(1.05);cursor:pointer}.projects .container .description{width:100%}.projects .container .description h4{display:inline-block;border-bottom:2px solid rgba(0,0,0,0)}.projects .container .description h4:hover{border-bottom:2px solid #ffbf00}.projects .swiper-projects .swiper-wrapper .swiper-slide .project-block .image{width:100px;height:100px;background-color:red}.projects .swiper-projects .swiper-wrapper .swiper-slide .project-block .image img{width:100px;height:100px}.projects .prev-slide{transform:rotate(180deg)}@media screen and (max-width: 1000px){.projects .container{width:620px;margin:0 auto}}@media screen and (max-width: 800px){.projects .container{width:auto}}@media screen and (max-width: 500px){.projects .projects__header{flex-direction:column}.projects .projects__header .all-projects{align-items:flex-start}.projects .projects__header .slider{flex-direction:row}.projects .container{width:auto;margin:0 auto}.projects .container .background-color .image{height:290px}}@media screen and (max-width: 500px)and (max-width: 400px){.projects .container{width:auto;margin:0 auto}}