.image-container{flex:1;transition:opacity .3s ease,transform .3s ease}.details-container{flex:1}.details-container ul{list-style:none;padding:0}.details-container li{cursor:pointer;transition:color .3s ease}.details-container li.active p{margin-top:10px;font-size:14px;color:#555}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(20px);pointer-events:none}.carousel-container{width:100%}.carousel{position:relative;width:100%;overflow:hidden;border-radius:8px}.carousel-track{display:flex;transition:transform .5s ease}.carousel-item{position:relative;flex-shrink:0;padding:.5rem;overflow:hidden;text-decoration:none;border-radius:8px}.carousel-image{width:100%;height:250px;object-fit:cover;border-radius:8px;transition:transform .25s ease}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom,transparent,transparent,rgba(0,0,0,.3),rgba(0,0,0,.9));border-radius:8px}.carousel-content{position:absolute;left:0;bottom:0;z-index:2;padding:1rem;color:#fff;width:100%}.carousel-item:hover .carousel-image{transform:scale(1.05)}.carousel-controls{display:flex;gap:.5rem;margin-top:1rem}.carousel-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease}.carousel-button:hover{background-color:#f5f5f5}@media screen and (max-width:1024px){.carousel-image{height:200px}}@media screen and (max-width:768px){.carousel-image{height:180px}.carousel-content{padding:.75rem}}@media screen and (max-width:480px){.carousel-image{height:150px}.carousel-controls{justify-content:center}}.card3d-container{min-height:100vh;background-color:var(--black);display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.card3d-wrapper{width:100%;max-width:1200px;position:relative}.card3d-stack{position:relative;height:500px;perspective:1000px}.card3d-card{position:absolute;width:100%;height:100%;opacity:0;transform:translate(100%) scale(.5);transition:all .6s cubic-bezier(.23,1,.32,1);pointer-events:none;transform-origin:center center;background:var(--black)}.card3d-card.active{opacity:1;transform:translate(0) scale(1);pointer-events:auto;z-index:3}.card3d-card.previous{opacity:.7;transform:translate(-30%) scale(.9);z-index:2}.card3d-card.next{opacity:.7;transform:translate(30%) scale(.9);z-index:1}.card-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);height:100%;display:flex;gap:3rem}.image-container{flex:0 0 400px;height:400px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.navigation-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.nav-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:#fff3;transform:scale(1.1)}.card-wrapper{transition:transform .1s ease;transform-style:preserve-3d;position:relative}.card.hovered{transform:translateZ(50px)}.card-content:hover img{box-shadow:5px 5px 20px #0000008a,-5px -5px 20px #00000038}.card-shine{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.card.hovered .card-shine{opacity:1}@media(max-width:1024px){.card-content{flex-direction:column;gap:2rem}.image-container{flex:0 0 300px;height:300px}}.testimonial-slider{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 30px #00000014;margin-bottom:30px}.testimonial-track{display:flex;transition:transform .5s ease-in-out;height:100%}.testimonial-card{flex:0 0 100%;padding:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.testimonial-content{font-size:1.2rem;line-height:1.7;position:relative}.testimonial-content:before{content:'"';font-size:4rem;position:absolute;top:-30px;left:-10px;color:#007bff1a;font-family:Georgia,serif}.testimonial-author-container{display:flex;align-items:center}.testimonial-image{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:15px;box-shadow:0 4px 10px #0000001a;border:3px solid #fff}.testimonial-image img{width:100%;height:100%;object-fit:cover}.testimonial-author-info{display:flex;flex-direction:column}.testimonial-author{font-weight:700;font-size:1rem;margin-bottom:5px;color:#333}.testimonial-role{font-size:.85rem;color:#666}.testimonial-controls{display:flex;justify-content:center;align-items:center;margin-top:15px}.testimonial-dots{display:flex;justify-content:center;margin:0 20px}.testimonial-dot{width:10px;height:10px;border-radius:50%;background-color:#ddd;margin:0 5px;padding:0;border:none;cursor:pointer;transition:all .3s ease}.testimonial-dot.active{background-color:#06f;transform:scale(1.3)}.testimonial-arrow{background:#fff;border:1px solid #eee;color:#333;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;box-shadow:0 4px 12px #0000000d}.testimonial-arrow:hover{background-color:#06f;color:#fff;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-card{animation:fadeIn .5s ease-out}@media(max-width:768px){.testimonial-card{padding:30px;min-height:250px}.testimonial-content{font-size:1rem}}@media(max-width:480px){.testimonial-card{padding:20px}.testimonial-image{width:50px;height:50px}}.marquee-container{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:2rem}.marquee-section{position:relative;width:100%;overflow:hidden}.marquee{overflow:hidden;white-space:nowrap;width:100%}.marquee-content{display:inline-flex;white-space:nowrap}.template-card{flex-shrink:0;margin:0 1rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000001a;width:300px;height:200px}.template-card img{width:100%;height:100%;object-fit:cover}.marquee-left-to-right .marquee-content{animation:marqueeLeftToRight 40s linear infinite}.marquee-right-to-left .marquee-content{animation:marqueeRightToLeft 40s linear infinite}@keyframes marqueeLeftToRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes marqueeRightToLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee-content{animation-play-state:paused}
