@charset "UTF-8";#faq {padding: 70px 0 55px;background-color: #FAFAFA;}#faq h2 {text-align: center;font-weight: 700;font-size: 33px;color: #1a1a1a;margin-bottom: 50px;}#faq .faq-list {border: 1px solid #d7ebff;background: #ffffff;border-radius: 5px;margin-bottom: 15px;}#faq .faq-list h3 {margin-bottom: 0px;}#faq .faq-list h3 .question-content {cursor: pointer;font-size: 16px;color: #1a1a1a;letter-spacing: 0;line-height: 23px;font-weight: 600;padding: 10px 20px 20px;display: table;width: 100%;}#faq .faq-list h3 .question-content .tick-icon {display: table-cell;font-size: 14px;width: 10px;padding-right: 10px;}#faq .faq-list h3 .question-content .faq-question {width: 84%;display: table-cell;}#faq .faq-list h3 .question-content .permalink {display: table-cell;position: relative;top: 2px;left: 7px;padding-right: 7px;}#faq .faq-list h3 .question-content .faq-arrow-icon {float: right;display: table-cell;top: 8px;position: relative;}#faq .faq-list h3 .faq-collapse-icon {display: block;}#faq .faq-list h3 .faq-collapse-icon svg {opacity: 1;}#faq .faq-list h3 .faq-expand-icon {display: none;}#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-collapse-icon {display: none;}#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon {display: block;}#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon svg {opacity: 1;}#faq .faq-list .answer-content {padding: 0px 20px 25px;font-size: 14px;color: #585858;letter-spacing: 0;line-height: 25px;}#faq .faq-list .answer-content .social-media {color: #0073dc !important;font-weight: 600;cursor: pointer;}#faq .faq-list .answer-content .social-media:hover {color: #0450C2 !important;}#faq .faq-list .answer-content a {color: #0073dc !important;font-weight: 600;text-decoration: none;outline: none !important;}#faq .faq-list .answer-content a:hover {color: #0450c2 !important;}#faq .faq-list .answer-content ul {padding: 0px 15px;}#faq .faq-list .answer-content ul li {padding-bottom: 5px;line-height: 23px;}@media (max-width: 1023px) and (min-width: 768px) {#faq {padding: 50px 0 40px;}#faq h2 {margin-bottom: 40px;}}@media (max-width: 767px) {#faq {padding: 40px 0 30px;}#faq h2 {margin-bottom: 35px;}#faq .faq-list h3 .question-content {font-size: 14px;padding: 10px 20px 15px;}#faq .faq-list .answer-content {padding: 0px 20px 20px;font-size: 13px;}}body {font-family: "Open Sans", "Helvetica", "Arial", sans-serif;}a {text-decoration: none !important;}a:focus {outline: none;}a:focus-visible {outline: 2px solid #0066ff;outline-offset: 2px;}.sample {padding: 10px;border: 1px solid #D9DEE6;border-radius: 16px;border-top-left-radius: 0;}iframe {width: 100%;background: white;}#faq {background: linear-gradient(180deg, rgba(233, 241, 255, 0.5) 0%, rgba(241, 246, 255, 0) 15.38%, rgba(255, 255, 255, 0) 100%);padding: 60px 0 65px 0;}#faq .tick-icon, #faq .permalink {display: none !important;}#faq h2 {margin-top: 0;}#faq h3 {margin: 0;}#faq .faq-list .answer-content {font-size: 16px;line-height: 26px !important;}#faq .faq-list .answer-content p {font-size: 16px;line-height: 26px !important;}#faq .faq-list .answer-content a {color: #0057FF !important;}#faq .answer-content {color: #585858 !important;}#typed-string {color: #0057FF;}.tooltip {position: relative;display: inline-block;}.framework-wrapper {display: inline-block;}.tooltip-framework {position: relative;display: inline-flex;align-items: center;justify-content: center;}.tooltip-framework .tooltiptext {visibility: hidden;background-color: #0F172A;color: #FFFFFF;text-align: center;padding: 8px 12px;border-radius: 6px;font-size: 12px;font-weight: 500;white-space: nowrap;position: absolute;z-index: 1000;bottom: 135%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}.tooltip-framework .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px 5px 0 5px;border-style: solid;border-color: #0F172A transparent transparent transparent;}.tooltip-framework:hover .tooltiptext {visibility: visible;opacity: 1;}.feature-section {display: flex;flex-wrap: wrap;gap: 70px;margin: 0 auto;padding-bottom: 80px;padding-top: 70px;align-items: center;}.feature-section::after, .feature-section::before {display: none;}.feature-section .feature-wrapper {display: flex;-moz-column-gap: 20px;column-gap: 20px;}.feature-section .image-container {width: 50%;align-items: center;justify-content: center;border-radius: 8px;}.feature-section .image-container img, .feature-section .image-container object {width: 100%;height: auto;}.feature-section .content-wrapper {width: 50%;display: flex;flex-direction: column;padding: 0 20px;}.feature-section .content-wrapper h3 {font-size: 28px !important;font-weight: 700;line-height: 42px !important;color: #0F172A;margin: 0 0 16px 0;}.feature-section .content-wrapper p {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;margin: 0;}@media (max-width: 768px) {.feature-section {gap: 40px;}.feature-section .image-container, .feature-section .content-wrapper {flex: 1 1 100%;min-width: 100%;}.feature-section .content-wrapper h3 {font-size: 24px;line-height: 36px;}.feature-section .content-wrapper p {font-size: 14px;line-height: 24px;}}@media (max-width: 480px) {.feature-section {gap: 30px;}.feature-section .content-wrapper h3 {font-size: 20px !important;line-height: 30px !important;}}.single-column {flex-direction: column;}.single-column.even-column {flex-direction: column-reverse;}.single-column .content-wrapper {text-align: center;margin-bottom: 30px;}.single-column .content-wrapper p {max-width: 800px;margin-right: auto;margin-left: auto;}.single-column .image-container, .single-column .content-wrapper {width: 100%;}.single-column .note-section {margin-top: 30px !important;text-align: center;}.ai-feature-section {background: linear-gradient(180deg, rgba(233, 241, 255, 0.4) 0%, rgba(241, 246, 255, 0.181868) 8.22%, rgba(241, 246, 255, 0) 95.67%, rgba(233, 241, 255, 0.4) 100%);padding: 60px 0 80px 0;background-image: url(https://cdn.syncfusion.com/content/images/FT/ui-component-sdk/ai-ready-bg.webp);}.ai-feature-section.no-feature-column {padding-bottom: 0;}.ai-feature-section .container {margin: 0 auto;padding: 0 20px;}.ai-feature-section .container > h2 {font-size: 32px;font-weight: 700;line-height: 48px;color: #0F172A;text-align: center;margin: 0 0 16px 0;}.ai-feature-section .container > p {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;text-align: center;margin: 0 0 30px 0;max-width: 810px;margin-left: auto;margin-right: auto;}.ai-feature-section .note-section {text-align: center;margin-top: 25px;}.ai-feature-section .image-container {width: 100%;position: relative;}.ai-feature-section .image-container::before {content: url(https://cdn.syncfusion.com/content/images/FT/ui-component-sdk/ai-ready-icon.svg);top: -60px;left: -85px;position: absolute;}.ai-feature-section .image-container img, .ai-feature-section .image-container object {width: 100%;height: auto;}.ai-feature-section .ai-feature-container {display: flex;gap: 24px;margin: 0 auto;margin-top: 20px;}.ai-feature-section .ai-feature-container .ai-feature {background: #FFFFFF;padding: 20px;border-radius: 12px;border: 1px solid #EFF0F2;width: 50%;margin: 0;}.ai-feature-section .ai-feature-container .ai-feature h3 {font-size: 20px;font-weight: 600;line-height: 30px;color: #0F172A;margin: 0 0 12px 0;}.ai-feature-section .ai-feature-container .ai-feature p {font-size: 16px;font-weight: 400;line-height: 26px;color: #475569;margin: 0;}@media (max-width: 768px) {.ai-feature-section {padding: 60px 0;}.ai-feature-section .container > h2 {font-size: 28px;line-height: 42px;margin-bottom: 12px;}.ai-feature-section .container > p {font-size: 14px;line-height: 24px;margin-bottom: 40px;}.ai-feature-section .image-container {margin-bottom: 40px;}.ai-feature-section .ai-feature-container {gap: 24px;padding: 0 15px;flex-direction: column;}.ai-feature-section .ai-feature-container .ai-feature {padding: 30px;width: 100%;}.ai-feature-section .ai-feature-container .ai-feature h3 {font-size: 18px;line-height: 26px;}.ai-feature-section .ai-feature-container .ai-feature p {font-size: 14px;line-height: 22px;}}@media (max-width: 480px) {.ai-feature-section .container {padding: 0 15px;}.ai-feature-section .container > h2 {font-size: 22px;line-height: 32px;}.ai-feature-section .container > p {font-size: 14px;line-height: 22px;margin-bottom: 30px;}.ai-feature-section .image-container {margin-bottom: 30px;border-radius: 6px;}.ai-feature-section .ai-feature-container {gap: 16px;padding: 0 12px;}.ai-feature-section .ai-feature-container .ai-feature {padding: 20px;border-radius: 6px;min-width: 100%;}.ai-feature-section .ai-feature-container .ai-feature h3 {font-size: 16px;line-height: 24px;}}.application-section-container {margin: 0 auto;padding: 60px 0 75px 0;}.application-section-container > h2 {font-size: 32px;font-weight: 700;line-height: 48px;color: #0F172A;text-align: center;margin: 0 0 16px 0;}.application-section-container > p {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;text-align: center;margin: 0 0 20px 0;max-width: 920px;margin-left: auto;margin-right: auto;}.application-section-container > a {margin: 0;text-align: center;padding: 12px 32px;background: #0057FF;color: white;font-size: 16px;font-weight: 600;line-height: 24px;border-radius: 6px;text-decoration: none;width: -moz-max-content;width: max-content;display: flex;margin: auto;}.application-section-container .application-list-container {display: flex;flex-wrap: wrap;-moz-column-gap: 48px;column-gap: 48px;justify-content: center;margin-top: 60px;row-gap: 30px;}.application-section-container .application-list-container .application-wrapper {display: flex;gap: 24px;max-width: 525px;}.application-section-container .application-list-container .application-wrapper .application-content h3 {font-size: 18px;font-weight: 600;line-height: 28px;color: #0F172A;margin: 0 0 8px 0;}.application-section-container .application-list-container .application-wrapper .application-content p {font-size: 16px;font-weight: 400;line-height: 24px;color: #475569;margin: 0;}@media (max-width: 768px) {.application-section-container > h2 {font-size: 28px;line-height: 42px;margin-bottom: 12px;}.application-section-container > p {font-size: 14px;line-height: 24px;margin-bottom: 24px;}.application-section-container > a {margin-bottom: 40px;padding: 10px 24px;font-size: 14px;}.application-section-container .application-list-container {gap: 24px;margin-top: 40px;}.application-section-container .application-list-container .application-wrapper {gap: 16px;}.application-section-container .application-list-container .application-wrapper img {width: 64px;height: 64px;}.application-section-container .application-list-container .application-wrapper .application-content h3 {font-size: 16px;line-height: 24px;}.application-section-container .application-list-container .application-wrapper .application-content p {font-size: 13px;line-height: 22px;}}@media (max-width: 480px) {.application-section-container > h2 {font-size: 22px;line-height: 32px;}.application-section-container > p {font-size: 14px;line-height: 22px;margin-bottom: 20px;}.application-section-container > a {margin-bottom: 30px;padding: 10px 20px;font-size: 13px;}.application-section-container .application-list-container {grid-template-columns: 1fr;gap: 16px;margin-top: 30px;}.application-section-container .application-list-container .application-wrapper {padding: 16px;gap: 12px;}.application-section-container .application-list-container .application-wrapper img {width: 56px;height: 56px;}.application-section-container .application-list-container .application-wrapper .application-content h3 {font-size: 14px;line-height: 20px;}}.why-choose-section {padding: 60px 0 80px 0;}.why-choose-section.file-manager-sdk, .why-choose-section.diagram-sdk {background-color: #FAFBFF;}.why-choose-section .container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.why-choose-section .container > h2 {font-size: 32px;font-weight: 700;line-height: 48px;color: #0F172A;text-align: center;margin: 0 0 10px 0;}.why-choose-section .container > p {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;text-align: center;margin: 0;max-width: 920px;margin-left: auto;margin-right: auto;}.why-choose-section .why-choose-cards {display: flex;flex-wrap: wrap;gap: 32px;margin: 50px auto 0;padding: 0;}.why-choose-section .why-choose-cards .card-wrapper {display: flex;flex-direction: column;width: calc(33% - 18px);padding: 24px;border-radius: 16px;border: 1px solid #DDE0EB;background-color: white;}.why-choose-section .why-choose-cards .card-wrapper img {width: 72px;height: 72px;margin-bottom: 24px;display: block;}.why-choose-section .why-choose-cards .card-wrapper h3 {font-size: 18px !important;font-weight: 600;line-height: 28px !important;color: #0F172A;margin: 0 0 12px 0;}.why-choose-section .why-choose-cards .card-wrapper p {font-size: 16px;font-weight: 400;line-height: 27px;color: #475569;margin: 0;}.why-choose-section .why-choose-cards .card-wrapper p a {font-weight: 600;color: #0057FF;}.why-choose-section .why-choose-cards .card-wrapper p a:hover {color: #0050EB;}@media (max-width: 1199px) and (min-width: 630px) {.why-choose-section .why-choose-cards {gap: 30px;margin-top: 30px;}}@media (max-width: 768px) {.why-choose-section {padding: 60px 0;}.why-choose-section .container > h2 {font-size: 28px;line-height: 42px;margin-bottom: 40px;}.why-choose-section .why-choose-cards {grid-template-columns: repeat(2, 1fr);gap: 24px;padding: 0 15px;}.why-choose-section .why-choose-cards .card-wrapper {padding: 32px 24px;}.why-choose-section .why-choose-cards .card-wrapper img {width: 64px;height: 64px;margin-bottom: 16px;}.why-choose-section .why-choose-cards .card-wrapper h3 {font-size: 16px;line-height: 24px;}.why-choose-section .why-choose-cards .card-wrapper p {font-size: 13px;line-height: 22px;}}@media (max-width: 480px) {.why-choose-section .container {padding: 0 15px;}.why-choose-section .container > h2 {font-size: 22px;line-height: 32px;margin-bottom: 30px;}.why-choose-section .why-choose-cards {grid-template-columns: 1fr;gap: 16px;padding: 0 12px;}.why-choose-section .why-choose-cards .card-wrapper {padding: 24px 16px;}.why-choose-section .why-choose-cards .card-wrapper h3 {font-size: 16px !important;}}.uisdk-free-trial-section {padding: 60px 0 80px 0;background: url(https://cdn.syncfusion.com/content/images/products/angularUIBlocks/github-section-background.svg);}.uisdk-free-trial-section .container {margin: 0 auto;padding: 0 20px;}.uisdk-free-trial-section .trial-content {text-align: center;}.uisdk-free-trial-section .trial-content h2 {font-size: 32px;font-weight: 600;line-height: 48px;color: #FFFFFF;margin: 0 0 24px 0;}.uisdk-free-trial-section .trial-content p {font-size: 16px;font-weight: 400;line-height: 32px;color: #FFFFFF;margin: 0 0 40px 0;max-width: 800px;margin-left: auto;margin-right: auto;}.uisdk-free-trial-section .trial-content .trail-btn {display: flex;flex-direction: column;}.uisdk-free-trial-section .trial-content .trail-btn p {margin: 5px 0 0 0;font-style: italic;font-size: 14px;text-align: center;line-height: 21px;}.uisdk-free-trial-section .link-group {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}.uisdk-free-trial-section .link-group a {text-decoration: none;border-radius: 6px;font-weight: 600;line-height: 24px;}.uisdk-free-trial-section .link-group .primary-cta {padding: 12px 40px;background: #FFF509;color: #0F172A;font-size: 16px;}.uisdk-free-trial-section .link-group .primary-cta:hover {background: #E1BD00;}.uisdk-free-trial-section .link-group .secondary-cta {padding: 11.5px 33px;background: transparent;color: #FFF509;font-size: 16px;border: 1px solid #FFF509;}.uisdk-free-trial-section .link-group .secondary-cta:hover {opacity: 0.9;}.uisdk-free-trial-section .link-group .samples-nav-link {padding: 12px 28px;background: transparent;color: #FFF509;font-size: 16px;border: none;padding-left: 0;display: flex;gap: 4px;align-items: center;height: -moz-max-content;height: max-content;}.uisdk-free-trial-section .link-group .samples-nav-link:hover {color: #E1BD00;}@media (max-width: 768px) {.uisdk-free-trial-section {padding: 60px 0;}.uisdk-free-trial-section .trial-content h2 {font-size: 32px;line-height: 48px;margin-bottom: 16px;}.uisdk-free-trial-section .trial-content p {font-size: 16px;line-height: 28px;margin-bottom: 32px;}.uisdk-free-trial-section .link-group {gap: 12px;}.uisdk-free-trial-section .link-group a {font-size: 14px;}.uisdk-free-trial-section .link-group .primary-cta, .uisdk-free-trial-section .link-group .secondary-cta {padding: 10px 24px;}.uisdk-free-trial-section .link-group .samples-nav-link {padding: 10px 20px;justify-content: center;}}@media (max-width: 480px) {.uisdk-free-trial-section .container {padding: 0 15px;}.uisdk-free-trial-section .trial-content h2 {font-size: 24px;line-height: 36px;margin-bottom: 12px;}.uisdk-free-trial-section .trial-content p {font-size: 14px;line-height: 24px;margin-bottom: 24px;}.uisdk-free-trial-section .link-group {flex-direction: column;gap: 20px;}.uisdk-free-trial-section .link-group a {width: 100%;display: inline-block;padding: 12px 16px !important;font-size: 14px;}}.uisdk-recent-activities-section {padding: 60px 0 80px 0;background: linear-gradient(180deg, rgba(233, 241, 255, 0.5) 0%, rgba(241, 246, 255, 0) 15.38%, rgba(255, 255, 255, 0) 100%);}.uisdk-recent-activities-section .container {margin: 0 auto;}.uisdk-recent-activities-section .container > h2 {font-size: 32px;font-weight: 700;line-height: 48px;color: #0F172A;text-align: center;margin: 0 0 16px 0;}.uisdk-recent-activities-section .container > p {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;text-align: center;margin: 0 0 0px 0;max-width: 860px;margin-left: auto;margin-right: auto;}.uisdk-recent-activities-section .cards-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin: 0 auto;padding: 0 20px;margin-top: 40px;}.uisdk-recent-activities-section .cards-container .card {gap: 16px;padding: 16px;border-radius: 16px;border: 1px solid #E2E6EF;display: flex;flex-direction: column;color: #667085;font-size: 14px;line-height: 21px;margin: 0;}.uisdk-recent-activities-section .cards-container .card:hover {box-shadow: 0px 4px 6px -2px rgba(18, 26, 43, 0.1019607843);}.uisdk-recent-activities-section .cards-container .card img {width: 100%;height: 200px;-o-object-fit: cover;object-fit: cover;display: block;border-top-left-radius: 16px;border-top-right-radius: 16px;}.uisdk-recent-activities-section .cards-container .card .tag {display: inline-block;width: -moz-max-content;width: max-content;background-color: #F4F3FF;color: #5925DC;font-size: 14px;font-weight: 600;line-height: 22px;padding: 1px 12px;margin-bottom: 0;border-radius: 16px;border: 1px solid #5925DC;}.uisdk-recent-activities-section .cards-container .card .Blog {background-color: #FFFAEB;color: #9F4C03;border-color: #9F4C03;}.uisdk-recent-activities-section .cards-container .card h3 {font-size: 18px !important;font-weight: 600;line-height: 28px;color: #0F172A;margin: 0;}.uisdk-recent-activities-section .cards-container .card .heading-link:hover h3 {color: #0057FF;}.uisdk-recent-activities-section .cards-container .card a:last-child {color: #0057FF;text-decoration: none;font-size: 16px;font-weight: 600;line-height: 24px;display: inline-flex;align-items: center;gap: 6px;transition: all 0.3s ease-in-out;width: -moz-fit-content;width: fit-content;margin-top: auto;}.uisdk-recent-activities-section .cards-container .card a:last-child::after {content: "→";display: inline-block;transition: transform 0.3s ease-in-out;}.uisdk-recent-activities-section .cards-container .card a:last-child:hover {gap: 10px;color: #0050EB;}.uisdk-recent-activities-section .cards-container .card a:last-child:hover::after {transform: translateX(4px);}@media (max-width: 1024px) {.uisdk-recent-activities-section .cards-container {grid-template-columns: repeat(2, 1fr);gap: 24px;}}@media (max-width: 768px) {.uisdk-recent-activities-section {padding: 60px 0;}.uisdk-recent-activities-section .container > h2 {font-size: 28px;line-height: 42px;margin-bottom: 12px;}.uisdk-recent-activities-section .container > p {font-size: 14px;line-height: 24px;margin-bottom: 40px;}.uisdk-recent-activities-section .cards-container {grid-template-columns: repeat(2, 1fr);gap: 20px;padding: 0 15px;}.uisdk-recent-activities-section .cards-container .card img {height: 160px;}.uisdk-recent-activities-section .cards-container .card .tag {font-size: 11px;}.uisdk-recent-activities-section .cards-container .card h3 {font-size: 16px;line-height: 24px;margin: 0;}.uisdk-recent-activities-section .cards-container .card a {font-size: 13px;}}@media (max-width: 480px) {.uisdk-recent-activities-section .container {padding: 0 15px;}.uisdk-recent-activities-section .container > h2 {font-size: 22px;line-height: 32px;}.uisdk-recent-activities-section .container > p {font-size: 13px;line-height: 22px;margin-bottom: 30px;}.uisdk-recent-activities-section .cards-container {grid-template-columns: 1fr;gap: 16px;padding: 0 12px;}.uisdk-recent-activities-section .cards-container .card img {height: 180px;}.uisdk-recent-activities-section .cards-container .card .tag {font-size: 11px;padding: 3px 10px;}.uisdk-recent-activities-section .cards-container .card h3 {font-size: 14px;line-height: 20px;-webkit-line-clamp: 2;}}.ui-sdk-resource-section {padding: 80px 0;background-color: white;}.ui-sdk-resource-section .container {margin: 0 auto;padding: 0 20px;}.ui-sdk-resource-section .container > .resource-tag {text-align: center;border: 1px solid #E7E7E7;border-radius: 12px;width: -moz-max-content;width: max-content;margin-left: auto;margin-right: auto;font-size: 14px;font-weight: 600;padding: 1px 10px;color: #0F172A;}.ui-sdk-resource-section .container > h2 {font-size: 32px;font-weight: 700;line-height: 48px;color: #0F172A;text-align: center;margin: 0 0 16px 0;}.ui-sdk-resource-section .container > h2 strong, .ui-sdk-resource-section .container > h2 .highlight {color: #0057FF;}.ui-sdk-resource-section .container > p:last-of-type {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;text-align: center;margin: 0 0 40px 0;max-width: 800px;margin-left: auto;margin-right: auto;}.ui-sdk-resource-section .resource-list-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 32px;max-width: 1200px;margin: 0 auto;padding: 0 20px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper {display: flex;align-items: center;justify-content: space-between;padding: 15px;background: white;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 12px;text-decoration: none;cursor: pointer;}.ui-sdk-resource-section .resource-list-container .resource-wrapper:hover .resource-content h3 {color: #0057FF;}.ui-sdk-resource-section .resource-list-container .resource-wrapper:hover::after {background-color: #0057FF;color: #fff;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content {flex: 1;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content h3 {font-size: 20px;font-weight: 600;line-height: 30px;color: #0F172A;margin: 0 0 0 0;padding-bottom: 5px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content p {font-size: 14px;font-weight: 400;line-height: 21px;color: #64748b;margin: 0;}.ui-sdk-resource-section .resource-list-container .resource-wrapper::after {content: "→";display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;margin-left: 24px;flex-shrink: 0;border: 1px solid rgba(0, 87, 255, 0.3);border-radius: 8px;color: #0057FF;font-size: 20px;font-weight: 600;background: rgba(0, 87, 255, 0.05);transition: all 0.3s ease-in-out;padding-bottom: 4px;}@media (max-width: 1024px) {.ui-sdk-resource-section .resource-list-container {gap: 32px;}}@media (max-width: 768px) {.ui-sdk-resource-section {padding: 60px 0;}.ui-sdk-resource-section .container > h2 {font-size: 28px;line-height: 42px;margin-bottom: 12px;}.ui-sdk-resource-section .container > p:last-of-type {font-size: 14px;line-height: 24px;margin-bottom: 40px;}.ui-sdk-resource-section .resource-list-container {grid-template-columns: repeat(1, 1fr);gap: 24px;padding: 0 15px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content h3 {font-size: 18px;line-height: 26px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content p {font-size: 13px;line-height: 20px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper::after {width: 40px;height: 40px;margin-left: 0;font-size: 16px;}}@media (max-width: 480px) {.ui-sdk-resource-section .container {padding: 0 15px;}.ui-sdk-resource-section .container > p:first-child {font-size: 11px;}.ui-sdk-resource-section .container > h2 {font-size: 22px;line-height: 32px;}.ui-sdk-resource-section .container > p:last-of-type {font-size: 13px;line-height: 22px;margin-bottom: 30px;}.ui-sdk-resource-section .resource-list-container {grid-template-columns: 1fr;gap: 16px;padding: 0;}.ui-sdk-resource-section .resource-list-container .resource-wrapper {padding: 15px;gap: 4px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content {margin-bottom: 12px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content h3 {font-size: 16px;line-height: 24px;}.ui-sdk-resource-section .resource-list-container .resource-wrapper::after {width: 36px;height: 36px;font-size: 14px;}}.view-demo-dropdown {position: relative;display: inline-block;}.view-demo-dropdown > button {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 32px;background: transparent;color: white;font-size: 16px;font-weight: 600;line-height: 24px;border: 2px solid rgba(255, 255, 255, 0.4);border-radius: 6px;cursor: pointer;transition: all 0.3s ease-in-out;text-decoration: none;}.view-demo-dropdown > button svg {transform: rotate(180deg);}.view-demo-dropdown > button:hover {background: rgba(255, 255, 255, 0.1);border-color: white;}.view-demo-dropdown > button.active {background: rgba(255, 255, 255, 0.1);border-color: white;}.view-demo-dropdown > #demo-dropdown, .view-demo-dropdown #demo-dropdown-v2 {position: absolute;top: 48px;border: 1px solid #DEE4F1;left: 0;max-height: 250px;overflow-y: auto;background: white;border-radius: 8px;opacity: 0;visibility: hidden;z-index: 1000;padding: 0;width: -moz-max-content;width: max-content;width: 100%;}.view-demo-dropdown > #demo-dropdown.show, .view-demo-dropdown #demo-dropdown-v2.show {opacity: 1;visibility: visible;}.view-demo-dropdown > #demo-dropdown a, .view-demo-dropdown #demo-dropdown-v2 a {display: flex;align-items: center;justify-content: flex-start;gap: 12px;padding: 10px 24px;color: #0F172A;text-decoration: none;font-size: 14px;font-weight: 400;line-height: 21px;}.view-demo-dropdown > #demo-dropdown a:hover, .view-demo-dropdown #demo-dropdown-v2 a:hover {background-color: rgba(0, 87, 255, 0.05);}.view-demo-dropdown > #demo-dropdown a img, .view-demo-dropdown #demo-dropdown-v2 a img {width: 20px;height: 20px;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}.view-demo-dropdown > #demo-dropdown::-webkit-scrollbar, .view-demo-dropdown #demo-dropdown-v2::-webkit-scrollbar {width: 6px;}.view-demo-dropdown > #demo-dropdown::-webkit-scrollbar-track, .view-demo-dropdown #demo-dropdown-v2::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 3px;}.view-demo-dropdown > #demo-dropdown::-webkit-scrollbar-thumb, .view-demo-dropdown #demo-dropdown-v2::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}.view-demo-dropdown > #demo-dropdown::-webkit-scrollbar-thumb:hover, .view-demo-dropdown #demo-dropdown-v2::-webkit-scrollbar-thumb:hover {background: #aaa;}.view-demo-dropdown > #demo-dropdown-v2 {background-color: #122C5E;border: none;top: 49px;}.view-demo-dropdown > #demo-dropdown-v2 a {color: #FFFFFF;}.view-demo-dropdown > #demo-dropdown-v2::-webkit-scrollbar-track {background: #122C5E;border-radius: 3px;}.view-demo-dropdown > #demo-dropdown-v2::-webkit-scrollbar-thumb {background: #314A7B;border-radius: 3px;}@media (max-width: 768px) {.dropdown-wrapper .banner-secondary-cta {padding: 10px 24px;font-size: 14px;}.dropdown-wrapper .dropdown-menu {min-width: 240px;max-height: 320px;}.dropdown-wrapper .dropdown-menu a {padding: 10px 14px;font-size: 13px;}.dropdown-wrapper .dropdown-menu a img {width: 20px;height: 20px;}}@media (max-width: 480px) {.dropdown-wrapper .banner-secondary-cta {width: 100%;padding: 12px 20px;}.dropdown-wrapper .dropdown-menu {position: fixed;top: auto;bottom: 0;left: 0;right: 0;min-width: 100%;max-height: 70vh;border-radius: 16px 16px 0 0;transform: translateY(100%);}.dropdown-wrapper .dropdown-menu.show {transform: translateY(0);}}.ui-sdk-banner-section {padding-top: 36px;}.ui-sdk-banner-section h1 {text-align: center;font-size: 36px;line-height: 50px;font-weight: 700;color: #0F172A;margin-left: auto;margin-right: auto;margin-top: 10px;width: 68%;}.ui-sdk-banner-section h1 span:not(.no-wrap) {color: #0057FF;}.ui-sdk-banner-section h1 .no-wrap {white-space: nowrap;}.ui-sdk-banner-section .separator {border: 0.5px solid #DDE0EB;}.ui-sdk-banner-section .product-name {text-align: center;font-weight: 600;font-size: 14px;line-height: 21px;color: #0057FF;display: flex;align-items: center;gap: 10px;justify-content: center;margin-bottom: 0;}.ui-sdk-banner-section .product-name::before, .ui-sdk-banner-section .product-name::after {content: "";height: 3px;width: 32px;background-color: #d9d9d9;display: block;}.ui-sdk-banner-section .banner-description {text-align: center;font-size: 16px;line-height: 26px;color: #475569;margin-left: auto;margin-right: auto;margin-bottom: 24px;width: 88%;}.ui-sdk-banner-section .banner-supported-framework {display: flex;justify-content: center;align-items: center;border-radius: 102px;margin-left: auto;margin-right: auto;padding: 0 24px 10px 24px;}.ui-sdk-banner-section .banner-supported-framework p {margin: 0;font-weight: 600;font-size: 16px;line-height: 24px;color: #475569;padding-right: 10px;}.ui-sdk-banner-section .banner-supported-framework .framework-list {display: flex;gap: 10px;}.ui-sdk-banner-section .banner-supported-framework .framework-wrapper {border: 1px solid #F1F1F1;border-radius: 50%;padding: 8px;width: 40px;height: 40px;background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;}.ui-sdk-banner-section .button-groups {justify-content: center;display: flex;gap: 20px;margin-bottom: 25px;flex-wrap: wrap;}.ui-sdk-banner-section .button-groups .trial-btn {display: flex;flex-direction: column;}.ui-sdk-banner-section .button-groups .trial-btn p {font-style: italic;margin: 0;text-align: center;}.ui-sdk-banner-section .button-groups a, .ui-sdk-banner-section .button-groups button {align-items: center;justify-content: center;padding: 11px 24px;border-radius: 6px;font-weight: 600;font-size: 16px;cursor: pointer;}.ui-sdk-banner-section .button-groups .banner-primary-cta {background-color: #0057ff;color: #fff;border: 1px solid #0057FF;align-items: center;justify-content: center;padding: 11px 30px;border-radius: 6px;font-weight: 600;font-size: 16px;text-align: center;cursor: pointer;}.ui-sdk-banner-section .button-groups .banner-primary-cta:hover {background-color: #0050eb;}.ui-sdk-banner-section .button-groups .banner-secondary-cta {padding: 11px 33px;color: #0057ff;border: 1px solid #0057ff;height: -moz-max-content;height: max-content;background-color: #FFFFFF;}.ui-sdk-banner-section .button-groups .banner-secondary-cta:hover {background-color: #e0eaff;}.ui-sdk-banner-section .button-groups .samples-nav-link {align-items: flex-end;gap: 5px;color: #0057ff;font-size: 16px;font-weight: 600;padding-left: 4px;height: -moz-max-content;height: max-content;display: flex;}.ui-sdk-banner-section .button-groups .samples-nav-link:hover {color: #0050EB;}.banner-iframe, #banner-iframe {margin-bottom: 60px;}.banner-iframe img, #banner-iframe img {width: 100%;height: auto;}#vanity-metrics {background-color: #F5F5F5;padding-top: 45px;padding-bottom: 0px;border: none;box-shadow: none;position: relative;z-index: 2;}@media (max-width: 990px) {#vanity-metrics {box-shadow: none;padding: 0 20px 0px;}}@media (min-width: 992px) {#vanity-metrics .container {width: auto;}}@media (min-width: 1520px) {#vanity-metrics .container {width: 1420px;}}#vanity-metrics .count {font-weight: 700;font-size: 32px;line-height: 23px;color: #0F172A;}#vanity-metrics .type {font-weight: 400;font-size: 16px;color: #0F172A;line-height: 19px;padding-top: 24px;}@media (min-width: 1200px) and (max-width: 1380px) {#vanity-metrics .type {font-size: 14px;}}@media (max-width: 1200px) {#vanity-metrics .type {font-size: 14px;}}#vanity-metrics #syncfusion-overview {border-bottom: 1px solid #E6EBF4;}#vanity-metrics .trusted-by {color: #30364D;font-size: 16px;line-height: 24px;margin-right: 26%;margin-bottom: 20px;text-align: right;}@media (max-width: 1350px) {#vanity-metrics .trusted-by {margin-right: 25%;}}@media (min-width: 1110px) and (max-width: 1200px) {#vanity-metrics .trusted-by {margin-right: 20%;}}@media (max-width: 1110px) {#vanity-metrics .trusted-by {margin-right: 12%;}}@media (max-width: 990px) {#vanity-metrics .trusted-by {margin: 15px auto 40px;text-align: center;}}@media (max-width: 992px) {#vanity-metrics .trusted-by {display: none;margin-left: 0%;}}@media (max-width: 340px) {#vanity-metrics .trusted-by {text-align: center;width: 100%;}}#vanity-metrics .trusted-by-mobile {display: none;}@media (max-width: 992px) {#vanity-metrics .trusted-by-mobile {display: block;margin-left: unset;margin-right: unset;text-align: center;}}#vanity-metrics #home-metrics {display: flex;margin-bottom: 32px;}@media (max-width: 1110px) {#vanity-metrics #home-metrics {display: block;}}@media (max-width: 991px) {#vanity-metrics #home-metrics {padding-top: 35px;}}#vanity-metrics .information-section {border-right: 1px solid #72A2FF;padding-bottom: 14px;}@media (max-width: 767px) {#vanity-metrics .information-section.trusted-company img {width: 100%;height: auto;}}@media (min-width: 1400px) {#vanity-metrics .information-section.col-md-2 {width: 17.2%;}}@media (max-width: 1110px) and (min-width: 990px) {#vanity-metrics .information-section:nth-of-type(4) {border: transparent;}}@media (min-width: 767px) and (max-width: 990px) {#vanity-metrics .information-section:nth-of-type(4) {border: 0px;border-top: 1px solid #72A2FF;border-bottom: 1px solid #72A2FF;padding: 20px 20px 30px;}}@media (min-width: 990px) and (max-width: 1110px) {#vanity-metrics .information-section:nth-of-type(4) {width: 41%;}}@media (max-width: 767px) {#vanity-metrics .information-section:nth-of-type(4) {border: transparent;border-bottom: 1px solid #72A2FF;border-top: 1px solid #72A2FF;margin-top: 20px;padding-top: 20px;}}@media (max-width: 767px) {#vanity-metrics .information-section:nth-of-type(2) {border-right: none;}#vanity-metrics .information-section:nth-of-type(2) .type {padding-bottom: 32px;}}@media (min-width: 767px) and (max-width: 990px) {#vanity-metrics .information-section:nth-of-type(3) {border-right: none;}}@media (min-width: 990px) and (max-width: 1110px) {#vanity-metrics .information-section:nth-of-type(3) {width: 20%;}}@media (min-width: 1200px) and (max-width: 1380px) {#vanity-metrics .information-section:nth-of-type(3) {font-size: 14px;}}@media (max-width: 767px) {#vanity-metrics .information-section:nth-of-type(3) {border: transparent;border-bottom: none;}}@media (min-width: 767px) and (max-width: 990px) {#vanity-metrics .trusted-company {padding-top: 50px;width: -moz-max-content;width: max-content;margin: 40px 145px;}}@media (max-width: 767px) {#vanity-metrics .trusted-company {padding-top: 40px;padding-bottom: 50px;}}@media (min-width: 1110px) {#vanity-metrics .trusted-company {width: 35%;}}.banner-rating {display: flex;width: 20%;}@media (max-width: 1110px) {.banner-rating {width: -moz-fit-content;width: fit-content;margin: 0 auto;padding: 0;}}.banner-rating > div {display: flex;-moz-column-gap: 10px;column-gap: 10px;align-items: center;}.banner-rating > div .rating-reviews, .banner-rating > div .rating-score {font-size: 18px;line-height: 24px;color: #0057ff;font-weight: 700;}.banner-rating > div .rating-reviews:hover, .banner-rating > div .rating-score:hover {color: #0050EB !important;}.banner-rating > div .rating-reviews:active, .banner-rating > div .rating-score:active {color: #0046CC !important;}.banner-rating img {margin-bottom: 0;}.banner-rating .g2-logo {padding: 8px;background: #FFFFFF;border-radius: 50%;box-shadow: 0px 0px 8.53px 0px rgba(0, 0, 0, 0.1607843137);}.trusted-text {font-size: 16px !important;line-height: 24px !important;color: #0F172A;font-weight: 400;}.live-demo {margin: 0 !important;border: 1px solid rgba(99, 231, 172, 0.4);border-top-left-radius: 8px;border-top-right-radius: 8px;background-color: rgba(99, 231, 172, 0.0784313725);font-size: 14px !important;font-weight: 600 !important;width: -moz-max-content;width: max-content;padding: 4px 6px;margin-bottom: -1px !important;display: flex;gap: 2px;align-items: center;}.live-demo::before {content: url(https://cdn.syncfusion.com/content/images/FT/ui-component-sdk/live-demo.svg);width: 24px;height: 24px;}.trusted-by-g2 {display: flex;margin-bottom: 50px;gap: 10px;}.trusted-by-g2 p {color: #30364D;font-size: 20px;line-height: 32px;}.trusted-by-g2 .trusted-by-wrapper {width: 80%;}.trusted-by-g2 .trusted-by-wrapper img {width: 100%;margin-left: -15px;border-right: 1px solid #D6DCE8;height: auto;}.feature-note-wrappper {display: flex;border: 1px solid #e0eaff;padding: 5px 10px;gap: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;background-color: #e0eaff;width: -moz-max-content;width: max-content;}.feature-note-wrappper .feature-note-supported {width: unset;display: flex;align-items: center;gap: 12px;}.feature-note-wrappper .feature-note-supported img {width: 24px;height: 24px;}.file-manager-sdk .feature-note-wrappper, .chart-sdk .feature-note-wrappper {margin-bottom: -30px;margin-left: 20px;}.chart-sdk .feature-note-wrappper {margin-bottom: -20px;margin-left: 20px;}.rte-sdk .feature-note-wrappper {margin-left: 20px;}.feature-note {margin: 0 !important;font-size: 14px !important;font-weight: 600 !important;width: -moz-max-content;width: max-content;margin-bottom: -0.5px;display: flex;gap: 10px;align-items: center;}.performance-metrics {background: linear-gradient(180deg, rgba(233, 241, 255, 0.4) 0%, rgba(241, 246, 255, 0.181868) 2.88%, rgba(241, 246, 255, 0) 95.67%, rgba(233, 241, 255, 0.4) 100%);padding: 60px 0 80px 0;}.performance-metrics h2 {margin: 0;font-weight: 700;font-size: 32px;line-height: 48px;color: #0F172A;margin-bottom: 15px;text-align: center;}.performance-metrics p {font-size: 16px;line-height: 24px;font-weight: 400;color: #475569;margin: 0 auto;margin-bottom: 30px;max-width: 800px;text-align: center;}.performance-metrics .metrics-group-container {margin-top: 48px;margin-bottom: 48px;box-shadow: 0px 0px 12px 2px rgba(185, 205, 244, 0.2196078431);border: 1px solid #DEE4F1;border-radius: 12px;}.performance-metrics .metrics-group-container .metrics-group {display: flex;justify-content: space-between;padding: 24px;}.performance-metrics .metrics-group-container .metrics-group .separator {border: 0.5px solid #DDE0EB;}.performance-metrics .metrics-group-container .metrics-group .metric {display: flex;gap: 24px;align-items: center;}.performance-metrics .metrics-group-container .metrics-group .metric .metric-wrapper h3 {margin: 0;color: #0F172A;font-size: 28px;line-height: 32px;font-weight: 600;}.performance-metrics .metrics-group-container .metrics-group .metric .metric-wrapper p {margin: 0;color: #475569;font-size: 16px;line-height: 24px;}.performance-metrics .metrics-group-container .benchmark {background-color: #F4F8FF;text-align: center;padding: 15px 0;}.performance-metrics .real-time-collabation {border: 1px solid #D6DCE8;border-radius: 8px;border-top-left-radius: 0;}.rte-feature, .diagram-performance-section {background: linear-gradient(180deg, rgba(233, 241, 255, 0.4) 0%, rgba(241, 246, 255, 0.181868) 2.88%, rgba(241, 246, 255, 0) 95.67%, rgba(241, 246, 255, 0) 100%);}#awards {background-color: #FAFBFF;padding-top: 60px !important;padding-bottom: 70px !important;}@media (max-width: 767px) {#awards {padding-top: 60px !important;padding-bottom: 60px !important;}}#awards #award-heading {color: #0F172A !important;margin-bottom: 18px !important;margin-top: 0;font-weight: 700 !important;font-size: 32px !important;line-height: 48px;letter-spacing: 0px !important;text-align: center !important;padding: 0px 6%;}@media (max-width: 1279px) {#awards #award-heading {padding: 0px 20px;font-size: 28px !important;line-height: 44px;}}@media (max-width: 767px) {#awards #award-heading {font-weight: 800;font-size: 24px !important;line-height: 36px;}}#awards #award-desc {max-width: 700px;margin: auto;color: #475569 !important;margin-bottom: 35px !important;font-weight: 400;font-size: 17px !important;line-height: 28px !important;letter-spacing: 0px;text-align: center;padding: 0 10px;}@media (max-width: 1199px) and (min-width: 768px) {#awards #award-desc {font-size: 15px !important;padding: 0 20px;}}@media (max-width: 767px) {#awards #award-desc {font-size: 14px !important;padding: 0 20px;}}.ai-tools-and-assistant-section-container {background: url(https://cdn.syncfusion.com/content/images/FT/common/ai-tools-and-assistant-section-background.webp), linear-gradient(98.73deg, #F5F8FF -1.38%, #FCEBFF 104.97%);background-size: auto 100%;background-position: center top;background-repeat: no-repeat;padding: 0 !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container {padding: 60px 0 80px 0 !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .row.ai-tools-and-assistant-card p:first-child {margin-bottom: 20px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card p:last-of-type {margin-top: auto !important;margin-bottom: 0 !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container p {margin-bottom: 0px;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container p:has(> a.ai-tools-and-assistant-link) {margin-bottom: 0px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example {display: flex;padding: 18px 12px 16px 16px;flex-direction: column;justify-content: center;align-items: flex-start;gap: 6px;align-self: stretch;border-radius: 0 6px 6px 0;border-left: 3px solid #0057FF;background: rgba(240, 246, 255, 0.6);position: relative;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example strong {font-weight: 700;margin-right: 4px;font-style: italic;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example .copy-button {display: flex;padding: 6px;justify-content: center;align-items: center;gap: 4.5px;position: absolute;right: 10px;top: 10px;border-radius: 4px;color: #475569;border: 1px solid #D8DFED;background: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 100%), #EDEEF4;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example .copy-button .icon-copy-to-clipboard {width: 16px;height: 16px;display: inline-flex;background: url("https://cdn.syncfusion.com/content/images/FT/common/copy-icon.svg") no-repeat center;background-size: contain;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example .copy-button .icon-copy-to-clipboard::before {content: none !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example .icon-tick {width: 16px;height: 16px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 600;color: #008000;background: none;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example .icon-tick::before {content: "✓";}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents {display: flex !important;align-items: stretch !important;flex-wrap: wrap;justify-content: center;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:last-child {display: grid !important;gap: 24px !important;padding: 0 !important;margin: 0 !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:last-child > .ai-tools-and-assistant-card {width: 100% !important;margin: 0 !important;border: 1px solid #CCD4E6;border-radius: 12px;padding: 24px !important;background-color: #FFFFFF;display: flex !important;flex-direction: column;height: 100%;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents:not(#three-card-layout) > .two-col-content:first-child {display: block;width: 35% !important;flex: 0 0 35% !important;max-width: 35% !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents:not(#three-card-layout) > .two-col-content:last-child {grid-template-columns: repeat(2, 1fr) !important;width: 65% !important;flex: 0 0 65% !important;max-width: 65% !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:first-child {display: block;padding-bottom: 32px;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:first-child .ai-tools-and-assistant-badge {display: flex;margin: auto;width: -moz-max-content;width: max-content;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:first-child .ai-tools-and-assistant-left-wrapper {padding: 0;position: unset !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:first-child .ai-tools-and-assistant-heading, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:first-child .ai-tools-and-assistant-description {text-align: center;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:last-child {grid-template-columns: repeat(3, 1fr) !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-left-wrapper {position: sticky !important;top: 100px !important;padding-right: 32px;height: -moz-max-content;height: max-content;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-badge {display: inline-block;border-radius: 1000px;border-width: 1px;opacity: 1;gap: 8px;padding-top: 5px;padding-right: 16px;padding-bottom: 5px;padding-left: 16px;background: #FFFFFF;border: 1px solid #DDE2EC;font-weight: 400;font-size: 14px;line-height: 22px;text-align: center;color: #475569;margin-top: 20px;margin-bottom: 16px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-heading {font-family: Open Sans;font-weight: 700;font-size: 32px;line-height: 48px;color: #0F172A;margin-top: 0;margin-bottom: 8px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-description {font-weight: 400;font-size: 16px;line-height: 28px;color: #475569;max-width: 800px;margin: 0 auto;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-icon {width: 48px !important;height: 48px !important;margin-bottom: 9px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-card-title {font-weight: 600;font-size: 20px;line-height: 30px;letter-spacing: 0px;color: #0F172A;margin-bottom: 10px !important;margin-top: 10px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-card-desc, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-card-example {font-weight: 400;font-size: 16px;line-height: 28px;color: #475569;margin-bottom: 16px !important;}.ai-tools-and-assistant-section-container ul.ai-tools-and-assistant-list {list-style: none !important;padding: 0 !important;margin: 0 0 16px 0 !important;flex-grow: 1;}.ai-tools-and-assistant-section-container ul.ai-tools-and-assistant-list > li {font-weight: 400;font-size: 16px;line-height: 28px;margin-bottom: 4px !important;padding-left: 0px !important;position: relative;border: none !important;background: transparent !important;padding-top: 0 !important;padding-right: 0 !important;padding-bottom: 0 !important;color: #475569;}.ai-tools-and-assistant-section-container ul.ai-tools-and-assistant-list > li::before {content: url("https://cdn.syncfusion.com/content/images/FT/common/tick-icon-v1.svg");position: relative;top: 7px;right: 4px;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-link {text-decoration: none !important;display: inline-flex !important;align-items: center;margin-top: auto;font-weight: 600;font-size: 16px;line-height: 28px;letter-spacing: 0.34px;text-align: center;text-transform: capitalize;color: #0057FF;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-link .sf-icon-arrow-right {font-size: 20px;position: relative;top: 2px;left: 8px;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-link:hover {color: #0050eb;}@media (max-width: 991px) {.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-description, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-desc, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-card-example, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-list li, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-link {font-size: 14px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents {flex-direction: column;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:first-child {width: 100% !important;max-width: 100% !important;text-align: center;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:last-child {width: 100% !important;max-width: 100% !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .ai-tools-and-assistant-badge {margin-top: 0px;}}@media (max-width: 900px) {.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents {display: block !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:first-child, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:last-child {width: 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-left-wrapper {position: relative !important;top: 0 !important;padding-right: 0;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-badge {margin-top: 0px;}}@media (max-width: 550px) {.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container .multi-col-contents > .two-col-content:last-child {grid-template-columns: repeat(1, 1fr) !important;}}@media (max-width: 767px) {.ai-tools-and-assistant-section-container .ai-tools-and-assistant-heading {font-size: 22px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-card-title {font-size: 18px !important;}#faq .faq-list .answer-content p, .case-study-slider-section .case-study-description {font-size: 13px !important;line-height: 25px !important;}}@media (min-width: 767px) and (max-width: 1024px) {.ai-tools-and-assistant-section-container .ai-tools-and-assistant-heading {font-size: 26px !important;}}.data-controls-section {background-color: #FAFBFF;padding: 60px 0 80px 0;}.data-controls-section .container {margin: 0 auto;}.data-controls-section .container > h2 {font-size: 32px;font-weight: 700;line-height: 48px;color: #0F172A;text-align: center;margin: 0 auto 16px auto;max-width: 910px;}.data-controls-section .container > p {font-size: 16px;font-weight: 400;line-height: 28px;color: #475569;text-align: center;margin: 0 0 40px 0;max-width: 820px;margin-left: auto;margin-right: auto;}.data-controls-section .data-control-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px;margin: 0 auto;}.data-controls-section .data-control-wrapper .card-wrapper {display: flex;flex-direction: column;padding: 32px;border-radius: 16px;border: 1px solid #DDE0EB;background-color: white;}.data-controls-section .data-control-wrapper .card-wrapper img {margin-bottom: 15px;}.data-controls-section .data-control-wrapper .card-wrapper h3 {font-size: 22px;font-weight: 600;line-height: 30px;color: #0F172A;margin: 0 0 12px 0;}.data-controls-section .data-control-wrapper .card-wrapper p {font-size: 16px;font-weight: 400;line-height: 25px;color: #475569;margin: 0 0 16px 0;}.data-controls-section .data-control-wrapper .card-wrapper p:last-of-type {margin-top: 16px;margin-bottom: 12px;font-weight: 600;font-size: 16px;line-height: 24px;color: #0F172A;}.data-controls-section .data-control-wrapper .card-wrapper > div {display: flex;flex-wrap: wrap;gap: 12px;}.data-controls-section .data-control-wrapper .card-wrapper > div img {width: 16px;height: 16px;margin: 0;}.data-controls-section a {display: inline-flex;align-items: center;gap: 8px;padding: 7px 12px;border-radius: 45px;border: 0.5px solid #D9DEE9;text-decoration: none;transition: all 0.2s ease;font-size: 14px;font-weight: 600;color: #0057FF;}.data-controls-section a:hover {background-color: #E8EFFE;border-color: #0057FF;color: #0057FF;}.data-controls-section .supported-frameworks-section {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;max-width: 850px;margin: 0 auto;padding: 15px 0;}.data-controls-section .supported-frameworks-section a {background: #fff;border: 1px solid #e2e5ec;border-radius: 16px;text-decoration: none;padding: 10px 25px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;color: #0057FF;font-size: 16px;font-weight: 600;line-height: 1;text-align: center;}.data-controls-section .supported-frameworks-section a img {width: 40px;height: 40px;-o-object-fit: contain;object-fit: contain;display: block;}.data-controls-section .supported-frameworks-section a:hover {border-color: #bfc7d8;background-color: rgba(219, 233, 255, 0.4);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);}@media (max-width: 1024px) {.data-controls-section {padding: 60px 0;}.data-controls-section .container > h2 {font-size: 28px;line-height: 42px;margin-bottom: 12px;}.data-controls-section .container > p {font-size: 15px;line-height: 26px;margin-bottom: 30px;}.data-controls-section .data-control-wrapper {gap: 24px;grid-template-columns: repeat(2, 1fr);padding: 0 15px;}.data-controls-section .data-control-wrapper .card-wrapper {padding: 28px;}.data-controls-section .data-control-wrapper .card-wrapper img {width: 48px;height: 48px;margin-bottom: 20px;}.data-controls-section .data-control-wrapper .card-wrapper h3 {font-size: 18px;line-height: 28px;margin-bottom: 10px;}.data-controls-section .data-control-wrapper .card-wrapper p {font-size: 14px;line-height: 22px;margin-bottom: 14px;}.data-controls-section .data-control-wrapper .card-wrapper p:last-of-type {margin-top: 12px;margin-bottom: 10px;}.data-controls-section .data-control-wrapper .card-wrapper > div {gap: 10px;}.data-controls-section .data-control-wrapper .card-wrapper > div a {padding: 6px 10px;font-size: 14px;}.data-controls-section .data-control-wrapper .card-wrapper > div a img {width: 14px;height: 14px;}}@media (max-width: 768px) {.data-controls-section {padding: 60px 0;}.data-controls-section .container > h2 {font-size: 24px;line-height: 36px;margin-bottom: 12px;}.data-controls-section .container > p {font-size: 14px;line-height: 24px;margin-bottom: 40px;}.data-controls-section .data-control-wrapper {grid-template-columns: 1fr;gap: 20px;padding: 0 15px;}.data-controls-section .data-control-wrapper .card-wrapper {padding: 24px;}.data-controls-section .data-control-wrapper .card-wrapper img {width: 48px;height: 48px;margin-bottom: 16px;}.data-controls-section .data-control-wrapper .card-wrapper h3 {font-size: 16px;line-height: 24px;}.data-controls-section .data-control-wrapper .card-wrapper p {line-height: 24px;margin-bottom: 12px;}.data-controls-section .data-control-wrapper .card-wrapper p:last-of-type {margin-top: 10px;margin-bottom: 8px;}.data-controls-section .data-control-wrapper .card-wrapper > div {gap: 8px;}.data-controls-section .data-control-wrapper .card-wrapper > div a {padding: 6px 10px;}.data-controls-section .data-control-wrapper .card-wrapper > div a img {width: 14px;height: 14px;}}@media (max-width: 480px) {.data-controls-section {padding: 40px 0;}.data-controls-section .container {padding: 0 12px;}.data-controls-section .container > h2 {font-size: 20px;line-height: 30px;margin-bottom: 12px;}.data-controls-section .container > p {font-size: 13px;line-height: 22px;margin-bottom: 32px;}.data-controls-section .data-control-wrapper {grid-template-columns: 1fr;gap: 16px;padding: 0 12px;}.data-controls-section .data-control-wrapper .card-wrapper {padding: 20px;}.data-controls-section .data-control-wrapper .card-wrapper img {width: 40px;height: 40px;margin-bottom: 12px;}.data-controls-section .data-control-wrapper .card-wrapper h3 {font-size: 14px;line-height: 22px;margin-bottom: 8px;}.data-controls-section .data-control-wrapper .card-wrapper > div {gap: 6px;}.data-controls-section .data-control-wrapper .card-wrapper > div a {padding: 5px 8px;font-size: 11px;}.data-controls-section .data-control-wrapper .card-wrapper > div a img {width: 12px;height: 12px;}}#single-card-sdk .container > p {margin-bottom: 20px;}#diagram-sdk .container > p {margin-bottom: 20px;}.control-sdk-tabs-container {display: flex;gap: 48px;padding: 0 40px;}@media (max-width: 992px) {.control-sdk-tabs-container {flex-direction: column;gap: 24px;padding: 24px;padding-top: 0;}}.tab-dropdown-wrapper {display: none;position: relative;width: 100%;}@media (max-width: 992px) {.tab-dropdown-wrapper {display: block;}}.tab-dropdown-button {width: 100%;padding: 12px 16px;font-size: 16px;font-weight: 600;color: #0F172A;background-color: #fff;border: 2px solid #E2E8F0;border-radius: 8px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 12px;transition: all 0.3s ease;}.tab-dropdown-button svg {width: 12px;height: 8px;transition: transform 0.3s ease;}.tab-dropdown-button:hover {border-color: #0057FF;background-color: #f0f6ff;}.tab-dropdown-button.active {border-color: #0057FF;background-color: #f0f6ff;}.tab-dropdown-button.active svg {transform: rotate(180deg);}.tab-dropdown-text {flex: 1;text-align: left;}.tab-dropdown-menu {position: absolute;top: 100%;left: 0;right: 0;background-color: #fff;border-top: none;border-radius: 0 0 8px 8px;max-height: 0;overflow: hidden;z-index: 10;display: flex;flex-direction: column;}.tab-dropdown-menu.show {max-height: 400px;border: 2px solid #E2E8F0;overflow-y: auto;}.tab-dropdown-menu::-webkit-scrollbar {width: 6px;}.tab-dropdown-menu::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}.tab-dropdown-menu::-webkit-scrollbar-thumb:hover {background: #aaa;}.tab-dropdown-item {padding: 12px 16px;border: none;background-color: transparent;color: #333333;font-size: 16px;font-weight: 600;text-align: left;cursor: pointer;transition: all 0.2s ease;border-left: 4px solid transparent;width: 100%;}.tab-dropdown-item:hover {background: linear-gradient(90deg, #E7EFFF 59.21%, rgba(231, 239, 255, 0) 104.13%);}.tab-dropdown-item.active {color: #0057FF;border-left-color: #0057FF;background: linear-gradient(90deg, #E7EFFF 59.21%, rgba(231, 239, 255, 0) 104.13%);}.tab-groups {display: flex;flex-direction: column;gap: 0;min-width: 250px;max-height: 310px;overflow-y: scroll;border-right: 1px solid #CCD4E6;}.tab-groups::-webkit-scrollbar {width: 6px;}.tab-groups::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}.tab-groups::-webkit-scrollbar-thumb:hover {background: #aaa;}@media (max-width: 992px) {.tab-groups {display: none;}}.tab-button {padding: 12px 16px;border: none;background-color: transparent;color: #333333;font-size: 18px;font-weight: 600;line-height: 30px;text-align: left;cursor: pointer;border-left: 4px solid transparent;}.tab-button.active {color: #0057FF;border-left-color: #0057FF;background: linear-gradient(90deg, #E7EFFF 59.21%, rgba(231, 239, 255, 0) 104.13%);color: #0057FF;}.tab-button:hover {background: linear-gradient(90deg, #E7EFFF 59.21%, rgba(231, 239, 255, 0) 104.13%);}@media (max-width: 992px) {.tab-button {display: none;}}.tab-control-content {display: none;}.tab-control-content.active {display: block;}.tab-control-content h3 {font-size: 24px;font-weight: 700;color: #0F172A;margin-bottom: 12px;margin-top: 0;}.tab-control-content > p {font-size: 16px;color: #475569;line-height: 24px;margin-bottom: 8px;}.tab-control-content > p:last-of-type {font-weight: 600;color: #0F172A;margin-top: 20px;margin-bottom: 16px;}.tab-control-content .available-frameworks {display: flex;flex-wrap: wrap;gap: 10px;}#g2-widget {padding: 60px 0 72px 0;}#g2-widget .cards {margin-bottom: 0 !important;}#g2-widget .carousel {margin-bottom: 60px !important;}.case-study-slider-section {background: linear-gradient(180deg, rgba(233, 241, 255, 0) 0%, rgba(241, 246, 255, 0) 70%, rgba(241, 246, 255, 0.18) 92%, rgba(233, 241, 255, 0.5) 100%) !important;margin-top: 0 !important;padding: 60px 0 120px 0 !important;}.ui-sdk-resource-section {background-color: #FAFBFF;}.ui-sdk-resource-section > h2 {font-weight: 700;font-size: 32px;line-height: 48px;color: #0F172A;margin-bottom: 15px;text-align: center;}.ui-sdk-resource-section > p {font-size: 16px;line-height: 24px;font-weight: 400;color: #475569;margin: 0;}.back-to-top {font-size: 14px;position: fixed;width: 52px;height: 52px;background: #fff;border-radius: 50%;text-align: center;right: 14.625px;bottom: 29.25px;padding-top: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);z-index: 99;border: 1px solid #ececec;transition: 0.2s ease-out;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;}.back-to-top:not(.active) {opacity: 0;transform: translate3d(0, 20px, 0);-webkit-transform: translate3d(0, 20px, 0);pointer-events: none;}#g2-widget #g2-heading {font-weight: 700;color: #0F172A;text-align: center;font-size: 32px;line-height: 48px;margin: 0 0 8px 0;}#g2-widget .g2-subheading {font-size: 16px;color: #475569;text-align: center;line-height: 27px;margin: 0 30px 40px 30px;max-width: 800px;margin-left: auto;margin-right: auto;}#g2-widget .heading {font-size: 22px !important;font-weight: 700 !important;line-height: 32px !important;color: #0F172A !important;margin-top: 15px !important;margin-bottom: 15px !important;}#g2-widget .description {font-size: 15px;line-height: 27px;margin: 8px 0px 100px 0px;color: #475569 !important;font-weight: 600;}#g2-widget .cards {background: #F4F8FF !important;border-radius: 10px !important;padding: 24px 30px;margin: 0px 10px 30px 10px;position: relative;}#g2-widget .g2-rating-img {width: 110px;margin: 0px 0px 0px -1px;}#g2-widget .customer-video-caption {font-size: 14px;line-height: 24px;margin: 15px 0px 0px 0px;color: #475569;font-weight: 600;}#g2-widget .name {color: #0F172A;font-size: 13px;font-weight: 600;line-height: 18px;margin: 5px 0px 0px 14px;}#g2-widget .designation {color: #38475E;font-size: 9px;font-weight: 600;letter-spacing: 0.5px;}#g2-widget .doubleqoutes {padding-bottom: 3px;}#g2-widget .carousel-cell {width: 50%;margin-right: 10px;border-radius: 5px;}#g2-widget .carousel.is-expanded {width: 100%;}#g2-widget .g2-profile-image {display: inline-flex;min-width: 70px;}#g2-widget .g2-profile-image img {width: 70px;height: 70px;border-radius: 35px;}#g2-widget .carousel {margin: 0px 16% 0px 16%;}#g2-widget .flickity-page-dots {bottom: -56px;margin-left: 7px;}#g2-widget .flickity-page-dots .dot {margin: 0 2px;background: #000000;}#g2-widget .customer-video-section {margin-top: 20px;position: relative;}#g2-widget .customer-video-section a {pointer-events: none;}#g2-widget .customer-video-section .g2-review-play-button {position: absolute;width: 90px;background-size: cover;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 90px;background-image: url(https://cdn.syncfusion.com/content/images/user-reviews/g2-review-play-button.webp);}#g2-widget .customer-video-section .g2-review-play-button.hovered {background-image: url(https://cdn.syncfusion.com/content/images/user-reviews/g2-review-play-button-hover.webp);}#g2-widget .customer-video-section .g2-review-play-button.active {opacity: 60%;}#g2-widget .customer-video-section .customer-detail-section {position: absolute;left: 21px;display: flex;bottom: 21px;flex-direction: column;}#g2-widget .customer-video-section .customer-detail-section .customer-name {color: #FFF;font-size: 14px;font-weight: 700;line-height: 22px;letter-spacing: 0.5px;}#g2-widget .customer-video-section .customer-detail-section .customer-designation {color: #FFF;font-size: 9px;font-weight: 500;line-height: 16px;letter-spacing: 0.5px;}#g2-widget .customer-video-section:hover {cursor: pointer;}#g2-widget .g2-author-section {display: flex;position: absolute;left: 30px;bottom: 30px;align-items: center;}@media (max-width: 320px) {#g2-widget .customer-video-section .g2-review-play-button {width: 60px;height: 60px;}#g2-widget .customer-video-section .customer-detail-section {left: 11px;bottom: 8px;}#g2-widget .customer-video-section .customer-detail-section .customer-name {font-size: 11px;}#g2-widget .customer-video-section .customer-detail-section .customer-designation {font-size: 8px;}}@media (min-width: 321px) and (max-width: 400px) {#g2-widget .customer-video-section .g2-review-play-button {width: 75px;height: 75px;}}.common-reviews .description {margin: 8px 0px 100px 0px !important;}.common-reviews .name {margin-left: 0px !important;}@media (min-width: 991px) and (max-width: 1024px) {#g2-widget .carousel {margin: 0px 10% 0px 10%;}}@media (min-width: 768px) and (max-width: 991px) {#g2-widget .carousel {margin: 0px 0% 0px 0%;}}@media (min-width: 760px) and (max-width: 991px) {.g2-widget-review .app-ratings {width: 50.14px;height: 18.12px;margin-left: 5px;font-size: 12px;padding: 1px;}.g2-widget-review .app-logos-section {margin: 40px 4px !important;}.g2-widget-review .star-rating {height: 16.12px;width: 100px;}.g2-widget-review .app-ratings-link {font-size: 12px;}.g2-widget-review .reviews-count {font-size: 12px;}.g2-widget-review .app-logo {height: 46px !important;}}@media (max-width: 527px) {#g2-widget .cards {margin: 0px 15px 30px;}}@media (max-width: 280px) {#g2-widget .g2-author-section {margin-left: 8px;left: 12px;}#g2-widget .cards {padding: 24px 20px;}#g2-widget .name {font-size: 11px;}#g2-widget .g2-rating-img {width: 89px;}.g2-widget-review .app-logos-section {margin: 40px 6px !important;}}@media (max-width: 767px) {#g2-widget {padding-bottom: 90px !important;}#g2-widget .flickity-page-dots {bottom: -30px;}#g2-widget .flickity-page-dots .dot {margin: 0px 3px;}#g2-widget .carousel {margin: 0 !important;}#g2-widget .carousel-cell {width: 100%;}.g2-widget-review .app-ratings {width: 57.14px;height: 20px;font-size: 12px;padding: 2px;}.g2-widget-review .star-rating {height: 16.12px;width: 100px;}.common-reviews .cards {margin: 0px 20px 45px 20px !important;}}.g2-widget-review {padding: 35px 0px !important;}.g2-widget-review #g2-rating {font-weight: 800;color: #000000;margin: 45px 30px 30px;text-align: center;}.g2-widget-review a::after {content: "→" !important;}.g2-widget-review .app-logos-section {margin: 40px 30px;display: flex;flex-direction: column;align-items: center;}.g2-widget-review .app-ratings {background: #d0fae5;border: 0.75px solid #a8ddc2;border-radius: 38.5927px;width: 56.14px;height: 23.12px;color: #075a40;font-weight: 700;text-align: center;padding: 1px;margin-left: 8px;font-size: 14px;}.g2-widget-review .star-rating {height: 17.12px;width: 104px;background-size: contain;}.g2-widget-review .reviews-count {padding: 11px;font-weight: 600;}.g2-widget-review .app-logo {width: 242px;height: 49px;}.g2-widget-review .app-ratings-link {color: #006AFF;font-weight: 600;}.g2-widget-review .app-ratings-link:hover {color: #0450C2 !important;cursor: pointer;}.trial-disclaimer-text {text-align: center;width: 100%;}.trial-disclaimer-text span {font-weight: 600;}.banner-supported-framework {flex-direction: column;border: none;background: none;gap: 10px;}.banner-supported-framework .framework-wrapper {background: none;border: none;width: unset;height: unset;}.banner-supported-framework .framework-list {gap: 15px;}.trial-disclaimer-text span {font-weight: 600;}.ui-sdk-banner-section .application-list-container {display: flex;flex-wrap: wrap;-moz-column-gap: 48px;column-gap: 30px;justify-content: center;margin-top: 20px;margin-bottom: 35px;row-gap: 24px;width: -moz-max-content;width: max-content;margin-left: auto;margin-right: auto;background: #FAFBFF;padding: 12px;border-radius: 16px;border: 1px solid #DDE0EB;}.ui-sdk-banner-section .application-list-container .application-wrapper {display: flex;gap: 15px;max-width: 482px;}.ui-sdk-banner-section .application-list-container .application-wrapper .application-content .metric-count {font-size: 16px !important;font-weight: 600 !important;line-height: 28px !important;color: #0F172A !important;margin: 0 0 0px 0;}.ui-sdk-banner-section .application-list-container .application-wrapper .application-content p {font-size: 14px;font-weight: 400;line-height: 24px;color: #475569;margin: 0;}.ui-sdk-banner-section .application-list-container .application-wrapper span {background-image: url(https://cdn.syncfusion.com/content/images/FT/ui-component-sdk/banner-metrics-icons.svg);width: 48px;height: 48px;}.ui-sdk-banner-section .application-list-container .years {background-position-y: -78px;}.ui-sdk-banner-section .application-list-container .enterprise {background-position-y: -156px;}.ui-sdk-banner-section .application-list-container .developer {background-position-y: -238px;}@media (max-width: 1199px) {.ui-sdk-banner-section .application-list-container {width: 569px;}.ui-sdk-banner-section .application-list-container .application-wrapper {width: 237px;}.ui-sdk-banner-section .application-list-container .hide-on-reponsive {display: none;}}.list-wrapper {margin: 0;padding: 20px 0 0 0;}.list-wrapper ul {list-style: none;padding: 0;margin: 0;}.list-wrapper li {position: relative;font-size: 16px;font-weight: 400;line-height: 24px;color: #475569;padding-left: 27px;margin-bottom: 15px;}.list-wrapper li::before {content: url(https://cdn.syncfusion.com/content/images/FT/common/tick-icon-v1.svg);position: absolute;left: 0;top: 0;}.list-wrapper span {font-weight: 600;color: #0F172A;}.performance-metrics .note-section {margin-top: 30px;}.performance-metrics .note-section p {max-width: unset;}.note-section {background-color: #FAFCFF;border: 1px solid #E2E4E8;border-radius: 8px;padding: 10px;margin: 0;}.note-section p {margin: 0;color: #4b5563;font-size: 14px !important;line-height: 25px !important;font-style: italic;}.note-section strong {font-weight: 700;color: #374151;}#g2-widget.hide-slider-dots {padding-bottom: 80px;}#g2-widget.hide-slider-dots .carousel {margin-bottom: 0 !important;}#g2-widget.hide-slider-dots .flickity-page-dots {display: none;}@media (max-width: 1279px) {.ui-sdk-banner-section h1 {line-height: 48px !important;font-size: 32px !important;}h2 {font-size: 28px !important;line-height: 42px !important;}.data-controls-section .container > h2 {width: 100% !important;}}@media (max-width: 1199px) and (min-width: 993px) {.banner-rating {width: 25%;}}@media (max-width: 1200px) {.application-section-container .application-list-container .application-wrapper {max-width: 460px;}}@media (max-width: 992px) {.ui-sdk-banner-section h1 {width: 100%;}.ui-sdk-banner-section .banner-description {width: 100%;}.why-choose-section .why-choose-cards .card-wrapper {width: calc(50% - 18px);}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:last-child {grid-template-columns: repeat(2, 1fr) !important;}.uisdk-recent-activities-section .cards-container .card h3, .ui-sdk-resource-section .resource-list-container .resource-wrapper .resource-content h3 {font-size: 16px !important;line-height: 24px;}#awards .all-awards img {width: 100%;height: auto;}.control-sdk-tabs-container {flex-direction: column;}.tab-dropdown-wrapper {display: block;}.trusted-by-g2 {flex-direction: column;gap: 20px;}.trusted-by-g2 .trusted-by-wrapper {width: 100%;}.trusted-by-g2 .trusted-by-wrapper img {border: none;}.feature-section {gap: 50px;}.feature-section .feature-wrapper {flex-wrap: wrap;justify-content: center;row-gap: 30px;}.feature-section .feature-wrapper:not(:last-of-type) {border-bottom: 1px solid #DDE0EB;padding-bottom: 40px;}.feature-section .image-container, .feature-section .content-wrapper {flex: 1 1 100%;min-width: 100%;padding-left: 0;}.feature-section .list-wrapper {padding-bottom: 0;}.tab-groups {max-height: 48px;overflow-y: auto;border: 1px solid #ddd;border-radius: 6px;display: none;}.tab-button {display: block;width: 100%;text-align: left;}}@media (max-width: 768px) {h1 span:not(.no-wrap) {white-space: nowrap !important;}h1 .no-wrap {white-space: wrap !important;}.ui-sdk-banner-section .banner-supported-framework p {text-align: center;padding-right: 0;}.ui-sdk-banner-section .button-groups .trial-btn p {font-size: 14px;margin-top: 3px;}.case-study-slider-section {padding: 50px 0 80px 0 !important;}#faq {padding: 50px 0 50px 0;}.data-controls-section, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container, .why-choose-section, .application-section-container, .ai-feature-section, .feature-section, .performance-metrics {padding: 50px 0 60px 0;}.application-section-container, .feature-section {padding-left: 15px;padding-right: 15px;}.ui-sdk-banner-section .application-list-container {width: unset;}.ui-sdk-banner-section .application-list-container .application-wrapper {width: 237px;}.ui-sdk-banner-section .application-list-container .hide-on-reponsive {display: block;}.ui-sdk-banner-section .application-list-container .separator {width: 100%;border-top: 0.5px solid #DDE0EB;}.trusted-by-g2 {margin-bottom: 40px;}.trusted-text {text-align: center;}.trusted-by-g2 .trusted-by-wrapper img {margin: auto;}}@media (max-width: 767px) {h1 {line-height: 40px !important;}.ui-sdk-banner-section .banner-supported-framework {width: 100%;flex-wrap: wrap;}.ui-sdk-banner-section .banner-supported-framework .framework-list {flex-wrap: wrap;justify-content: center;gap: 8px;width: 100%;}.uisdk-recent-activities-section .cards-container .card h3 {margin: 0;}.list-wrapper li {font-size: 14px;line-height: 22px;}}@media (max-width: 650px) {.why-choose-section .why-choose-cards .card-wrapper {width: 100%;}.uisdk-recent-activities-section .cards-container, .ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:last-child {grid-template-columns: repeat(1, 1fr) !important;}.ui-sdk-banner-section .banner-supported-framework {flex-direction: column;gap: 10px;}}@media (max-width: 500px) {h2 {line-height: 40px;}h2 {font-size: 22px !important;line-height: 35px !important;}.ui-sdk-banner-section h1 {line-height: 40px !important;font-size: 26px !important;}.ui-sdk-banner-section .button-groups {flex-direction: column;}.data-controls-section .data-control-wrapper .card-wrapper p:last-of-type, .case-study-slider-section .case-study-description {font-size: 14px;}.ui-sdk-banner-section .button-groups .trial-btn, .ui-sdk-banner-section .button-groups .banner-primary-cta, .ui-sdk-banner-section .button-groups .banner-secondary-cta, .view-demo-dropdown {width: 100%;text-align: center;}.uisdk-free-trial-section .link-group .primary-cta, .uisdk-free-trial-section .link-group .secondary-cta, .view-demo-dropdown > #demo-dropdown, .view-demo-dropdown #demo-dropdown-v2 {width: 100%;}.ui-sdk-banner-section {padding-top: 40px;}.ui-sdk-banner-section .banner-description, .performance-metrics p, #g2-widget .g2-subheading, .tab-control-content > p {font-size: 14px;}#g2-widget #g2-heading {margin-bottom: 20px;width: 95%;margin-left: auto;margin-right: auto;}#g2-widget .g2-subheading {width: 95%;margin-left: auto;margin-right: auto;}.performance-metrics p {margin-bottom: 30px;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container {padding: 50px 0 60px 0 !important;}.feature-section {padding: 45px 15px 50px 15px;gap: 30px;}.feature-section .feature-wrapper:not(:last-of-type) {padding-bottom: 20px;}h2 {line-height: 33px !important;}.ai-tools-and-assistant-section-container .ai-tools-and-assistant-container #three-card-layout.multi-col-contents > .two-col-content:first-child {padding-bottom: 0;}.data-controls-section .supported-frameworks-section {gap: 15px;}.data-controls-section .supported-frameworks-section a {padding: 10px 20px;font-size: 14px;}.data-controls-section h2 {width: 100% !important;}.application-section-container .application-list-container .application-wrapper .application-content h3, .ai-feature-section .ai-feature-container .ai-feature h3 {font-size: 16px !important;line-height: 25px !important;}.why-choose-section .container > p {font-size: 14px;}.ai-tools-and-assistant-description {margin-bottom: 15px !important;}}.carousel-cell {width: 100%;cursor: default;}.case-study-slider-section {padding-top: 80px;padding-bottom: 130px;margin-top: 30px;background: linear-gradient(180deg, rgba(233, 241, 255, 0.5) 0%, rgba(241, 246, 255, 0) 20.95%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(180deg, rgba(233, 241, 255, 0.72) 0%, rgba(233, 241, 255, 0) 10.13%, rgba(233, 241, 255, 0) 84.97%, rgba(233, 241, 255, 0.72) 100%);}@media (max-width: 768px) {.case-study-slider-section {padding-top: 56px;padding-bottom: 56px;margin-top: 0;}}.case-study-slider-section .case-study-header-segment {margin-left: auto;margin-right: auto;}@media (min-width: 768px) {.case-study-slider-section .case-study-header-segment {width: 750px;}}@media (min-width: 992px) {.case-study-slider-section .case-study-header-segment {width: 970px;}}@media (min-width: 1200px) {.case-study-slider-section .case-study-header-segment {width: 1170px;padding-left: 12px;padding-right: 12px;}}@media (max-width: 768px) {.case-study-slider-section .case-study-header-segment {padding-left: 15px;padding-right: 15px;}}.case-study-slider-section .case-study-header {font-size: 32px;line-height: 48px;color: #0F172A;font-weight: 700;margin-bottom: 16px;text-align: left;margin-top: 0;}.case-study-slider-section .feature-header span:not(.subtext) {font-weight: 700;color: #067647;font-size: 24px;line-height: 36px;}.case-study-slider-section .feature-header .subtext {font-size: 18px;padding-left: 0px;}.case-study-slider-section .feature-in-bold-1, .case-study-slider-section .feature-in-bold-2 {display: flex;flex-direction: column;row-gap: 4px;padding-left: 25px;}.case-study-slider-section .feature-in-bold-1 .feature-text, .case-study-slider-section .feature-in-bold-2 .feature-text {margin-left: 10px;color: #0F172A !important;font-weight: 600 !important;font-size: 20px !important;}.case-study-slider-section .feature-in-bold-1 span:not(.feature-text), .case-study-slider-section .feature-in-bold-2 span:not(.feature-text) {font-size: 46px;font-weight: 700;color: #067647;display: flex;-moz-column-gap: 30px;column-gap: 30px;line-height: 60px;position: relative;left: -25px;}.case-study-slider-section .feature-in-bold-1 span:not(.feature-text)::before, .case-study-slider-section .feature-in-bold-2 span:not(.feature-text)::before {content: "";width: 4px;height: 60px;background-color: #C3E5D7;border-radius: 6px;}@media (max-width: 767px) {.case-study-slider-section .feature-in-bold-1 span:not(.feature-text), .case-study-slider-section .feature-in-bold-2 span:not(.feature-text) {font-size: 32px;line-height: 50px;}}.case-study-slider-section .feature-in-bold-2 {margin-top: 10px;}.case-study-slider-section .feature-in-bold-2 span:not(.feature-text) {color: #5925DC;border-color: #D9D3E7;}.case-study-slider-section .case-study-description {font-size: 16px;line-height: 25px;color: #475569;font-weight: 400;margin-bottom: 24px;}@media (min-width: 992px) {.case-study-slider-section .case-study-description {width: 99%;}}.case-study-slider-section .explore-case-studies {font-size: 16px;border: 1px solid #0057FF;border-radius: 6px;padding: 11.2px 16px;line-height: 24px;color: #0057FF;font-weight: 600;display: flex;align-items: center;-moz-column-gap: 7px;column-gap: 7px;width: -moz-max-content;width: max-content;margin-bottom: 48px;}.case-study-slider-section .explore-case-studies:hover {background-color: #e8f1ff;text-decoration: none;}.case-study-slider-section .container {border: 1px solid #CFD6E2;border-radius: 24px;background-color: #F3F7FF;padding: 12px;}@media (max-width: 767px) {.case-study-slider-section .container {border: none;background: none;padding: 15px;}}@media (max-width: 500px) {.case-study-slider-section .container {padding: 0;}}@media (min-width: 1200px) {.case-study-slider-section .container {width: 1150px;}}.case-study-slider-section .container .button-list {display: flex;justify-content: space-around;width: 100%;border-bottom: 1px solid #DDDDDD;overflow: hidden;white-space: nowrap;scroll-behavior: smooth;padding-top: 0 !important;padding-left: 0;margin-top: 0;}.case-study-slider-section .container .button-list::after, .case-study-slider-section .container .button-list::before {display: none;}.case-study-slider-section .container .button-list li {padding: 0;flex: 0 0 auto;list-style-type: none;}.case-study-slider-section .container .button-list li button {position: relative;border: none;background: none;height: 86px;overflow: hidden;}.case-study-slider-section .container .button-list li button img {margin-bottom: 0;filter: grayscale(1) brightness(1);opacity: 0.6;width: 100%;height: auto;}.case-study-slider-section .container .button-list li button .progress-bar-base {position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #D7DEED;z-index: 1;border-radius: 8px;display: none;}.case-study-slider-section .container .button-list li button .progress-bar-fill {position: absolute;left: 0;bottom: 0;height: 4px;width: 0%;background: #0057FF;transition: none;z-index: 2;border-radius: 8px;animation: none;}.case-study-slider-section .container .button-list li button.active .progress-bar-fill {animation: progress-bar-animate 8s linear forwards;animation-play-state: running;}.case-study-slider-section .container .button-list li button.reset-animation .progress-bar-fill {animation: none;width: 0% !important;}.case-study-slider-section .container .button-list li button.stop-animation .progress-bar-fill {animation: none;width: 100% !important;}.case-study-slider-section .container .button-list li button.active, .case-study-slider-section .container .button-list li button:hover {opacity: 1;}.case-study-slider-section .container .button-list li button.active img, .case-study-slider-section .container .button-list li button:hover img {filter: none;opacity: 1;}.case-study-slider-section .container .button-list li button.active .progress-bar-base, .case-study-slider-section .container .button-list li button:hover .progress-bar-base {display: block;}@media (max-width: 992px) {.case-study-slider-section .container .button-list li {padding-left: 15px;padding-right: 15px;}.case-study-slider-section .container .button-list li button {height: 56px;}}.case-study-slider-section .border-container {border: 1px solid #CFD6E2;border-radius: 16px;background-color: #fff;}@media (max-width: 767px) {.case-study-slider-section .border-container {border: none;border-radius: none;}}.case-study-slider-section .carousel {margin: 23px;}.case-study-slider-section .carousel .carousel-cell {overflow: hidden;}.case-study-slider-section .carousel .carousel-cell:not(:first-child) {display: none;}@media (max-width: 992px) {.case-study-slider-section .carousel .carousel-cell {display: flex;flex-direction: column;justify-content: space-between;}}@media (max-width: 1200px) and (min-width: 992px) {.case-study-slider-section .carousel .carousel-cell .col-md-5 {width: 39%;}.case-study-slider-section .carousel .carousel-cell .col-md-7 {width: 61%;}}.case-study-slider-section .carousel .flickity-slider .carousel-cell {display: block;}.case-study-slider-section .carousel .flickity-viewport {overflow: hidden;}@media (max-width: 767px) {.case-study-slider-section .carousel {padding: 0;}}.case-study-slider-section .carousel .industry-type, .case-study-slider-section .carousel .feature-header {font-size: 20px !important;line-height: 30px;color: #0F172A;font-weight: 700;margin-bottom: 0;text-align: left;margin-top: 0;}.case-study-slider-section .carousel p {color: #475569;font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 0;}.case-study-slider-section .carousel .content {padding-right: 20px;}.case-study-slider-section .carousel .content hr {width: 100%;border-top: 1px solid #DDE2ED;margin-top: 28px;margin-bottom: 28px;display: block !important;}@media (max-width: 767px) {.case-study-slider-section .carousel .content {padding-left: 0;padding-right: 0;}}.case-study-slider-section .carousel .feature-list-container {display: flex;gap: 32px;flex-direction: row;}.case-study-slider-section .carousel .feature-list {display: flex;flex-direction: row;-moz-column-gap: 22px;column-gap: 22px;}.case-study-slider-section .carousel .feature-list img {margin-bottom: 0;}.case-study-slider-section .carousel .feature-list:nth-of-type(1) {margin-bottom: 34px;}.case-study-slider-section .carousel .content {display: flex;justify-content: center;flex-direction: column;}@media (max-width: 992px) {.case-study-slider-section .carousel .content {justify-content: start;margin-top: 30px;margin-bottom: 32px;}}@media (min-width: 992px) {.case-study-slider-section .carousel .content {min-height: 396px;}}.case-study-slider-section .carousel .customer-story-col {--opacity-normal-start: 0.1;--color-switch-position: 49.15%;border-radius: 16px;background-size: 102% 102%;transition: background-size 0.5s ease;min-height: 396px;display: flex;margin-top: auto;padding: 0;}.case-study-slider-section .carousel .customer-story-col .customer-card-link {display: flex;flex-direction: column;justify-content: end;row-gap: 16px;transition: 0.6s cubic-bezier(0.7, 0, 0, 1);transition-property: transform, opacity;padding: 28px;}@media (max-width: 768px) {.case-study-slider-section .carousel .customer-story-col .customer-card-link {padding: 20px;}}.case-study-slider-section .carousel .customer-story-col p {font-size: 20px;line-height: 32px;color: #ffffff;font-weight: 600;margin-bottom: 0;}@media (max-width: 767px) {.case-study-slider-section .carousel .customer-story-col p {font-size: 16px;line-height: 26px;}}.case-study-slider-section .carousel .customer-story-col img {margin-bottom: 8px;}.case-study-slider-section .carousel .customer-story-col .user-details {font-weight: 700;}.case-study-slider-section .carousel .customer-story-col .user-details span {font-weight: 400;font-size: 16px;font-style: italic;color: rgba(255, 255, 255, 0.8);}.case-study-slider-section .carousel .customer-story-col .read-story-cta {font-size: 16px;line-height: 24px;color: #FFD018;font-weight: 600;display: flex;align-items: center;-moz-column-gap: 7px;column-gap: 7px;margin-top: 4px;}.case-study-slider-section .carousel .customer-story-col .read-story-cta:hover {color: #E1BD00;text-decoration: none;}.case-study-slider-section .carousel .customer-story-col:hover {background-size: 100% 100%;}.case-study-slider-section .carousel .customer-story-col:hover .customer-card-link .read-story-cta {visibility: visible;}@media (max-width: 700px) {.case-study-slider-section .carousel .customer-story-col {background-size: 102% 125%;}.case-study-slider-section .carousel .customer-story-col:hover {background-size: 100% 125%;}}.case-study-slider-section .carousel .customer-story-col.bg-lazy .customer-card-link .read-story-cta {color: #8d720b;}.case-study-slider-section .carousel .flickity-page-dots {bottom: -75px;position: absolute;position: absolute;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;display: flex;justify-content: center;}.case-study-slider-section .carousel .flickity-page-dots .dot {background-color: #C9D1DF;margin: 0 3px;opacity: 1;width: 8px;height: 8px;border-radius: 50%;}.case-study-slider-section .carousel .flickity-page-dots .dot:hover {cursor: pointer;}.case-study-slider-section .carousel .flickity-page-dots .is-selected {background-color: #0057FF;width: 34px !important;border-radius: 8px;}@media (max-width: 767px) {.case-study-slider-section .carousel .flickity-page-dots {bottom: -50px;}}@keyframes progress-bar-animate {from {width: 0%;}to {width: 100%;}}