section.projects-page{padding:1vw;width:100%;min-height:100vh}.our-projects-container,section.projects-page{position:relative;justify-content:start!important}.our-projects-container{margin-top:7vw;padding:2vw;width:85vw;min-height:30vw;background-color:hsla(0,0%,4%,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1vw;box-shadow:0 0 1vw #000;gap:4vw}.our-projects-container h3{font-weight:400;font-size:1.4vw}.projects-cards-container{width:100%;gap:2vw;position:relative;flex-wrap:wrap!important}@media screen and (max-width:450px){.our-projects-container{margin-top:28vw;padding:8vw 2vw;width:88vw;min-height:150vw;background-color:hsla(0,0%,4%,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:4vw;box-shadow:0 0 4vw #000;flex-direction:column!important;gap:10vw}.our-projects-container h3{font-size:4.6vw}.projects-cards-container{width:100%;gap:5vw;flex-wrap:wrap!important}}.project-card{width:31%;height:18vw;border-radius:1.2vw;font-family:Arial,sans-serif;background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:30px;justify-content:start!important;position:relative;box-shadow:0 0 2vw rgba(239,13,123,.4);opacity:0;transition:all .4s;transform:translateY(3vw)}.our-projects-container.active .project-card{animation:animate-project-card .45s linear forwards}.our-projects-container.active .project-card:first-child{animation-delay:.2s}.our-projects-container.active .project-card:nth-child(2){animation-delay:.3s}.our-projects-container.active .project-card:nth-child(3){animation-delay:.4s}.our-projects-container.active .project-card:nth-child(4){animation-delay:.5s}.our-projects-container.active .project-card:nth-child(5){animation-delay:.6s}.our-projects-container.active .project-card:nth-child(6){animation-delay:.7s}.our-projects-container.active .project-card:nth-child(7){animation-delay:.8s}.our-projects-container.active .project-card:nth-child(8){animation-delay:.9s}.our-projects-container.active .project-card:nth-child(9){animation-delay:1s}@keyframes animate-project-card{0%{opacity:0;transform:translateY(3vw)}to{opacity:1;transform:translateY(0)}}.project-card>a{width:100%;height:75%;position:relative;border-radius:1.2vw;overflow:hidden}.project-card>a img{width:100%;height:100%}.project-card-sub-details{padding:1vw;width:100%;height:25%;justify-content:space-between!important}.project-card-sub-details h4{font-size:1vw;font-weight:400}.project-card-sub-details a.download.btn{min-width:5vw;color:var(--dark-font);gap:.25vw;background-color:var(--gold);font-weight:400}.project-card-sub-details a.download.btn:hover{background-color:#e7be6a}@media screen and (max-width:450px){.project-card{width:90%;height:52vw;border-radius:3vw;font-family:Mont,sans-serif;background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:30px;box-shadow:0 0 4vw rgba(239,13,123,.4);opacity:0;transition:all .4s;transform:translateY(20vw)}.our-projects-container.active .project-card:first-child{animation-delay:.2s}.our-projects-container.active .project-card:nth-child(2){animation-delay:.4s}.our-projects-container.active .project-card:nth-child(3){animation-delay:.6s}.our-projects-container.active .project-card:nth-child(4){animation-delay:.8s}.our-projects-container.active .project-card:nth-child(5){animation-delay:1s}.our-projects-container.active .project-card:nth-child(6){animation-delay:1.2s}.our-projects-container.active .project-card:nth-child(7){animation-delay:1.4s}.our-projects-container.active .project-card:nth-child(8){animation-delay:1.6s}.our-projects-container.active .project-card:nth-child(9){animation-delay:1.8s}@keyframes animate-project-card{0%{opacity:0;transform:translateY(20vw)}to{opacity:1;transform:translateY(0)}}.project-card>a{border-radius:3vw}.project-card>a img{width:100%;height:100%}.project-card-sub-details{padding:1vw 2vw;justify-content:space-between!important}.project-card-sub-details h4{font-size:3.7vw}.project-card-sub-details a.download.btn{padding:2vw 3vw;min-width:28vw;gap:1vw;font-size:3vw;border-radius:2vw}}