.card-container{display:flex;gap:20px;justify-content:space-between}.card{border-radius:30px;height:400px;overflow:hidden;perspective:1000px;width:100%}.card-inner{height:100%;transform-style:preserve-3d;transition:transform .6s;width:100%}.card:hover .card-inner{transform:scale(1.05)}.card-back,.card-front{backface-visibility:hidden;border-radius:30px;height:100%;position:absolute;width:100%}.card-front{background-color:#fff;overflow:hidden;position:relative}.card-front img{height:100%;object-fit:cover;width:100%}.card-front img,.plus-icon{transition:opacity .3s ease}.plus-icon{align-items:center;background-color:#00bf62;border-radius:50%;bottom:10px;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;padding:10px;position:absolute;right:10px;width:40px;z-index:10}.card:hover .plus-icon{opacity:0}.card-back{background-color:transparent;border-radius:30px;color:#333;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:40px;position:absolute;text-align:center;text-align:start;top:0;transform:rotateY(180deg);transition:opacity .6s ease,visibility 0s .6s;visibility:hidden;z-index:1}.card-back p{color:#fff;font-size:14px;font-weight:700;margin-bottom:20px}.card-back h4{color:#fff}.card-back h4 span{color:#000}.ratings{display:flex;gap:3px;justify-content:start}.star{color:#fff;font-size:22px;padding:2.5px}.card-background{background-color:#00bf62;border-radius:30%;bottom:0;height:0;position:absolute;right:0;transition:all 1.5s ease;width:0;z-index:0}@keyframes bubbleEffect{0%{height:10%;transform:scale(0) translate(50%,50%);width:10%}50%{height:200%;transform:scale(1) translate(50%,50%);width:200%}to{height:400%;transform:scale(1) translate(50%,50%);width:400%}}.card:hover .card-background{animation:bubbleEffect .5s cubic-bezier(.4,0,1,1) forwards}@media (max-width:768px){.card-container{flex-direction:column}.card{height:500px;margin-bottom:20px;width:100%}.plus-icon{font-size:18px;height:35px;padding:8px;width:35px}.card-front img{height:100%}}@media (max-width:480px){.card{height:450px;width:100%}.plus-icon{font-size:16px;height:30px;padding:5px;width:30px}}.card:hover .card-back{opacity:1;transform:rotateY(0deg);transition:opacity .6s ease,visibility 0s .3s;visibility:visible;z-index:2}.card:hover .card-front{z-index:0}.card.is-flipped .card-inner{transform:scale(1.05)}.card.is-flipped .card-back{opacity:1;transform:rotateY(0deg);transition:opacity .6s ease,visibility 0s .3s;visibility:visible;z-index:2}.card.is-flipped .card-front{z-index:0}.card.is-flipped .card-background{animation:bubbleEffect .5s cubic-bezier(.4,0,1,1) forwards}.card.is-flipped .plus-icon{opacity:0}.custom-swiper-button-next,.custom-swiper-button-prev{background:none;border:none;color:#00bf62;cursor:pointer;font-size:24px;height:40px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.custom-swiper-button-prev{left:10px}.custom-swiper-button-next{right:10px}.custom-swiper-pagination{display:flex;justify-content:center;margin-top:30px;position:relative!important}.swiper-pagination-bullet{background:#666!important;border-radius:50%;height:12px!important;margin:0 4px;opacity:1!important;transition:all .3s ease;width:12px!important}.swiper-pagination-bullet-active{background-color:#00bf62!important;border-color:#00bf62!important;opacity:1}@media (max-width:992px){.bounce{animation:bounce 2s ease infinite}.plus-icon{height:45px;width:45px}}@keyframes bounce{70%{transform:translateY(0) rotate(0deg)}80%{transform:translateY(-15%) rotate(-20deg)}90%{transform:translateY(0) rotate(-10deg)}95%{transform:translateY(-7%) rotate(-12deg)}97%{transform:translateY(0) rotate(-6deg)}99%{transform:translateY(-3%) rotate(-8deg)}to{transform:translateY(0) rotate(0deg)}}