.importing-section-wrapper{height:700vh;position:relative}.importing-section{width:100%;height:100vh;margin-bottom:80px;padding:15px;position:sticky;top:0}.importing-section section{background:radial-gradient(53.22% 84.48% at 69.72% 104.93%,#075143 0%,#06352c 50%,#041915 100%);border:1px solid #292929;border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}.importing-section section .first-frame{pointer-events:none;z-index:1;will-change:opacity;flex-direction:row;justify-content:space-between;align-items:center;gap:50px;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.importing-section section .first-frame .heading{flex-direction:column;max-width:500px;height:100%;padding:100px 0 0 24px;display:flex}.importing-section section .first-frame .heading h1{color:#f5f5ed;font-family:Nova Klasse,sans-serif;font-size:40px;font-weight:400;line-height:42px}.importing-section section .first-frame .heading .h1-contain{align-items:center;gap:10px;display:flex}.importing-section section .first-frame svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.importing-section section .first-frame .desc{flex-direction:column;justify-content:flex-end;align-items:center;max-width:440px;height:100%;padding:0 0 150px 24px;display:flex}.importing-section section .first-frame .desc p{color:#fff;font-size:24px;font-weight:600;line-height:24px}@media (max-width:575px){.importing-section-wrapper{height:600vh}.importing-section{padding:10px}.importing-section section{border-radius:20px}.importing-section section .first-frame{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:50px;width:100%;padding:35px;overflow:hidden}.importing-section section .first-frame .heading{max-width:100%;height:auto;padding:0}.importing-section section .first-frame .heading h1{font-size:18px;font-weight:400;line-height:19px}.importing-section section .first-frame .heading .h1-contain{gap:6px}.importing-section section .first-frame .heading .h1-contain img{width:48px!important;height:auto!important}.importing-section section .first-frame svg{width:150px;height:150px;position:relative;top:auto;left:0;transform:none}.importing-section section .first-frame .desc{justify-content:flex-start;max-width:100%;height:auto;padding:0 0 24px}.importing-section section .first-frame .desc p{font-size:18px;line-height:18px}}
.import-stacks-container{pointer-events:auto;z-index:2;width:100%;height:100%;display:flex;position:absolute;top:0;right:0}.import-stacks-container .left{flex:1;height:100%;position:relative}.import-stacks-container .left img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.import-stacks-container .right{flex:1;height:100%;position:relative}.import-stacks-container .right .import-stack{background:#041915;border:1px solid #fff3;border-radius:36px;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;width:100%;height:100%;padding:120px 90px;display:flex;position:absolute}.import-stacks-container .right .import-stack h1{color:#f5f5ed;font-family:Nova Klasse,sans-serif;font-size:36px;font-weight:400;line-height:38px}.import-stacks-container .right .import-stack .content{color:#fff;word-break:pre-line;border:1px solid #c3c3c3;border-width:1px 0;flex-direction:column;flex:1;gap:20px;width:100%;padding:30px 0;display:flex}.import-stacks-container .right .import-stack .content p,.import-stacks-container .right .import-stack .content li{font-size:19px;font-weight:600;line-height:22px}.import-stacks-container .right .import-stack .content ul{padding-left:30px;list-style-type:disc}.import-stacks-container .right .import-stack .btn-containers{align-items:flex-start;gap:10px;display:flex}.import-stacks-container .right .import-stack .btn-containers .btn{cursor:pointer;background:#c4f928;border:1px solid #c3c3c3;border-radius:24px;justify-content:center;align-items:center;gap:10px;width:fit-content;height:45px;padding:6px 24px 12px;display:flex}.import-stacks-container .right .import-stack .btn-containers .btn .txt{color:#292929;font-size:18px;font-weight:700;line-height:27px}.import-stacks-container .right .import-stack .btn-containers .btn.learn{background:#f6f6f6;border:1px solid #c3c3c3}.import-stacks-container .right .import-stack .btn-containers .btn.soon{background:#fff3;border:1px solid #c3c3c3}.import-stacks-container .right .import-stack .btn-containers .btn.soon .txt{color:#fff}@media (max-width:575px){.import-stacks-container{flex-direction:row}.import-stacks-container .left{z-index:1;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.6);display:flex!important}.import-stacks-container .left img{width:auto;max-width:70%;height:auto;max-height:70%}.import-stacks-container .right{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.import-stacks-container .right .import-stack{border-radius:20px;gap:20px;max-width:370px;padding:60px 30px 120px}.import-stacks-container .right .import-stack h1{font-size:27px;font-weight:400;line-height:29px}.import-stacks-container .right .import-stack .content{gap:12px;padding:16px 0}.import-stacks-container .right .import-stack .content p,.import-stacks-container .right .import-stack .content li{font-size:15px;font-weight:600;line-height:18px}.import-stacks-container .right .import-stack .content ul{padding-left:20px}.import-stacks-container .right .import-stack .btn-containers{flex-wrap:wrap;gap:8px}.import-stacks-container .right .import-stack .btn-containers .btn{border-radius:24px;height:28px;padding:3px 12px 6px}.import-stacks-container .right .import-stack .btn-containers .btn .txt{letter-spacing:.01em;font-size:13px;font-weight:700;line-height:19px}}
.blog-section{flex-direction:column;align-items:flex-start;width:100%;padding:0 15px 15px;font-family:Nova Klasse,sans-serif;display:flex}.blog-section section{border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:120px 0;display:flex;overflow:hidden}.blog-section section .intro{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:30px 0;display:flex}.blog-section section .intro .tag-btn{background:#c4f92866;border:1px solid #e7e7e7;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:10px 20px;display:flex}.blog-section section .intro .tag-btn p{text-align:center;color:#464646;opacity:.8;font-size:15px;font-weight:400;line-height:16px}.blog-section section .intro h2{text-align:center;letter-spacing:-.01em;color:#292929;font-size:36px;font-weight:400;line-height:38px}.blog-section section .carousel-wrapper{align-items:center;width:100%;display:flex;position:relative}.blog-section section .carousel-wrapper .blog-container{isolation:isolate;scroll-behavior:smooth;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px 120px;display:flex;overflow-x:hidden}.blog-section section .carousel-wrapper .blog-container .blog{background:#f5f5ed;border-left:2px solid #f6f6f6;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:545px;min-width:545px;height:720px;padding:24px;display:flex;position:relative;overflow:hidden}.blog-section section .carousel-wrapper .blog-container .blog .blog-header{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 12px;display:flex}.blog-section section .carousel-wrapper .blog-container .blog .blog-header h4{color:#464646;font-size:21px;font-weight:400;line-height:24px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header h4 span{color:#464646;font-family:Futuru,sans-serif;font-size:15px;font-weight:600;line-height:15px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header .contain-tag{gap:30px;display:flex}.blog-section section .carousel-wrapper .blog-container .blog .blog-header .contain-tag p{color:#464646;font-family:Futuru,sans-serif;font-size:15px;font-weight:600;line-height:15px}.blog-section section .carousel-wrapper .blog-container .blog .img-container{border:1px solid #c3c3c3;border-radius:60px;width:340px;height:240px;margin:0 auto;overflow:hidden}.blog-section section .carousel-wrapper .blog-container .blog .img-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-section section .carousel-wrapper .blog-container .blog .content{flex-direction:column;align-items:flex-start;gap:24px;width:100%;padding:24px;display:flex}.blog-section section .carousel-wrapper .blog-container .blog .content h3{color:#464646;font-size:21px;font-weight:400;line-height:24px}.blog-section section .carousel-wrapper .blog-container .blog .content p{color:#464646;opacity:.9;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-family:Futuru,sans-serif;font-size:21px;font-style:normal;font-weight:600;line-height:24px;display:-webkit-box;overflow:hidden}.blog-section section .carousel-wrapper .carousel-btn{cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #e7e7e7;border-radius:60px;justify-content:center;align-items:center;width:90px;height:90px;transition:background .2s,border-color .2s;display:flex;position:absolute;box-shadow:0 4px 6px #0000001a}.blog-section section .carousel-wrapper .carousel-btn:hover{background:#f0f0e8;border-color:#c3c3c3}.blog-section section .carousel-wrapper .carousel-btn.prev{left:60px}.blog-section section .carousel-wrapper .carousel-btn.next{right:60px}@media (max-width:575px){.blog-section{padding:0 8px 8px}.blog-section section{border-radius:20px;padding:60px 0}.blog-section section .intro{gap:12px;padding:20px 0}.blog-section section .intro h2{font-size:24px;line-height:28px}.blog-section section .carousel-wrapper .blog-container{gap:10px;padding:10px 20px}.blog-section section .carousel-wrapper .blog-container .blog{width:calc(100vw - 56px);min-width:calc(100vw - 56px);height:auto;padding:16px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header{padding:0 4px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header h4{font-size:17px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header .contain-tag{gap:16px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header .contain-tag p{font-size:13px}.blog-section section .carousel-wrapper .blog-container .blog .img-container{border-radius:30px;width:100%;height:180px}.blog-section section .carousel-wrapper .blog-container .blog .content{gap:12px;padding:12px}.blog-section section .carousel-wrapper .blog-container .blog .content h3{font-size:17px;line-height:21px}.blog-section section .carousel-wrapper .blog-container .blog .content p{font-size:15px;line-height:20px}.blog-section section .carousel-wrapper .carousel-btn{width:50px;height:50px}.blog-section section .carousel-wrapper .carousel-btn svg{width:18px;height:18px}.blog-section section .carousel-wrapper .carousel-btn.prev{left:8px}.blog-section section .carousel-wrapper .carousel-btn.next{right:8px}}@media (min-width:576px) and (max-width:769px){.blog-section{padding:0 10px 10px}.blog-section section{border-radius:24px;padding:70px 0}.blog-section section .intro{gap:14px;padding:24px 0}.blog-section section .intro h2{font-size:28px;line-height:32px}.blog-section section .carousel-wrapper .blog-container{gap:10px;padding:10px 40px}.blog-section section .carousel-wrapper .blog-container .blog{width:360px;min-width:360px;height:auto;padding:18px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header{padding:0 6px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header h4{font-size:18px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header .contain-tag{gap:20px}.blog-section section .carousel-wrapper .blog-container .blog .blog-header .contain-tag p{font-size:13px}.blog-section section .carousel-wrapper .blog-container .blog .img-container{border-radius:40px;width:100%;height:200px}.blog-section section .carousel-wrapper .blog-container .blog .content{gap:14px;padding:14px}.blog-section section .carousel-wrapper .blog-container .blog .content h3{font-size:18px;line-height:22px}.blog-section section .carousel-wrapper .blog-container .blog .content p{font-size:16px;line-height:21px}.blog-section section .carousel-wrapper .carousel-btn{width:60px;height:60px}.blog-section section .carousel-wrapper .carousel-btn svg{width:20px;height:20px}.blog-section section .carousel-wrapper .carousel-btn.prev{left:20px}.blog-section section .carousel-wrapper .carousel-btn.next{right:20px}}@media (min-width:769px) and (max-width:991px){.blog-section{padding:0 12px 12px}.blog-section section{border-radius:28px;padding:90px 0}.blog-section section .intro{padding:26px 0}.blog-section section .intro h2{font-size:30px;line-height:34px}.blog-section section .carousel-wrapper .blog-container{gap:12px;padding:10px 70px}.blog-section section .carousel-wrapper .blog-container .blog{width:420px;min-width:420px;height:auto;padding:20px}.blog-section section .carousel-wrapper .blog-container .blog .img-container{border-radius:50px;width:100%;height:210px}.blog-section section .carousel-wrapper .blog-container .blog .content{gap:16px;padding:16px}.blog-section section .carousel-wrapper .blog-container .blog .content h3{font-size:19px;line-height:23px}.blog-section section .carousel-wrapper .blog-container .blog .content p{font-size:17px;line-height:22px}.blog-section section .carousel-wrapper .carousel-btn{width:70px;height:70px}.blog-section section .carousel-wrapper .carousel-btn.prev{left:30px}.blog-section section .carousel-wrapper .carousel-btn.next{right:30px}}@media (min-width:992px) and (max-width:1102px){.blog-section section{padding:100px 0}.blog-section section .intro h2{font-size:32px;line-height:36px}.blog-section section .carousel-wrapper .blog-container{padding:10px 90px}.blog-section section .carousel-wrapper .blog-container .blog{width:460px;min-width:460px}.blog-section section .carousel-wrapper .blog-container .blog .img-container{width:300px;height:220px}.blog-section section .carousel-wrapper .carousel-btn{width:80px;height:80px}.blog-section section .carousel-wrapper .carousel-btn.prev{left:40px}.blog-section section .carousel-wrapper .carousel-btn.next{right:40px}}