.circle-sunset-orange{background-color:#ff503f}.circle-cerulean-blue{background-color:#2b48c1}.circle-coral{background-color:#fe764b}.circle-heliotrope{background-color:#936aff}.circle-denim{background-color:#1582cc}@keyframes circle-animation{0%{top:50%;transform:translateY(-50%) scale(1)}50%{top:50%;transform:translateY(-50%) scale(1.1)}to{top:50%;transform:translateY(-50%) scale(1)}}.projects-block .projects-block-wrap{position:relative}.projects-block .content{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:2.5rem;overflow:hidden}@media (min-width:992px){.projects-block .content{height:100vh;margin-bottom:0}}.projects-block .content-wrap{max-width:30.25rem}@media (min-width:1200px){.projects-block .content-wrap{max-width:34.875rem}}.projects-block .content .img-wrap{margin-bottom:1.875rem}.projects-block .content .h2,.projects-block .content h2{margin-bottom:1.375rem}@media (min-width:992px){.projects-block .content .h2,.projects-block .content h2{margin-bottom:1.875rem}}.projects-block .content p{margin-bottom:1.75rem}@media (min-width:992px){.projects-block .content p{margin-bottom:1.875rem}}.projects-block .image-container{height:100%;position:absolute;right:2.5rem;top:0;width:21.8125rem}@media (min-width:1200px){.projects-block .image-container{width:26.25rem}}@media (min-width:1400px){.projects-block .image-container{right:0;width:33.9375rem}}.projects-block .images-wrap{height:100vh;position:sticky;right:0;top:0;width:100%}.projects-block .images{height:15.5625rem;overflow:hidden;position:relative;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:20}@media (min-width:1200px){.projects-block .images{height:18.75rem}}@media (min-width:1400px){.projects-block .images{height:24.25rem}}.projects-block .image{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;transform:translateY(0);transition:all .5s ease-in-out;width:100%}.projects-block .image.hide-image{transform:translateY(-101%)}.projects-block .circle{-webkit-animation:circle-animation .6s ease-in-out;animation:circle-animation .6s ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;border-radius:50%;display:block;height:23.1875rem;position:absolute;right:-15%;top:50%;transform:translateY(-50%);width:23.1875rem;z-index:10}@media (min-width:1200px){.projects-block .circle{height:28.125rem;width:28.125rem}}@media (min-width:1400px){.projects-block .circle{height:36.0625rem;width:36.0625rem}}.projects-block .circle.hide-circle{display:none}