.trial[data-v-c781f1d2]{margin-top:100px;background:#d5e1ff;padding:100px 20px;position:relative}.trial .try-background1[data-v-c781f1d2],.trial .try-background2[data-v-c781f1d2]{position:absolute;width:300px}.trial .try-background1[data-v-c781f1d2]{top:0;left:0}.trial .try-background2[data-v-c781f1d2]{right:0;bottom:0}.trial .trial-content[data-v-c781f1d2]{max-width:660px;margin:0 auto}.trial .trial-title[data-v-c781f1d2]{font-size:42px;text-align:center;font-weight:600;color:#3566e0;margin-bottom:0}.trial .trial-description[data-v-c781f1d2]{font-size:24px;text-align:center;color:#3566e0;margin-bottom:0}.trial .trial-content .button-container[data-v-c781f1d2]{text-align:center;margin-top:20px}.trial .trial-content .link-button[data-v-c781f1d2]{border:none;font-weight:600;padding:7px 30px}@media screen and (max-width: 991px){.trial[data-v-c781f1d2]{padding:60px 20px}.trial .try-background1[data-v-c781f1d2]{transform:translate(-50%)}.trial .try-background2[data-v-c781f1d2]{display:none}.trial .trial-title[data-v-c781f1d2]{font-size:24px;margin-bottom:10px}}@media screen and (max-width: 768px){.trial .trial-content[data-v-c781f1d2]{max-width:600px}.trial .trial-title[data-v-c781f1d2]{font-size:32px}.trial .trial-description[data-v-c781f1d2]{font-size:16px}}nav{p[data-v-a9ccac38] {margin-bottom: 5px; color: #101828; font-size: 16px; font-weight: 400;} ul {&[data-v-a9ccac38] {list-style: none; padding: 0;} li {&[data-v-a9ccac38] {margin-bottom: 5px; cursor: pointer; text-wrap: pretty;} &.active,&:hover {a[data-v-a9ccac38] {color: #155DFC;}} a {&[data-v-a9ccac38] {text-decoration: none; color: #4A5565; font-size: 14px; font-weight: 400;} &[data-v-a9ccac38]:hover {text-decoration: none;}}}} .upload-button {a[data-v-a9ccac38] {display: inline-block; width: 100%; text-align: center; padding: 11px 10px 10px; border-radius: 12px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%),#101828; box-shadow: 6px 6px 10px 0 rgba(0,0,0,.09); color: #FAFAFA; font-size: 16px; font-weight: 400;}}}nav[data-v-a9ccac38]{position:sticky;top:20px;padding:20px;border-radius:14px;border:2px solid #E5E7EB;background:#F9FAFB}.blog-page{h1[data-v-42cb0bd2] {color: #4A5565; font-size: 26px; font-weight: 400; margin-top: 10px;} .main-image[data-v-42cb0bd2] {width: 100%; border-radius: 8px; margin-top: 20px;} .content {&[data-v-42cb0bd2] {display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; margin-top: 50px;} @media screen and (max-width: 991px) {&[data-v-42cb0bd2] {grid-template-columns: repeat(1,1fr); margin-top: 20px;}} .summary[data-v-42cb0bd2] {grid-column: span 1 / span 1;} article[data-v-42cb0bd2] {grid-column: span 3 / span 3; color: #4A5565; @media screen and (max-width: 991px) {grid-column: span 1 / span 1;}} article[data-v-42cb0bd2] .directus-rich-body h1,article[data-v-42cb0bd2] .directus-rich-body h2,article[data-v-42cb0bd2] .directus-rich-body h3,article[data-v-42cb0bd2] .directus-rich-body h4,article[data-v-42cb0bd2] .directus-rich-body h5,article[data-v-42cb0bd2] .directus-rich-body h6 {font-weight: 600; color: #242424; margin-top: 30px; margin-bottom: 15px;} article[data-v-42cb0bd2] .directus-rich-body h1 {font-size: 30px;} article[data-v-42cb0bd2] .directus-rich-body h2 {font-size: 26px;} article[data-v-42cb0bd2] .directus-rich-body h3 {font-size: 22px;} article[data-v-42cb0bd2] .directus-rich-body h4 {font-size: 18px;} article[data-v-42cb0bd2] .directus-rich-body h5 {font-size: 16px;} article[data-v-42cb0bd2] .directus-rich-body h6 {font-size: 14px;} article[data-v-42cb0bd2] .directus-rich-body a {color: #3566e0; font-weight: 600;} article[data-v-42cb0bd2] .directus-rich-body a:hover {color: #3b82f6; text-decoration: underline;} article[data-v-42cb0bd2] .directus-rich-body blockquote {color: #1e3a8a; background-color: #dbeafe; border: 1px solid #bfdbfe; border-radius: .25rem; padding: 2rem;} article[data-v-42cb0bd2] .directus-rich-body > p > img {width: 100%; border-radius: 8px; border: 1px solid #EAEAEA;} article[data-v-42cb0bd2] .directus-rich-body ul {margin-bottom: 5px; padding-left: 0;} article[data-v-42cb0bd2] .directus-rich-body ul li {list-style-type: none; margin-bottom: 1rem; background: url(/img/blog/bullet-point.svg) no-repeat left 4px; padding: 6px 0 3px 32px;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner {display: flex; justify-content: space-between; align-items: center; background-color: #EAF1F2; padding: 40px; border-radius: 12px; @media screen and (max-width: 768px) {flex-direction: column-reverse; align-items: center;}} article[data-v-42cb0bd2] .directus-rich-body .cta-banner h5 {color: #3B707D; font-weight: 800; font-size: 25px;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner a {padding: 11px 30px 10px; background-color: #07A641; color: #fff; border-radius: 76px; text-transform: uppercase; font-weight: 600; transition: all .15s ease-in-out; display: inline-block; margin-top: 15px;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner a:hover {background-color: #008623; text-decoration: none; color: #fff;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .animation {padding-right: 30px; @media screen and (max-width: 768px) {padding-right: 0;}} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .position-relative {position: relative; width: 150px; height: 175px;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .image-global-animation {width: 100px; height: 110px; opacity: .4; position: absolute; z-index: 2; right: 16px; bottom: 26px; border: 0; border-radius: 0;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .image-ppt-animation {width: 75px; height: 90px; animation: fan-ppt-42cb0bd2 3s ease-in-out infinite; transform-origin: bottom left; left: 16px;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .image-word-animation {width: 85px; height: 110px; animation: fan-word-42cb0bd2 3s ease-in-out infinite; transform-origin: bottom left; left: 16px; opacity: .6;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .image-excel-animation {width: 75px; height: 90px; animation: fan-excel-42cb0bd2 3s ease-in-out infinite; transform-origin: bottom right; z-index: 2;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .image-image-animation {width: 85px; height: 110px; animation: fan-image-42cb0bd2 3s ease-in-out infinite; transform-origin: bottom right; z-index: 3; opacity: .6;} article[data-v-42cb0bd2] .directus-rich-body .cta-banner .image-main {z-index: 3; position: relative; width: 150px; height: 175px; border: 0; border-radius: 0;}}}.blog-page[data-v-42cb0bd2]{padding-top:20px;padding-bottom:50px;font-family:Lexend,sans-serif}@media screen and (max-width: 991px){.blog-page[data-v-42cb0bd2]{padding-bottom:20px}}.blog-page .top[data-v-42cb0bd2]{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 991px){.blog-page .top[data-v-42cb0bd2]{flex-direction:column;align-items:start}}.blog-page .top .breadcrumb{a {&[data-v-42cb0bd2] {color: #6A7282; font-size: 14px; font-weight: 400;} &[data-v-42cb0bd2]:hover {text-decoration: underline;}} p[data-v-42cb0bd2] {margin-bottom: 0; color: #6A7282; font-size: 14px; font-weight: 400;}}.blog-page .top .breadcrumb[data-v-42cb0bd2]{display:flex;align-items:center;gap:5px;margin-bottom:0}.blog-page .top .category[data-v-42cb0bd2]{padding:6px 12px;color:#1447e6;font-size:15px;margin-bottom:0;font-weight:400;border-radius:24px;background:#DBEAFE}@media screen and (max-width: 991px){.blog-page .top .category[data-v-42cb0bd2]{margin-top:10px}}@keyframes fan-excel-42cb0bd2{0%{transform:rotate(0)}50%{transform:rotate(45deg)}}@keyframes fan-image-42cb0bd2{0%{transform:rotate(0)}50%{transform:rotate(25deg)}}@keyframes fan-word-42cb0bd2{0%{transform:rotate(0)}50%{transform:rotate(-25deg)}}@keyframes fan-ppt-42cb0bd2{0%{transform:rotate(0)}50%{transform:rotate(-45deg)}}