.desktop-wrapper{position:relative;width:100%;margin-top:200px}.desktop-container{position:relative;display:flex;justify-content:center;width:100%;overflow-x:hidden;overflow-y:visible}.desktop-base{width:100%;height:800px;display:block;z-index:1;object-fit:cover;object-position:center}.desktop-screen-area{position:absolute;top:-23%;left:50%;transform:translate(-50%);width:833px;height:733px;z-index:2}@media (max-width: 904px){.desktop-base{height:calc(100vw * 733 / 833)}.desktop-screen-area{width:100%;height:auto;aspect-ratio:833 / 733;left:0;transform:none}.desktop-package-content{padding:2% 5%}}.desktop-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;transition:all .5s ease-in-out;background:#fff;border-radius:50px;box-shadow:inset 0 2px 10px #0000001a,inset 0 -2px 10px #0000000d,0 8px 30px #00000026,0 2px 8px #0000001a}.desktop-screen-area.package-view .desktop-frame{animation:slideOut .5s ease-in-out forwards}.desktop-screen-area.package-view .desktop-package-overlay{display:block!important;animation:slideIn .5s ease-in-out forwards}.desktop-screen-area.package-view .desktop-package-content{display:flex!important;width:100%;height:100%;animation:slideIn .5s ease-in-out forwards}.desktop-screen-area.package-closing .desktop-package-overlay,.desktop-screen-area.package-closing .desktop-package-content{animation:slideOut .5s ease-in-out forwards}.desktop-package-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:0;transform:scaleY(0);transform-origin:center;background:#fff;border-radius:50px;border-left:25px solid #8e8e8e;border-right:25px solid #8e8e8e;border-top:none;border-bottom:none;box-sizing:border-box;box-shadow:inset 0 2px 10px #0000001a,inset 0 -2px 10px #0000000d,0 8px 30px #00000026,0 2px 8px #0000001a;pointer-events:none}.desktop-package-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;display:flex;align-items:center;justify-content:center;padding:0% 8%;box-sizing:border-box;overflow:hidden;opacity:0;transform:scaleY(0);transform-origin:center}.package-grid{display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;max-height:100%}.package-item{flex:1;width:100%;height:calc(25% - 3px);display:flex;align-items:center;justify-content:center;min-height:0;position:relative;overflow:hidden;border-radius:6px}.package-img{width:100%;height:100%;object-fit:contain;border-radius:6px;transition:opacity .8s cubic-bezier(.4,0,.2,1);max-width:100%;max-height:100%;position:relative;z-index:2}.package-hover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:6px;max-width:100%;max-height:100%;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);z-index:1}.package-item:hover .package-img{opacity:0}.package-item:hover .package-hover-img{opacity:1}.package-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;z-index:3}.package-bg-content{opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.package-hover-content{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.package-item:hover .package-bg-content{opacity:0}.package-item:hover .package-hover-content{opacity:1}.package-left{flex:0 0 60%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 0 8px 15%;text-align:center;transition:transform .3s ease;position:relative;box-sizing:border-box;width:100%}.package-left>*{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.package-item:hover .package-left{transform:translateY(-10px)}.package-right{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;position:relative;text-align:center;gap:10px}.package-feature{font-size:17px;color:#666;line-height:1.2;position:relative}.package-feature:nth-child(1):after,.package-feature:nth-child(2):after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:repeating-linear-gradient(to right,#ccc 0px,#ccc 2px,transparent 2px,transparent 4px)}.package-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.2}.package-price{font-size:45px;font-weight:700;color:#fff;line-height:1.2}.package-register{font-size:45px;font-weight:700;color:#fff;text-align:center;width:100%;text-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:10px}.package-feature-colored-1{color:#cd8053;font-weight:500}.package-feature-colored-2{color:#7e7e7e;font-weight:500}.package-feature-colored-3{color:#f5c42e;font-weight:500}.package-feature-colored-4{color:#be40e8;font-weight:500}@keyframes slideOut{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@keyframes slideIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.desktop-frame{position:absolute;top:0;left:0;width:100%;height:78%;z-index:4;border:20px solid #4E4E4E;border-radius:50px;box-sizing:border-box;background:transparent;overflow:hidden}.desktop-frame-image{display:none}.desktop-content{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;z-index:5;display:flex;padding:45px;box-sizing:border-box;overflow:hidden;transform-origin:center center;flex-direction:column;align-items:center;justify-content:space-between}.desktop-content-logo{max-width:100%;height:auto;width:325px}.desktop-content-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.desktop-content h5{font-size:20px}.desktop-content p{font-size:17px}.desktop-feature-item{text-align:center}.desktop-feature-item-icon{width:65px;height:65px;background:#e3e3e3;border-radius:50%;padding:8px;display:block;display:flex;margin:0 auto 5px;align-items:center;justify-content:center}.desktop-feature-item img{width:40px;height:40px}.package-feature{font-size:17px}.package-title{font-size:22px}@media (max-width: 768px){.desktop-base{display:none}.desktop-screen-area{position:relative;top:0;left:0;width:100%;height:auto;min-height:500px}.desktop-frame{position:relative;width:100%;height:80%;overflow:hidden;border-width:15px;border-radius:50px}.desktop-background{border-radius:50px}.desktop-package-overlay{border-left-width:15px;border-right-width:15px;border-radius:50px}.desktop-package-content{width:100%;height:100%}.desktop-content{position:relative;width:100%;max-width:100%;height:auto;min-height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;overflow:hidden}.desktop-content .desktop-content-logo{width:120px}.desktop-content h5{font-size:18px;margin:10px 0}.desktop-content p{font-size:16px;margin:8px 0}.desktop-feature-item-icon{width:50px;height:50px}.desktop-feature-item img{width:35px;height:35px;background:#e3e3e3;border-radius:50%;display:block}.desktop-button-container{bottom:3%!important}.desktop-button{height:50px!important}}@media (max-width: 768px){.desktop-wrapper{margin-top:0}.desktop-package-content{padding:3% 4%}.package-left{flex:0 0 60%;display:flex;align-items:center;justify-content:center;padding-left:15%;padding-right:0}.package-right{flex:0 0 40%;display:flex;align-items:center;justify-content:center}.package-feature{font-size:16px}.package-title{font-size:20px}.package-price,.package-register{font-size:40px}}@media (max-width: 600px){.desktop-package-content{padding:2% 5%}.package-left{flex:0 0 60%;padding-left:15%;padding-right:0}.package-right{flex:0 0 40%}.package-feature{font-size:14px}.package-title{font-size:18px}.package-price,.package-register{font-size:35px}}@media (max-width: 500px){.desktop-screen-area.package-view{min-height:300px}.package-left{flex:0 0 60%;padding-left:15%;padding-right:0}.package-right{flex:0 0 40%}.desktop-content p{font-size:13px!important}.package-feature{font-size:11px}.package-title{font-size:12px}.package-price,.package-register{font-size:25px}}.desktop-button-container{position:absolute;bottom:4%;left:50%;transform:translate(-50%);z-index:6;cursor:pointer}.desktop-button{height:95px;transition:all .3s ease;display:block;pointer-events:none}.desktop-button-container:hover .button-bg{fill:url(#buttonGradient);stroke:url(#buttonGradient)}.desktop-button-container:hover .button-text{fill:#fff}.desktop-button-container:hover .button-arrow{transition:all .3s ease}.desktop-button-container:hover .button-arrow path{fill:#fff;transition:all .3s ease}@media (max-width: 800px){.desktop-content{padding:30px;justify-content:space-between}.desktop-content p{font-size:16px}.desktop-button{height:80px!important}}@media (max-width: 600px){.desktop-content{padding:30px 20px;justify-content:space-between}.desktop-content p{font-size:15px}.desktop-button{height:70px!important}}@media (max-width: 550px){.desktop-content{padding:20px;justify-content:space-between}.desktop-content p{font-size:14px}.desktop-feature-item-icon{width:40px;height:40px}.desktop-feature-item img{width:25px;height:25px}}@media (max-width: 425px){.desktop-content{padding:15px;justify-content:space-between}.desktop-content p{font-size:14px}.desktop-feature-item-icon{width:35px;height:35px}.desktop-feature-item img{width:20px;height:20px}}@media (max-width: 375px){.desktop-content p{font-size:12px!important}}