[data-v-4f5df1eb]{margin:0;padding:0;box-sizing:border-box}i[data-v-4f5df1eb]{opacity:0;font-size:18px;color:#fff;will-change:transform;transform:scale(.1);transition:all .2s ease}h2[data-v-4f5df1eb]{pointer-events:none}body[data-v-4f5df1eb]{background-color:#e6e5e1;width:100vw;height:100vh}.container[data-v-4f5df1eb]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.container .card[data-v-4f5df1eb]{position:relative;width:500px;height:200px;background-color:#fff;overflow:hidden;margin-bottom:4px}.container .card[data-v-4f5df1eb]:before{top:-10px}.container .card[data-v-4f5df1eb]:after,.container .card[data-v-4f5df1eb]:before{content:"";z-index:99;position:absolute;left:32px;display:block;width:16px;height:16px;border-radius:16px;background-color:#e6e5e1}.container .card[data-v-4f5df1eb]:after{bottom:-10px}.container .card ul[data-v-4f5df1eb]{z-index:99;position:absolute;left:39px;top:5px;list-style-type:none}.container .card ul li[data-v-4f5df1eb]{width:2px;height:2px;border-radius:2px;margin:6px 0;background-color:#e6e5e1}.container .card h2[data-v-4f5df1eb]{z-index:99;font-family:Poppins,sans-serif;position:absolute;bottom:0;right:130px;font-size:60px;font-weight:700;color:#fff}.container .card .fa-arrow-right[data-v-4f5df1eb]{z-index:100;position:absolute;right:75px;bottom:25px;font-size:40px;cursor:pointer}.container .card p[data-v-4f5df1eb]{z-index:99;position:absolute;top:20px;right:70px;color:#333;opacity:.7;font-size:12px;letter-spacing:1px;writing-mode:vertical-lr;transition:all .2s ease}.container .card .pic[data-v-4f5df1eb]{z-index:100;width:400px;height:200px;background-image:url(https://images.unsplash.com/photo-1525543907410-b2562b6796d6?auto=format&fit=crop&ixlib=rb-0.3.5&q=80&s=9ff8e5e718a6a40cbd0e1471235912f4&w=3452);background-size:100% 100%;filter:grayscale(100%)}.container .card .social[data-v-4f5df1eb]{position:absolute;left:60px;top:0;display:flex;justify-content:space-around;align-items:center;width:180px;height:64px;border-radius:80px}.container .card .social i[data-v-4f5df1eb]:first-of-type{transition-delay:.4s}.container .card .social i[data-v-4f5df1eb]:nth-of-type(2){transition-delay:.3s}.container .card .social i[data-v-4f5df1eb]:nth-of-type(3){transition-delay:.2s}.container .card .social i[data-v-4f5df1eb]:nth-of-type(4){transition-delay:.1s}.container .card:hover i[data-v-4f5df1eb]{opacity:1;transform:scale(1)}.container .card button[data-v-4f5df1eb]{position:absolute;right:14px;bottom:14px;width:67px;height:30px;background-color:#da4d1d;border:none;border-radius:30px;cursor:pointer;outline:none;transition:all .3s ease;mix-blend-mode:hard-light}.container .card button i[data-v-4f5df1eb]{font-size:3rem}.container .card:hover button[data-v-4f5df1eb]{transform:scale(16.5)}.container .card:hover p[data-v-4f5df1eb]{color:#fff}.container .card:hover .pic[data-v-4f5df1eb]{filter:grayscale(0)}.container .card2 .pic[data-v-4f5df1eb]{background-image:url(https://images.unsplash.com/photo-1528785198459-ec50485704c7?auto=format&fit=crop&ixlib=rb-0.3.5&q=80&s=3a2fc3039516555bbb2e9cd2967bd321&w=1537)}.container .card2 button[data-v-4f5df1eb]{background-color:#2b26c3}.dr[data-v-4f5df1eb]{position:absolute;bottom:16px;right:16px;width:100px}.header[data-v-6b3ff1c7]{padding:20px;z-index:99;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}body{display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{background:#fff;flex-direction:column;width:400px;height:112px;border-radius:6px;justify-content:space-between}.product,section{display:flex}.description{flex-direction:column}.description,p{display:flex;justify-content:center}p{font-style:normal;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.154px;color:#242d60;height:100%;width:100%;padding:0 20px;align-items:center;box-sizing:border-box}img{border-radius:6px;margin:10px;width:54px;height:57px}h3,h5{font-style:normal;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.154px;color:#242d60;margin:0}h5{opacity:.5}button{height:36px;background:#556cd6;color:#fff;width:100%;font-size:14px;border:0;font-weight:500;cursor:pointer;letter-spacing:.6;border-radius:0 0 6px 6px;transition:all .2s ease;box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07)}button:hover{opacity:.8}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}