.proud-project-area{background:#232323;padding:40px 20px 40px 40px;border-radius:15px;color:#fff;height:100%}.proud-project-area .prod-p h2{font-size:3rem;font-weight:700;color:#9dc33b;margin-bottom:15px}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img{position:relative;height:330px;border-radius:10px;overflow:hidden;cursor:pointer;perspective:1000px;background:#3a3a3a}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-container{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.project-card-image:hover img,.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img:hover .flip-container{transform:rotateY(180deg)}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-back,.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-back{transform:rotateY(180deg);background:linear-gradient(135deg,#232323 0,#1a1a1a 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-back h4{color:#9dc33b;font-size:15px;font-weight:600;margin:0 0 15px;text-transform:uppercase}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-back p{font-size:.9rem;line-height:1.5;margin:0 0 20px;opacity:.9}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-back .view-project-btn{background:#9dc33b;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img .flip-back .view-project-btn:hover{background:#8bc34a;transform:translateY(-2px);box-shadow:0 5px 15px rgba(157,195,59,.3);color:#fff;text-decoration:none}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.proud-projects-container{max-width:100%;margin:0 auto}.proud-projects-title{font-size:3rem;font-weight:700;color:#8bc34a;text-align:left;margin-bottom:15px;letter-spacing:0}.projects-slider-container{position:relative;overflow:hidden;margin-bottom:30px}.projects-slider{display:flex;transition:transform .5s;width:300%}.projects-slide{display:flex;gap:30px;width:33.333%;min-width:33.333%}.project-card{flex:1;background:0 0}.project-card-title{color:#fff;font-size:1.1rem;margin:15px 0 20px 5px;font-weight:400}.project-card-image{position:relative;border-radius:10px;overflow:hidden;height:250px;background:#3a3a3a;cursor:pointer;transition:transform .3s;perspective:1000px}.project-card-flip-content,.project-card-image img{transition:.6s;backface-visibility:hidden;width:100%;height:100%}.project-card-image:hover{transform:scale(1.02)}.project-card-image img{object-fit:cover;display:block}.project-card-flip-content{position:absolute;top:0;left:0;background:rgba(0,0,0,.9);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;opacity:0;transform:rotateY(-180deg);border-radius:10px}.project-card-image:hover .project-card-flip-content{opacity:1;transform:rotateY(0)}.project-card-flip-content h4{margin:0 0 10px;font-size:1.2rem;font-weight:600;color:#8bc34a}.project-card-flip-content p{margin:0 0 15px;font-size:.9rem;line-height:1.4;opacity:.9}.project-card-flip-content .flip-btn{background:#8bc34a;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:background .3s}.project-card-flip-content .flip-btn:hover{background:#7cb342}.projects-navigation{display:flex;align-items:center;justify-content:center;gap:20px}.projects-nav-arrow{background:rgba(255,255,255,.1);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:.3s cubic-bezier(.25, .46, .45, .94);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;user-select:none}.projects-nav-arrow:hover{background:rgba(255,255,255,.2);transform:scale(1.1);box-shadow:0 4px 15px rgba(255,255,255,.2)}.projects-nav-arrow:active{transform:scale(.95)}.projects-nav-arrow.nav-disabled{opacity:.5;cursor:not-allowed;transform:scale(1)!important}.projects-nav-arrow.nav-disabled:hover{background:rgba(255,255,255,.1);box-shadow:none}.projects-nav-arrow::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.projects-nav-arrow:not(.nav-disabled):active::before{width:100%;height:100%}.projects-view-more-btn{background:#8bc34a;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}.projects-view-more-btn:hover{background:#7cb342;transform:translateY(-2px);box-shadow:0 5px 15px rgba(139,195,74,.3);color:#fff;text-decoration:none}@media (max-width:1200px){.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img{height:490px}.proud-project-area{padding:40px 20px}}@media (max-width:768px){.proud-projects-title{font-size:2rem;margin-bottom:30px}.proud-project-area .prod-p h2{font-size:2.2rem}.proud-project-area .prod-p .prodPSwiper .swiper-slide .prod-p-img{height:320px}.projects-slide{flex-direction:column;gap:20px}.project-card-image{height:200px}.projects-navigation{flex-direction:column;gap:15px}.projects-nav-arrow{width:45px;height:45px;font-size:1.3rem}}@media (max-width:480px){.proud-project-area .prod-p h2{font-size:2rem}.proud-project-area{padding:20px 0;margin:0}.proud-projects-title{font-size:1.8rem}.project-card-title,.project-info h3{font-size:1rem}.project-card-image{height:180px}.projects-slide{padding:10px;gap:10px}.project-overlay{padding:12px}.projects-nav-arrow{width:42px;height:42px;font-size:1.2rem}.projects-view-more-btn{padding:12px 20px;font-size:.9rem}.projects-indicators{margin:15px 0;gap:8px}.projects-indicator{width:10px;height:10px}}@media (max-width:400px){.proud-projects-title{font-size:1.6rem}.project-image{height:180px}.projects-nav-arrow{width:38px;height:38px;font-size:1.1rem}.projects-view-more-btn{padding:10px 18px;font-size:.85rem}}