.card-section-4,.pack-mall .section-1,.pack-mall .section-2,.pack-mall .section-3,.pack-mall .section-5,.pack-mall .section-6,.pack-mall .section-7{max-width:1600px;margin:auto}.pack-mall .section-1{padding:12rem 16rem;background-image:url(/images/pack-mall/hero.svg);background-size:cover}.pack-mall .section-1 .Hero{max-width:120rem;width:100%;position:relative;margin:auto;background:none}.pack-mall .section-1 .Hero h1{text-align:center;font-size:8rem;line-height:10rem;text-transform:uppercase;color:#06080d}.pack-mall .section-1 .Hero img{margin:3rem 0}.pack-mall .section-1 .Hero p{margin:3rem 0;color:#41495e;font-size:2.7rem}.pack-mall .section-1 .Hero .buttons{display:flex}.pack-mall .section-1 .Hero .buttons .btn{color:#41495d;font-size:2.1rem;font-weight:700;border:1px solid #1879fe;border-radius:3rem;height:5.8rem}.pack-mall .section-1 .Hero .buttons .link{display:flex;color:white;font-weight:700;border:1px solid #1879fe;background-color:#1879fe;border-radius:3rem;height:5.8rem;width:5.8rem;font-size:10rem;padding:0}.pack-mall .section-1 .Hero .buttons .link svg{height:60%;width:60%;margin:auto;transform:rotate(-45deg)}.pack-mall .section-1 .Hero .items{display:flex;height:6rem;position:absolute;right:0;bottom:0}.pack-mall .section-1 .Hero .items div{padding:0 3rem;background-color:#1879fe;color:white;display:flex;align-items:center;border-radius:3rem;font-size:2rem}.pack-mall .section-1 .Hero .items div:nth-child(2){transform:rotate(-22deg) translateY(-4rem) translateX(.5rem)}.pack-mall .section-1 .Hero .items div:nth-child(3){transform:translatex(-5rem)}.pack-mall .section-1 .flex{gap:1rem;align-items:center;margin-top:6rem}.pack-mall .section-1 .flex img{height:5.4rem;width:auto}.pack-mall .section-1>.flex svg{color:#eebb04;fill:#eebb04}.pack-mall .section-1>.flex p{font-size:2.1rem;color:#41495e;font-weight:500}.pack-mall .section-2{background-color:#1879fe;color:white;font-size:3.3rem;padding:3rem 4rem;font-weight:500}.pack-mall .section-3{padding:0 10rem}.pack-mall .section-3 .card-1{display:flex;padding-top:4rem;padding-bottom:6rem;gap:4rem}.pack-mall .section-3 .card-1 h2{font-size:5rem;font-weight:700}.pack-mall .section-3 .card-1 p{margin:3rem 0;font-size:2rem}.pack-mall .section-3 .card-1 .btn{height:6rem;background-color:#000000;padding:0 5rem}.card-section-4{padding:8rem 4.7rem}.card-section-4 .container{background-color:#f7f8f8;padding:14rem 2.7rem 0;border-radius:8rem;width:100%;overflow:hidden;max-width:100%}.card-section-4 .container h1{font-size:13rem;color:#050f27}.card-section-4 .container .swiper{padding:8rem 4rem 6rem}.card-section-4 .container .swiper .swiper-slide{scale:1!important}.card-section-4 .container .card-2{background-color:white;padding:4.5rem;border-radius:3.9rem;height:100%;box-shadow:10px 20px 50px #0002;flex:1;height:74rem}.card-section-4 .container .card-2:hover{transform:scale(1.01);box-shadow:10px 20px 100px #0002;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-section-4 .container .card-2.active{color:white;background-color:#f440e5}.card-section-4 .container .card-2 span{display:block;margin-left:auto;width:fit-content;font-size:7rem;font-family:var(--outfit)}.card-section-4 .container .card-2 h3{font-size:5.5rem;line-height:5.5rem;margin:8rem 0 4.7rem}.card-section-4 .container .card-2 p{font-size:2.2rem;line-height:3.2rem}.pack-mall .section-5{padding:8rem 4rem}.pack-mall .section-5 .container{display:flex;flex-direction:column;gap:4rem;align-items:center;padding:0}.pack-mall .section-5 h4{font-size:3.6rem;line-height:3.6rem}.pack-mall .section-5 h2{font-size:6.4rem;line-height:6rem;text-align:center}.pack-mall .section-5 .flex{margin-top:8rem;gap:7rem}.pack-mall .section-5 .flex .item{flex:1}.pack-mall .section-5 .flex svg{height:9rem;width:9rem;color:#1c1c1c}.pack-mall .section-5 .flex h3{margin:2.9rem 0;font-weight:500;font-size:3.6rem;line-height:3.8rem}.pack-mall .section-5 .flex p{font-size:2.2rem;line-height:3rem}.pack-mall .section-6{padding:6rem 10rem;overflow:auto}.pack-mall .section-6 .container{display:flex;gap:6rem;row-gap:2.4rem}.pack-mall .section-6 .info{display:flex;flex-direction:column;gap:1.8rem;max-width:60rem;min-width:40rem}.pack-mall .section-6 .info span{color:#4a3aff;font-size:2.3rem;font-weight:500;display:flex;align-items:center;gap:1rem}.pack-mall .section-6 .info span:before{background-color:#4a3aff;height:2px;width:2rem;content:""}.pack-mall .section-6 .info h2{color:#170f49;font-size:4.4rem;font-weight:700}.pack-mall .section-6 .info p{color:#514f6e;font-size:2.3rem}.pack-mall .section-6 .card-3{padding:6.9rem 5.6rem;background-color:white;box-shadow:0 10px 20px #0002;border-radius:2.6rem;max-width:70rem;min-width:70rem;display:flex;flex-direction:column;gap:2rem}.pack-mall .section-6 .card-3>img{height:10rem;max-width:20rem}.pack-mall .section-6 .card-3 p{color:#514f6e;font-size:2rem}.pack-mall .section-6 .card-3 .avatar{display:flex;align-items:center;gap:1rem}.pack-mall .section-6 .card-3 .avatar img{height:8rem;width:8rem;border-radius:50%;object-fit:cover}.pack-mall .section-6 .card-3 .avatar .name{font-size:2.3rem;font-weight:700;color:#170f49}.pack-mall .section-6 .card-3 .avatar .text{font-size:2.3rem;color:#6f6c90}.pack-mall .section-3.last{flex-direction:column!important}.pack-mall .section-3.last .video{padding:5rem 0;overflow:hidden;width:fit-content;margin:auto auto 10rem}.pack-mall .section-3.last .video video{transform:scale(1.3);transform-origin:center;cursor:pointer}.pack-mall .section-3.last .video button{position:absolute;left:4rem;bottom:1rem;background-color:#00000050;transform:translate(-50%,-50%);height:6rem;width:6rem;border-radius:50%;color:white;display:flex;opacity:1;transition:all 1s;pointer-events:none}.pack-mall .section-3.last .video button svg{height:2.5rem;width:2.5rem;margin:auto}.pack-mall .section-3.last .video video.active~button{opacity:0}@keyframes audio_a{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width:1024px){.pack-mall .section-1{padding:10rem}.pack-mall .section-2{font-size:3rem}.pack-mall .section-3 .card-1{flex-direction:column-reverse;max-width:80rem;margin:auto}.pack-mall .section-3 .card-1 img{transform:scale(1.1)}.card-section-4 .container h1{font-size:10rem}.pack-mall .section-6{padding:6rem 4rem}.pack-mall .section-6 .container{width:100%;max-width:100%}}@media (max-width:724px){.pack-mall .section-1{padding:10rem 4rem}.pack-mall .section-1 .Hero h1{font-size:6rem;max-width:80rem;line-height:8rem;margin:auto}.pack-mall .section-1 .Hero .items{position:relative;margin-top:5rem;justify-content:flex-end;margin-bottom:5rem;transform:scale(.8) translateX(8rem)}.pack-mall .section-3{padding:0 4rem}.card-section-4{padding:8rem 4rem}.card-section-4 .container{padding:4rem 2rem}.pack-mall .section-5 .flex{flex-direction:column;width:100%}.pack-mall .section-5 .item{max-width:50rem}}@media (max-width:560px){.pack-mall .section-1 .Hero h1{font-size:4.5rem;max-width:70rem;line-height:7rem;margin:auto}.pack-mall .section-2{font-size:2.5rem}.card-section-4{padding:0}.card-section-4 .container{border-radius:0;padding:4rem 0}.card-section-4 .container h1{font-size:7rem;padding-left:4rem}.card-section-4 .container .card-2{height:66rem}.card-section-4 .container .card-2 h3{margin:3rem 0}.pack-mall .section-5 h2{font-size:4.5rem;line-height:4.5rem}.pack-mall .section-5 .container{width:100%;max-width:100%;padding:0}.pack-mall .section-5 .flex svg{height:7rem;width:7rem}.pack-mall .section-6 .card-3{padding:3rem 4rem;min-width:55rem}}