.insmind-tools-banner{display:flex;flex-direction:column;align-items:center;width:100%}.insmind-tools-banner__h1{padding-top:64px;font-size:48px;font-weight:700;line-height:110%;color:var(--text-color-primary);text-align:center}.insmind-tools-banner__p{max-width:640px;padding-top:24px;font:var(--text-h5-regular);color:var(--text-color-tertiary);text-align:center}@media only screen and (max-width: 599px){.insmind-tools-banner__h1{padding-top:40px;font:var(--text-h4-bold)}.insmind-tools-banner__p{padding-top:8px;font:var(--text-p1-regular)}}.tools-card[data-v-0633a1de]{width:100%}.tools-card .card-title[data-v-0633a1de]{margin-top:16px;font:var(--text-h5-bold);color:var(--text-color-primary)}.tools-card .card-description[data-v-0633a1de]{margin-top:8px;font:var(--text-p1-regular);color:var(--text-color-secondary)}.tools-card .card-image[data-v-0633a1de]{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--border-radius-large)}.tools-card .card-image img[data-v-0633a1de]{transition:all ease .6s}.tools-card .card-image img[data-v-0633a1de]:hover{transform:scale(1.05)}@media only screen and (max-width: 599px){.tools-card[data-v-0633a1de]{display:flex;flex-direction:column}.tools-card .card-title[data-v-0633a1de]{margin-top:12px;font:var(--text-h7-bold);color:var(--text-color-primary)}.tools-card .card-description[data-v-0633a1de]{margin-top:4px;font:var(--text-p2-regular);color:var(--text-color-secondary)}}.container[data-v-2aec6b40]{display:flex;flex-direction:column;margin-top:32px}@media only screen and (min-width: 600px) and (max-width: 959px){.container[data-v-2aec6b40]{margin:32px -12px 0}}@media only screen and (max-width: 599px){.container[data-v-2aec6b40]{margin:8px auto 0}}.tools-list[data-v-2aec6b40]{display:grid;grid-gap:40px 24px}@media only screen and (min-width: 1280px) and (max-width: 1599px),only screen and (min-width: 1600px) and (max-width: 2159px),only screen and (min-width: 2160px){.tools-list[data-v-2aec6b40]{grid-template-columns:repeat(4,1fr);padding:0;margin:0 auto}}@media only screen and (min-width: 960px) and (max-width: 1279px){.tools-list[data-v-2aec6b40]{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width: 600px) and (max-width: 959px){.tools-list[data-v-2aec6b40]{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 599px){.tools-list[data-v-2aec6b40]{grid-template-columns:repeat(2,1fr);grid-gap:24px 16px}}.category-list[data-v-ffe8c8d2]{display:flex;flex-wrap:wrap;justify-content:center;margin-top:64px}@media only screen and (max-width: 599px){.category-list[data-v-ffe8c8d2]{display:none}}.category-item[data-v-ffe8c8d2]{display:flex;align-items:center;justify-content:center;height:40px;padding:6px 16px;margin:4px;font-size:14px;font-weight:400;color:#222529;text-align:center;white-space:nowrap;background-color:#f1f2f4;border-radius:var(--border-radius-medium);cursor:pointer}.category-item[data-v-ffe8c8d2]:hover,.item-default[data-v-ffe8c8d2]:hover{background:#e8eaec}.item-active[data-v-ffe8c8d2]{color:#fff;background-color:var(--color-gray-900)}.item-active[data-v-ffe8c8d2]:hover{color:#fff;background:#3c3d3f}.wap-item[data-v-ffe8c8d2]{padding:0 20px;font-family:Helvetica Neue;font-size:15px;font-weight:400;line-height:44px;color:var(--dropdown-color-regular)}.wap-item[data-v-ffe8c8d2]:active{background-color:#f6f7f9}.wap-btn[data-v-ffe8c8d2]{display:none;align-items:center;height:40px;margin-top:24px}@media only screen and (max-width: 599px){.wap-btn[data-v-ffe8c8d2]{display:flex;margin-top:32px}}.wap-btn span[data-v-ffe8c8d2]{margin-left:4px;font-size:15px;font-weight:700;line-height:110%;color:var(--text-color-primary)}[dir=rtl] :not([data-dir=no-dir]).wap-btn span[data-v-ffe8c8d2]{margin-left:0;margin-right:4px}.insmind-tools-wrapper[data-v-6978a3bc]{margin:0 auto}@media only screen and (min-width: 1280px) and (max-width: 1599px),only screen and (min-width: 1600px) and (max-width: 2159px),only screen and (min-width: 2160px){.insmind-tools-wrapper[data-v-6978a3bc]{width:1200px}}@media only screen and (min-width: 600px) and (max-width: 959px),only screen and (min-width: 960px) and (max-width: 1279px){.insmind-tools-wrapper[data-v-6978a3bc]{padding:40px}}@media only screen and (max-width: 599px){.insmind-tools-wrapper[data-v-6978a3bc]{padding:0 20px}}