@charset "UTF-8";#home-banner .announcement-wrapper, .h1, .h2, .h3, .h4, .h5, .h6, body, h2, h3, h4, h5, h6 {font-family: "Open Sans", Helvetica, Arial, sans-serif }#free-trial-section, #soc-compliance-section {background-position: 100%;background-size: 100% }.position-change, .position-change-v1 {z-index: 20000 !important }#awards, .boxed, section.unpad {overflow: hidden }.new-highlight-home-image-section .four-col-content {padding-bottom: 3em;padding-right: 30px;padding-left: 30px }.new-highlight-home-image-section .btn-align {text-align: center;width: 100%;display: inline-block;margin-bottom: 30px }.new-highlight-home-image-section .btn-align a button {background: #fff;border: 1px solid #0073dc;border-radius: 6px;padding: 11px 24px }.new-highlight-home-image-section .btn-align a button:hover {border: 1px solid #0d98ff }.new-highlight-home-image-section .btn-align a button .demo-text {font-size: 14px;color: #0073dc;letter-spacing: .07px;text-align: center;font-weight: 700 }.new-highlight-home-image-section .btn-align a button .demo-text:hover {color: #0d98ff }.new-highlight-home-image-section .btn-align a button .arrow-icon img {width: 20px;height: 14px;display: inline-block;vertical-align: middle }.new-highlight-home-image-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;margin-bottom: 30px !important;font-weight: 700 }.new-highlight-home-image-section .desc-text {font-size: 16px;color: #1a1a1a;letter-spacing: .43px;text-align: center;line-height: 30px;margin-bottom: 60px }.new-highlight-home-image-section h3 {font-size: 19px;color: #1a1a1a;letter-spacing: .1px;text-align: left;line-height: 25px;font-weight: 700;margin: 15px 0 }.new-highlight-home-image-section h3 a {color: #1a1a1a }.new-highlight-home-image-section h3 a:hover {color: #054fc2 !important }.new-highlight-home-image-section p {font-size: 15px;color: #1a1a1a;letter-spacing: .41px;text-align: left;line-height: 24px }.new-highlight-home-image-section p a {color: #0073dc }.new-highlight-home-image-section p a:hover {color: #0d98ff !important;text-decoration: underline !important }@media (min-width:768px) and (max-width:992px) {.new-highlight-home-image-section .multi-col-contents .col-sm-12 {width: 50% }}@media (min-width:1921px) {#company-list {padding: 20px 0 }}#company-list img {padding-bottom: .5em;width: 100% }@media (max-width:1820px) {#company-list {padding: 15px 0 }#company-list img {padding-bottom: 0 }}#free-trial-section {background-image: url(https://cdn.syncfusion.com/content/images/home-page/v2/webp/free-trial-background.webp);padding: 90px 0;background-color: transparent !important }#free-trial-section .container, #soc-compliance-section .container {padding: 0 20px }#free-trial-section .text-left {padding: 0 }#free-trial-section .description-text-section, #soc-compliance-section .description-text-section {font-size: 44px;color: #fff;letter-spacing: -.82px;line-height: 64px;padding: 0 15px 0 0;margin: -16px 0 0;font-weight: 700 }#free-trial-section .description-text-section hr {margin: 16px 0 0 !important;float: left !important;width: 13%;border: 3px solid #4a90e2 !important }#free-trial-section .free-trial-detail-section {font-size: 19px;color: #fff;letter-spacing: .52px;line-height: 28px;padding: 0 0 0 15px }#free-trial-section .free-trial-detail-section .button_section {margin: 23px 0 0 }#free-trial-section .free-trial-detail-section .button_section .btn_free_trial {padding: 10px 20px;color: #1a1a1a;background: #fff;font-size: 14px;font-weight: 600;letter-spacing: .07px;text-align: center;border-radius: 6px;cursor: pointer }#free-trial-section .free-trial-detail-section .button_section .btn_free_trial:focus, #free-trial-section .free-trial-detail-section .button_section .btn_free_trial:hover {opacity: .85;color: #1a1a1a !important }#free-trial-section .free-trial-detail-section .button_section .btn_whats_new {padding: 10px 20px;color: #fff;border-color: #fff;font-size: 14px;letter-spacing: .07px;text-align: center;border-radius: 6px;cursor: pointer }#free-trial-section .free-trial-detail-section .button_section .btn_whats_new:focus, #free-trial-section .free-trial-detail-section .button_section .btn_whats_new:hover {color: #000 !important;background: #fff }@media (max-width:1279px) {#free-trial-section .description-text-section {font-size: 33px;letter-spacing: -.62px;line-height: 46px;margin: -5px 0 0 }#free-trial-section .description-text-section hr {margin: 15px 0 0 !important;width: 16% }#free-trial-section .free-trial-detail-section .button_section {margin: 20px 0 0 }#free-trial-section .free-trial-detail-section .button_section .btn_free_trial, #free-trial-section .free-trial-detail-section .button_section .btn_whats_new {padding: 8px 16px;font-size: 13px }}@media (max-width:1023px) {#free-trial-section .description-text-section {padding: 0 }#free-trial-section .free-trial-detail-section {padding: 0;font-size: 18px }}@media (max-width:767px) {.new-highlight-home-image-section {padding: 50px 0 20px }.new-highlight-home-image-section .btn-align {margin-top: 30px;margin-bottom: 10px }.new-highlight-home-image-section h2 {padding: 0 15px;margin-bottom: 1em }.new-highlight-home-image-section h3 {margin-bottom: 5px;margin-top: 20px }#free-trial-section .description-text-section br, .new-highlight-home-image-section .highlight-content .highlight-content-icons, .new-highlight-home-image-section .highlight-content p img {display: none }.new-highlight-home-image-section p {margin: 0;font-size: 12px }.new-highlight-home-image-section .four-col-content {padding-bottom: 0 }.new-highlight-home-image-section .desc-text {font-size: 14px;padding: 0 15px;margin-bottom: 25px }#free-trial-section {padding: 4.5em 0 }#free-trial-section .container {padding: 0 15px }#free-trial-section .description-text-section {font-size: 26px;width: 52% }#free-trial-section .description-text-section hr {margin: 5px 0 32px !important }#free-trial-section .free-trial-detail-section {padding: 0;font-size: 14px;width: 48% }#free-trial-section .free-trial-detail-section .button_section .btn_free_trial {padding: 8px 12px;font-size: 12px;margin-right: 10px }#free-trial-section .free-trial-detail-section .button_section .btn_whats_new {padding: 8px 12px;font-size: 12px }}@media (max-width:639px) {#free-trial-section .description-text-section, #free-trial-section .free-trial-detail-section {width: 100% }}#soc-compliance-section {background-color: #002762 !important;padding: 68px 0;background-image: url(https://cdn.syncfusion.com/content/images/home-v1/GDPRCompliantSection/master/soc-bg.png) }#soc-compliance-section .text-left {padding: 0;display: flex;align-items: center }#soc-compliance-section .description-text-section .heading-text {font-size: 24px;font-weight: 600 }#soc-compliance-section .description-text-section hr {position: absolute;width: 144.45px;height: 9.76px;background: #4185de;border: none;margin-top: 20px;margin-bottom: 20px }#soc-compliance-section .description-text-section .gdpr-description {font-size: 36px;color: #fff;letter-spacing: -.82px;line-height: 55px;padding: 0 15px 0 0;margin: -16px 0 0;font-weight: 700 }#soc-compliance-section .gdpr-image-section img {width: 58%;height: 30%;position: relative;left: 20% }@media (min-width:767px) {#soc-compliance-section .description-text-section hr {margin-top: 4px !important }#soc-compliance-section .description-text-section .gdpr-description {margin: -40px 0 0 }}@media (max-width:992px) and (min-width:767px) {#soc-compliance-section .gdpr-image-section {text-align: center }#soc-compliance-section .gdpr-image-section img {left: 0;width: auto;height: 265px }}@media (max-width:767px) {#soc-compliance-section {padding: 60px 39px;background-size: 360% }#soc-compliance-section .container {padding: 0 15px }#soc-compliance-section .container .text-left {display: block }#soc-compliance-section .description-text-section .heading-text {line-height: 40px }#soc-compliance-section .description-text-section .gdpr-description {font-size: 24px;padding: 0 15px 0 0;line-height: 48px }#soc-compliance-section .gdpr-image-section {padding: 50px;text-align: center }#soc-compliance-section .gdpr-image-section img {left: 0;width: 77% }}@media (max-width:551px) {#soc-compliance-section .gdpr-image-section {text-align: center;padding: 50px 0 0 }#soc-compliance-section .gdpr-image-section img {left: 0;height: auto;width: auto }}#awards, #g2-widget .carousel.is-expanded, #popular-components-section .control-image img, #popular-components-section-maui .control-image img {width: 100% }#popular-components-section, #popular-components-section-maui {padding: 5em 0;background-color: #f5f9fd }#popular-components-section h2, #popular-components-section-maui h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: center;margin: 0 0 50px;font-weight: 700 }#popular-components-section .nav-tabs, #popular-components-section-maui .nav-tabs {margin: 0 0 75px;border-bottom: none }#popular-components-section .heading, #popular-components-section-maui .heading {font-size: 26px;color: #1a1a1a;letter-spacing: 0;font-weight: 600;margin: 10px 0 16px }#popular-components-section .description, #popular-components-section-maui .description {font-size: 16px;color: #1a1a1a;letter-spacing: .2px;line-height: 27px;padding: 0 0 50px }#popular-components-section .tab-pane .common-img, #popular-components-section-maui .tab-pane .common-img {margin-bottom: 35px }#NocreditMobileContent, #popular-components-section .tab-pane .heading-responsive, #popular-components-section-maui .tab-pane .heading-responsive {display: none }#popular-components-section .nav-tabs>li.active>a, #popular-components-section .nav-tabs>li.active>a:focus, #popular-components-section .nav-tabs>li.active>a:hover, #popular-components-section-maui .nav-tabs>li.active>a, #popular-components-section-maui .nav-tabs>li.active>a:focus, #popular-components-section-maui .nav-tabs>li.active>a:hover {border: none;font-size: 19px;color: #0057ff !important;letter-spacing: -.29px;text-align: center;background: 0 0;border-bottom: 2px solid #0057ff;font-weight: 600;cursor: pointer }#popular-components-section .nav-tabs>li>a, #popular-components-section-maui .nav-tabs>li>a {font-size: 19px;color: #1a1a1a;letter-spacing: -.29px;text-align: center;background: 0 0 }#popular-components-section .nav-tabs>li>a:focus, #popular-components-section .nav-tabs>li>a:hover, #popular-components-section-maui .nav-tabs>li>a:focus, #popular-components-section-maui .nav-tabs>li>a:hover {background: 0 0;color: #0073dc;border: none;font-size: 19px;letter-spacing: -.29px;text-align: center }#popular-components-section .nav>li>a, #popular-components-section-maui .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li, #popular-components-section-maui .nav>li {padding-right: 5px;padding-left: 5px }#popular-components-section .tab-pane.fade, #popular-components-section-maui .tab-pane.fade {transition: .2s;transform: translateX(1rem) }#popular-components-section .tab-pane.fade.active, #popular-components-section-maui .tab-pane.fade.active {transform: translateX(0) }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section, #popular-components-section-maui .left-arrow-section, #popular-components-section-maui .right-arrow-section {margin: 14% 0 0;padding: 0 }#popular-components-section .right-arrow-section img, #popular-components-section-maui .right-arrow-section img {float: right;cursor: pointer;padding: 12px 11px 12px 12px }#popular-components-section .left-arrow-section img:hover, #popular-components-section .right-arrow-section img:hover, #popular-components-section-maui .left-arrow-section img:hover, #popular-components-section-maui .right-arrow-section img:hover {border-radius: 50%;background: rgba(0, 115, 220, .06) }#popular-components-section .left-arrow-section img, #popular-components-section-maui .left-arrow-section img {float: left;cursor: pointer;padding: 12px }#popular-components-section .content-section, #popular-components-section-maui .content-section, #vanity-metrics .information-section, .boxed>div[class*=col-]:first-child:not(.boxed) {padding-left: 0 }#popular-components-section .control-image, #popular-components-section-maui .control-image, .boxed>div[class*=col-]:last-child:not(.boxed) {padding-right: 0 }#popular-components-section .control-tab, #popular-components-section-maui .control-tab {padding: 0 !important }#popular-components-section .control-tab .custom-loader, #popular-components-section-maui .control-tab .custom-loader {width: 48px;height: 48px;border: 5px solid #0057ff;border-bottom-color: transparent;border-radius: 50%;box-sizing: border-box;animation: 1s linear infinite rotation;position: absolute;top: 47.5%;z-index: 4;left: 48%;transform: translate(-50%, -50%);display: none }#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: transparent;color: #0073dc;border: 1px solid #0073dc;margin-bottom: 50px;max-width: 210px;margin-right: 20px }#popular-components-section .view-demo span, #popular-components-section .view-more span, #popular-components-section-maui .view-demo span, #popular-components-section-maui .view-more span {font-weight: 700;font-size: 14px;letter-spacing: .1px;opacity: 1 !important }#popular-components-section .view-demo:hover, #popular-components-section .view-more:hover, #popular-components-section-maui .view-demo:hover, #popular-components-section-maui .view-more:hover {background-color: #0698ff !important;border: 1px solid #0698ff !important;color: #fff !important }@media (max-width:992px) {#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {margin-bottom: 30px }#popular-components-section .view-demo span, #popular-components-section .view-more span, #popular-components-section-maui .view-demo span, #popular-components-section-maui .view-more span {font-size: 12px }.right-arrow-section {position: absolute;left: 91% }.control-tab .custom-loader {top: 190px !important;left: 46% !important }}@media (max-width:330px) {#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {padding: 8px 15px }#popular-components-section .view-demo span, #popular-components-section .view-more span, #popular-components-section-maui .view-demo span, #popular-components-section-maui .view-more span {font-size: 10px }}#popular-components-section .view-more {background-color: #0073dc !important;color: #fff !important }@media (min-width:1024px) {#popular-components-section, #popular-components-section-maui {background-color: #f5f9fd }#popular-components-section .content-section, #popular-components-section .control-image, #popular-components-section-maui .content-section, #popular-components-section-maui .control-image {padding-right: 0 }#popular-components-section .tab-pane, #popular-components-section-maui .tab-pane {transform-style: preserve-3d;backface-visibility: hidden;transform: translate3d(0, 0, 0);animation: .7s both scaleUp }@keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}}@media (min-width:1920px) {#popular-components-section, #popular-components-section-maui {background-size: 34% }}@media (max-width:1279px) {#popular-components-section, #popular-components-section-maui {background-size: 50% }#popular-components-section .nav>li>a, #popular-components-section-maui .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li, #popular-components-section-maui .nav>li {padding-right: 5px;padding-left: 5px }#popular-components-section .nav-tabs>li.active>a, #popular-components-section .nav-tabs>li.active>a:focus, #popular-components-section .nav-tabs>li.active>a:hover, #popular-components-section .nav-tabs>li>a, #popular-components-section-maui .nav-tabs>li.active>a, #popular-components-section-maui .nav-tabs>li.active>a:focus, #popular-components-section-maui .nav-tabs>li.active>a:hover, #popular-components-section-maui .nav-tabs>li>a {font-size: 16px;letter-spacing: -.24px }#popular-components-section .nav-tabs .col-lg-2, #popular-components-section-maui .nav-tabs .col-lg-2 {width: 14.28% }#popular-components-section .nav-tabs, #popular-components-section-maui .nav-tabs {margin: 0 0 56px }#popular-components-section .heading, #popular-components-section-maui .heading {font-size: 19px;letter-spacing: 0 }#popular-components-section .description, #popular-components-section-maui .description {font-size: 14px;letter-spacing: .17px }#popular-components-section .right-arrow-section, #popular-components-section-maui .right-arrow-section {margin: 14% 0 0 }}@media (max-width:1023px) and (min-width:992px) {#popular-components-section .heading, #popular-components-section-maui .heading {text-align: left !important }#popular-components-section .description, #popular-components-section-maui .description {padding: 0 0 30px !important;text-align: left !important;margin: 0 !important }#popular-components-section .control-image, #popular-components-section-maui .control-image {padding: 0 !important }#popular-components-section .control-image img, #popular-components-section-maui .control-image img {max-width: 75% !important }}@media (max-width:1023px) {#popular-components-section h2, #popular-components-section-maui h2 {margin: 0 0 40px }#popular-components-section .nav-tabs, #popular-components-section-maui .nav-tabs {margin: 0 0 40.5px }#popular-components-section .heading, #popular-components-section-maui .heading {text-align: center;margin: 0 0 10px }#popular-components-section .description, #popular-components-section-maui .description {padding: 0 0 10px;text-align: center;margin: 0 30px }#popular-components-section .control-image, #popular-components-section-maui .control-image {padding: 0 }#popular-components-section .control-image img, #popular-components-section-maui .control-image img {max-width: 50%;text-align: center;margin: 0 auto;display: block }#popular-components-section .control-tab, #popular-components-section-maui .control-tab {padding: 0 5px !important }#popular-components-section #framework-content, #popular-components-section #framework-platforms, #popular-components-section .content-section, #popular-components-section .control-image, #popular-components-section-maui #framework-content, #popular-components-section-maui #framework-platforms, #popular-components-section-maui .content-section, #popular-components-section-maui .control-image {transform-style: preserve-3d;backface-visibility: hidden;transform: translate3d(0, 0, 0);animation: .7s both scaleUp }@keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}#popular-components-section .content-section, #popular-components-section-maui .content-section {padding-left: 15px }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section, #popular-components-section-maui .left-arrow-section, #popular-components-section-maui .right-arrow-section {transition: none !important }#popular-components-section .nav>li>a, #popular-components-section-maui .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li, #popular-components-section-maui .nav>li {padding-right: 1px;padding-left: 1px }#popular-components-section .nav-tabs>li.active>a, #popular-components-section .nav-tabs>li.active>a:focus, #popular-components-section .nav-tabs>li.active>a:hover, #popular-components-section .nav-tabs>li>a, #popular-components-section-maui .nav-tabs>li.active>a, #popular-components-section-maui .nav-tabs>li.active>a:focus, #popular-components-section-maui .nav-tabs>li.active>a:hover, #popular-components-section-maui .nav-tabs>li>a {font-size: 13px;letter-spacing: -.21px }#popular-components-section .nav-tabs>li>a:focus, #popular-components-section .nav-tabs>li>a:hover, #popular-components-section-maui .nav-tabs>li>a:focus, #popular-components-section-maui .nav-tabs>li>a:hover {font-size: 13px }#popular-components-section .left-arrow-section img, #popular-components-section-maui .left-arrow-section img {padding: 6px }#popular-components-section .right-arrow-section img, #popular-components-section-maui .right-arrow-section img {padding: 6px 5px 6px 6px }}#popular-components-section #framework-content, #popular-components-section .platforms-section, #popular-components-section-maui #framework-content, #popular-components-section-maui .platforms-section {margin-bottom: 15px }#popular-components-section .support-content, #popular-components-section-maui .support-content {font-size: 14px;color: #1a1a1a;letter-spacing: 1.56px;line-height: 19px;margin-bottom: 15px;font-weight: 600 }#popular-components-section .platforms-section .platforms-icon, #popular-components-section-maui .platforms-section .platforms-icon {display: inline;margin-right: 5px }#popular-components-section .platforms-section .desktop-icon svg, #popular-components-section .platforms-section .web-icon svg, #popular-components-section-maui .platforms-section .web-icon svg {margin-bottom: -16px }#popular-components-section .platforms-section .web-icon-three-line svg, #popular-components-section-maui .platforms-section .web-icon-three-line svg {margin-bottom: -30px }#popular-components-section .platforms-section .mob-icon svg, #popular-components-section-maui .platforms-section .mob-icon svg {margin-bottom: -4px }#popular-components-section #Diagram .platforms-section .desktop-icon svg, #popular-components-section #ExcelLibrary .platforms-section .web-icon svg, #popular-components-section #ListView .platforms-section .desktop-icon svg, #popular-components-section .platforms-section .desktop-icon svg, #popular-components-section-maui .platforms-section .desktop-icon svg {margin-bottom: -5px }#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {display: inline;letter-spacing: 0;color: #0057ff;line-height: 25px;font-size: 12px }#popular-components-section .platforms-section .framework-items:hover, #popular-components-section-maui .platforms-section .framework-items:hover {color: #0450c2 !important;text-decoration: underline !important }#popular-components-section .platforms-section .web-separator, #popular-components-section-maui .platforms-section .web-separator {display: inline-block;border-right: 1.5px solid #caccce;margin-left: 3px;margin-right: 3px;height: 35px;position: relative;top: 26px;margin-top: -13px }#popular-components-section .platforms-section .three-line-web-seperator, #popular-components-section-maui .platforms-section .three-line-web-seperator {height: 62px;top: 52px;margin-top: -39px }#popular-components-section .platforms-section .desktop-separator, #popular-components-section .platforms-section .mobile-separator, #popular-components-section-maui .platforms-section .desktop-separator, #popular-components-section-maui .platforms-section .mobile-separator {display: inline-block;border-right: 1.5px solid #caccce;margin-left: 3px;margin-right: 3px;height: 16px;position: relative;top: 4px }#popular-components-section .platforms-section .dot, #popular-components-section-maui .platforms-section .dot {height: 5px;width: 5px;background-color: #caccce;border-radius: 50%;display: inline-block;margin: 0 1px 2px 10px }#popular-components-section .platforms-section .new-dot, #popular-components-section-maui .platforms-section .new-dot {height: 5px;width: 5px;background-color: #caccce;border-radius: 50%;display: inline-block;margin: 0 1px 2px 45.5px }@media (max-width:1199px) and (min-width:992px) {#popular-components-section .platforms-section .platforms-icon, #popular-components-section-maui .platforms-section .platforms-icon {margin-right: 4px }#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {font-size: 10.5px }#popular-components-section .platforms-section .dot, #popular-components-section-maui .platforms-section .dot {height: 3.5px;width: 3.5px;margin: 0 1px 2px 6px }#popular-components-section .platforms-section .new-dot, #popular-components-section-maui .platforms-section .new-dot {height: 3.5px;width: 3.5px;margin: 0 1px 2px 41px }}@media (max-width:767px) {#popular-components-section, #popular-components-section-maui {padding: 3em 0 }#popular-components-section h2, #popular-components-section-maui h2 {font-size: 26px !important;margin: 0 10px 40px }#popular-components-section .description, #popular-components-section-maui .description {padding: 0;margin: 0 }#popular-components-section .control-image img, #popular-components-section-maui .control-image img {max-width: 80% }#popular-components-section .left-arrow-section, #popular-components-section-maui .left-arrow-section {margin: 27% 0 0 }#popular-components-section .left-arrow-section img, #popular-components-section .right-arrow-section img, #popular-components-section-maui .left-arrow-section img, #popular-components-section-maui .right-arrow-section img {max-width: none;width: 37px }#popular-components-section .right-arrow-section, #popular-components-section-maui .right-arrow-section {margin: 27% 0 0;padding: 0;position: absolute;top: -3px;left: 91% }#popular-components-section .heading-responsive, #popular-components-section-maui .heading-responsive {font-size: 19px;margin-top: -30px !important;margin-bottom: 10px;text-align: center;font-weight: 600;color: #0073dc;padding: 10px;display: block !important }.control-tab .custom-loader {left: 44% !important }#vanity-metrics .information-section {margin-bottom: 30px }}@media (max-width:680px) {.control-tab .custom-loader {top: 180px !important }}@media (max-width:650px) {.control-tab .custom-loader {top: 170px !important }}@media (max-width:610px) {.control-tab .custom-loader {top: 160px !important }}@media (max-width:580px) {.control-tab .custom-loader {left: 44% !important;top: 140px !important }}@media (max-width:495px) {.control-tab .custom-loader {width: 30px !important;height: 30px !important;border-width: 3px !important;top: 133px !important;left: 45.5% !important }}@media (max-width:435px) {.control-tab .custom-loader {top: 123px !important;left: 44.5% !important }}@media (max-width:410px) {.control-tab .custom-loader {top: 113px !important }}@media (max-width:375px) {.control-tab .custom-loader {top: 105px !important }}@media (max-width:345px) {.control-tab .custom-loader {top: 95px !important;left: 43.5% !important }}@media (max-width:460px) {#popular-components-section, #popular-components-section-maui .control-image img {max-width: 100% }#popular-components-section .platforms-section, #popular-components-section-maui .platforms-section {margin-bottom: 9px }#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {font-size: 10px }#popular-components-section .platforms-section .dot, #popular-components-section-maui .platforms-section .dot {height: 3.5px;width: 3.5px;margin: 0 1px 2px 4px }#popular-components-section .platforms-section .new-dot, #popular-components-section-maui .platforms-section .new-dot {height: 3.5px;width: 3.5px;margin: 0 1px 2px 39.5px }}.code-studio-container {background-image: url(https://cdn.syncfusion.com/content/images/home/code-studio-bg.webp);background-size: cover;border: 1px solid #DEDEDE;border-radius: 16px;margin-top: 80px;margin-bottom: 10px;padding: 48px 0 0px 64px;}@media (max-width: 1200px) {.code-studio-container {padding-left: 52px;}}@media (max-width: 992px) {.code-studio-container {padding-left: 48px;}}@media (max-width: 800px) {.code-studio-container {width: 95%;}}@media (max-width: 550px) {.code-studio-container {width: 93%;border-radius: 24px;}}@media (max-width: 767px) {.code-studio-container {margin-top: 64px;margin-bottom: 20px;}}@media (max-width: 550px) {.code-studio-container {padding-left: 0px;}}@media (max-width: 500px) {.code-studio-container {margin-top: 32px;margin-bottom: 10px;}}.code-studio-container .code-studio-tag {display: flex;-moz-column-gap: 10px;column-gap: 10px;margin-bottom: 14px;}.code-studio-container .code-studio-tag p {font-weight: 700;font-size: 14px;line-height: 20px;color: #475569;margin-bottom: 0;}.code-studio-container .code-studio-tag img {margin-bottom: 0;}.code-studio-container .content-section {padding: 0;padding-top: 10px;}@media (max-width: 1199px) {.code-studio-container .content-section {padding-top: 0px;width: 43%;}}@media (max-width: 991px) {.code-studio-container .content-section {padding-top: 0;margin-bottom: 48px;width: 100%;padding-right: 15px;}}@media (max-width: 550px) {.code-studio-container .content-section {padding-left: 15px;}}@media (max-width: 500px) {.code-studio-container .content-section {margin-bottom: 40px;}}.code-studio-container h2 {font-family: "Open sans";font-weight: 700;font-size: 32px;line-height: 48px;color: #1F1F1F;margin-bottom: 0;}@media (max-width: 1279px) {.code-studio-container h2 {line-height: 39px;}}@media (max-width: 388px) {.code-studio-container h2 {font-size: 20px !important;line-height: 34px;}}.code-studio-container h2 span {color: #0057ff;background-repeat: no-repeat;background-size: 100% 0.2em;background-position: 0 100%;padding-bottom: 4px;background-image: url(https://cdn.syncfusion.com/content/images/home/underline-effect-v1.png);}.code-studio-container .code-studio-dec {font-family: "Open Sans";font-size: 16px;line-height: 24px;font-weight: 400;color: #1F1F1F;letter-spacing: 0.5px;padding-top: 15px;padding-bottom: 32px;width: 99%;margin-bottom: 0;}.code-studio-container .code-studio-dec strong {font-weight: 700;}@media (max-width: 1199px) {.code-studio-container .code-studio-dec {padding-bottom: 32px;}}@media (max-width: 500px) {.code-studio-container .code-studio-dec {padding-bottom: 24px;font-size: 14px;line-height: 21px;}}.code-studio-container .codestudio-button {background-color: #0057ff;border-radius: 8px;padding: 12px 32px;color: #FFF;font-weight: 600;font-size: 16px;line-height: 24px;border: none;display: flex;width: -moz-max-content;width: max-content;-moz-column-gap: 8px;column-gap: 8px;}.code-studio-container .codestudio-button:hover {background-color: #0050eb;color: #FFF !important;}.code-studio-container .code-studio-sample {padding: 0;}@media (max-width: 550px) {.code-studio-container .code-studio-sample {padding-left: 15px;}}.code-studio-container .code-studio-sample img {width: 100%;height: 100%;}@media (max-width: 1199px) and (min-width: 992px) {.code-studio-container .code-studio-sample {width: 57%;}}#vanity-metrics {padding: 75px 0 }#vanity-metrics .information-section .count {font-size: 52px;font-weight: 600;color: #0073dc }#vanity-metrics .information-section .type {font-size: 17px;color: #4c4c4c }#other-products {background-image: url(https://cdn.syncfusion.com/content/images/home-page/v2/webp/other-products.webp);background-size: auto 100%;padding: 50px 0 }#other-products .component {padding: 0 10px }#other-products .component a:hover {color: unset;text-decoration: none }#other-products .boxed {background-color: #fff;padding: 25px 25px 0;flex-direction: column;transition: transform .2s ease-out;will-change: transform }#other-products .boxed:hover {box-shadow: 0 0 25px 0 rgba(0, 0, 0, .06);transform: translateY(-10px);text-decoration: none }#other-products .icon--lg {font-size: 4.571429em;color: #000 }#other-products .learnmore {color: #0057ff;font-weight: 600;margin-bottom: 0;line-height: 170.18%;padding-bottom: 20px }#other-products .feature div, #other-products .lead {margin: auto;float: none }#other-products .learnmore:hover {text-decoration: underline }#other-products .lead {font-size: 14px;padding-bottom: 10px;line-height: 24px;color: #1a1a1a }#other-products h2 {font-weight: 700;margin-bottom: 50px;color: #000;margin-top: 20px;font-size: 33px !important }#other-products h3 {margin-top: 16px;color: #000;margin-bottom: 12px;font-weight: 700;line-height: 23px;font-size: 24px !important }@media (max-width:1024px) {#vanity-metrics .information-section {font-size: 50px }#vanity-metrics .information-section .type {font-size: 14px }#other-products h2 {font-size: 26px !important }#other-products h3 {font-size: 18px !important }}@media (max-width:992px) {#other-products .lead {line-height: 25px;padding-top: 0 }#other-products .component:first-child {margin-left: 0 }#other-products .component {margin-bottom: 40px;margin-top: 20px }#other-products .boxed {padding: 30px }}#awards {background-color: #f5f9fd;text-align: center;padding-top: 50px;padding-bottom: 60px }#awards #award-heading {color: #1a1a1a;font-size: 33px;text-align: center;margin-bottom: 20px;font-weight: 700;letter-spacing: .11px }#awards #award-desc {font-size: 16px;color: #1a1a1a;line-height: 28px;margin-bottom: 40px }#NocreditDesktopContent, #awards #award-desc #award-desc-line-1, span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) {display: block }#awards .all-awards img {width: 75% }@media (max-width:1199px) and (min-width:768px) {#awards #award-heading {font-size: 26px !important }#awards #award-desc {font-size: 14px !important }}@media (max-width:991px) and (min-width:768px) {#awards .all-awards img {width: 100% }}@media (max-width:767px) {#awards #award-heading, #other-products h2 {font-size: 22px !important }#vanity-metrics {padding: 50px 0 }#vanity-metrics .information-section, #vanity-metrics .information-section:last-child {padding: 0 }#vanity-metrics .information-section .count {font-size: 44px }#other-products {padding: 40px 0;background-position: right }#other-products .lead {font-size: 12px;line-height: 20px;padding-bottom: 10px }#other-products .component:first-child {margin-left: 0 }#other-products .component {width: 100%;padding: 0 10px;margin: 0 }#other-products .boxed {margin: 22px 20px }#awards {padding-top: 50px;padding-bottom: 50px }#awards #award-heading {margin-bottom: 20px }#awards #award-desc {margin-bottom: 40px;font-size: 12px !important;padding-left: 30px;padding-right: 30px }#awards #award-desc #award-desc-line-1 {display: inline }#awards .winui {padding-left: 60px !important;padding-right: 60px !important }#awards .all-awards img {width: 45% }}@media (max-width:569px) {#awards .all-awards img {width: 61% }}@media (max-width:360px) {#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {font-size: 9px }#popular-components-section .platforms-section .desktop-separator, #popular-components-section .platforms-section .mobile-separator, #popular-components-section .platforms-section .web-separator, #popular-components-section-maui .platforms-section .desktop-separator, #popular-components-section-maui .platforms-section .mobile-separator, #popular-components-section-maui .platforms-section .web-separator {margin-left: 0;margin-right: 0 }#popular-components-section .platforms-section .platforms-icon, #popular-components-section-maui .platforms-section .platforms-icon {margin-right: 3px }#popular-components-section .platforms-section .dot, #popular-components-section-maui .platforms-section .dot {height: 3.5px;width: 3.5px;margin: 0 1px 2px 4px }#popular-components-section .platforms-section .new-dot, #popular-components-section-maui .platforms-section .new-dot {height: 3.5px;width: 3.5px;margin: 0 1px 2px 31.5px }#awards .all-awards img {width: 68% }}#webinar_popup_temp svg {max-width: none }#home-page-video, .position-change {position: relative }a:hover {color: unset !important;text-decoration: unset !important;cursor: pointer }a, a:active, a:focus, a:hover, ul:not([class*=menu]) li>a:hover {text-decoration: none }#home-banner {padding: 0;position: relative;background-size: 100%;background-position: center 20px;background-repeat: no-repeat }#home-banner #home-banner-img {padding-top: 0;visibility: hidden;margin-bottom: -40px }@media (min-width:767px) and (max-width:768px) {#home-banner #home-banner-img {margin-left: auto;width: 690px;margin-right: auto }}#home-banner .home-banner-image {margin-top: -270px }#home-banner .home-banner-content-section {position: relative;top: 0;left: 0;padding: 20px 15px 0 }@media (max-width:1024px) {#home-banner .home-banner-content-section {padding: 30px 10px 0 }}@media (max-width:1002px) and (min-width:992px) {#home-banner .home-banner-content-section {overflow: hidden }}@media (max-width:768px) {#company-list {padding-bottom: 0;padding-top: 0;max-height: none }#vanity-metrics .information-section .count {font-size: 44px }#vanity-metrics .information-section .type {font-size: 12px }#home-banner .home-banner-content-section {padding: 30px 15px 0 }#home-banner .home-banner-content-section .container {width: auto }}#home-banner h1 {font-size: 36px;color: #000;letter-spacing: -.2px;text-align: center;line-height: 55px;font-weight: 700;margin-bottom: 30px;position: relative }#home-banner .download-buttons {text-align: center;position: relative }#home-banner .download-buttons .left-btn {background: #0073dc;border-radius: 32.5px;padding: 13px 22px;border: 0;margin-right: 20px;box-shadow: 0 10px 11px 0 #edf4ff }#home-banner .download-buttons .left-btn:focus, #home-banner .download-buttons .left-btn:hover {background: #0a98ff;outline: 0 }#home-banner .download-buttons .left-btn .demo-text-left {font-size: 14px;color: #fff;letter-spacing: .09px;text-align: center;font-weight: 600 }#home-banner .download-buttons .right-btn {background: #fff;border: 1px solid #e2e6ea;box-shadow: 0 10px 11px 0 rgba(3, 87, 164, .08);border-radius: 32.5px;padding: 13px 22px }#home-banner .download-buttons .right-btn:focus, #home-banner .download-buttons .right-btn:hover {background: #f4feff;outline: 0 }#home-banner .download-buttons .right-btn .demo-text-right {font-size: 14px;color: #0073dc;letter-spacing: .09px;text-align: center;font-weight: 600 }@media (min-width:1920px) {#home-banner {background-position: center -80px }#home-banner .home-banner-content-section {top: 15px }}@media (max-width:1279px) {#home-banner {background-position: center 30px }#home-banner h1 {font-size: 30px !important;margin-bottom: 22px;line-height: 40px }}@media (max-width:1200px) {#home-banner .home-banner-image {margin-top: -230px }}@media (max-width:1023px) {#home-banner .home-banner-image {margin-top: -200px }#home-banner h1 {font-size: 28px !important;margin-bottom: 20px;line-height: 40px }#home-banner .download-buttons .left-btn, #home-banner .download-buttons .right-btn {padding: 10px 15px }}@media (max-width:992px) {#home-banner .home-banner-image {margin-top: -183px }}@media (min-width:769px) and (max-width:782px) {#home-banner .home-banner-content-section {padding: 30px 0 0 }}@media (max-width:768px) {#home-banner .home-banner-image {margin-top: -67px }.trusted-content {margin-top: 20px }#company-list {margin-top: 0 }}@media (max-width:991px) {#popular-components-section #framework-content, #popular-components-section-maui #framework-content {margin-top: 30px }#home-banner h1 br {display: none }}@media (max-width:346px) {#home-banner .download-buttons .right-btn {margin-top: 20px }}#master-breadcrumb #breadcrumb {height: 70px }#master-breadcrumb #breadcrumb .content-small {float: left;font-size: 14px;margin: 17px 7px 21px 0;text-transform: uppercase }#master-breadcrumb #breadcrumb .bread-crumb-separator {float: left;margin: 21px 0;background: url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat }#master-breadcrumb #breadcrumb .bread-crumb-separator img {visibility: hidden }#master-breadcrumb #breadcrumb .bread-crumb a {outline: 0;text-decoration: none;color: #111 }#master-breadcrumb #breadcrumb .bread-crumb-last {cursor: default;font-weight: 600;color: #050505 }@media (min-width:1820px) {#master-breadcrumb #breadcrumb {height: 85px }#master-breadcrumb #breadcrumb .content-small {margin: 20px 9px 16px 0;font-size: 16px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 25px 3px 16px 0 }}@media (min-width:768px) and (max-width:1279px) {#master-breadcrumb #breadcrumb {height: 65px }#master-breadcrumb #breadcrumb .content-small {margin: 15px 6px 15px 0;font-size: 12px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 18px 0 15px }}@media (max-width:767px) {#home-banner .download-buttons, #home-banner h1 {position: relative;z-index: 10000 }#home-banner {background: 0 0 }#home-banner .home-banner-content-section {top: 0;position: relative;padding: 40px 15px 0;left: 0 }#home-banner h1 {font-size: 25px !important;margin-bottom: 18px;line-height: 35px }#home-banner h1 br, #master-breadcrumb #breadcrumb .bread-crumb, #master-breadcrumb #breadcrumb .bread-crumb-separator {display: none }#home-banner .download-buttons .left-btn {margin-right: 8px }#home-banner .download-buttons .left-btn .demo-text-left, #home-banner .download-buttons .right-btn .demo-text-right {font-size: 14px }.banner-height {height: auto }.mobile-banner-image {margin-top: 0 }#master-breadcrumb #breadcrumb {height: 50px }#master-breadcrumb #breadcrumb .content-small {margin: 13px 6px 15px 0;font-size: 12px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 16px 0 15px }#master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2), #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {display: block }}@media (min-width:768px) and (max-width:1023px) {#master-breadcrumb #breadcrumb {height: 65px }#master-breadcrumb #breadcrumb .content-small {margin: 15px 6px 15px 0;font-size: 12px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 21px 0 15px }}a {color: #4a90e2 }.btn-custom {color: #237ac1;border: 1px solid #237ac1;outline: 0 !important }.btn-custom:hover {background-color: #237ac1;color: #fff }.btn-custom:focus {color: #237ac1;background-color: #fff }.btn-custom:active {color: #fff;background-color: #006db7 }#menu-wrapper {font-size: 14px;font-weight: 400 }.bold, .h5, h5 {font-weight: 600 }.h3 strong, .lead, body, h3 strong, ul:not([class*=menu]) li>a {font-weight: 400 }.smaller {font-size: 10px }.small {font-size: 12px }.error {font-size: 13px }.normal {font-size: 14px }.medium {font-size: 16px }.regular {font-size: 18px }.big {font-size: 20px }.bigger {font-size: 24px }.ultra-big {font-size: 40px }p {line-height: 25px }@media (max-width:1279px) and (min-width:768px) {body {font-size: 13px }.smaller {font-size: 9px }.small {font-size: 11px }.medium {font-size: 14px }.regular {font-size: 16px }.big {font-size: 18px }.bigger {font-size: 22px }.ultra-big {font-size: 32px }.h1, h1 {font-size: 30px !important }.h2, h2 {font-size: 26px !important }.h3, h3 {font-size: 20px !important }.h4, h4 {font-size: 16px !important }.h5, h5 {font-size: 13px !important }.h6, h6 {font-size: 11px !important }p {line-height: 24px }}.bg-lazy {background-image: none !important;background-color: #f1f1fa !important }#g2-widget, .g2-widget-review {padding: 35px 0 }#g2-widget #g2-heading {font-weight: 700;color: #0f172a;margin: 0 30px 30px;text-align: center }#g2-widget .g2-subheading {font-size: 16px;color: #475569;text-align: center;line-height: 27px;margin: 0 30px 30px }#g2-widget .heading {font-size: 22px;font-weight: 700;line-height: 26px;color: #0f172a;margin-top: 15px }#g2-widget .customer-video-caption, #g2-widget .description {line-height: 24px;color: #475569;font-weight: 600;font-size: 14px }#g2-widget .description {margin: 8px 0 100px }#g2-widget .cards {background: #f4f8ff;border-radius: 10px;padding: 24px 30px;margin: 0 10px 30px;position: relative }#g2-widget .g2-rating-img {width: 110px;margin: 0 0 0 -1px }#g2-widget .customer-video-caption {margin: 15px 0 0 }#g2-widget .name {color: #0f172a;font-size: 13px;font-weight: 600;line-height: 18px;margin: 5px 0 0 14px }#g2-widget .designation {color: #38475e;font-size: 9px;font-weight: 600;letter-spacing: .5px }#g2-widget .doubleqoutes {padding-bottom: 3px }#g2-widget .carousel-cell {width: 50%;margin-right: 10px;border-radius: 5px }#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: 0 16% }#g2-widget .flickity-page-dots {bottom: -56px;margin-left: 7px }#g2-widget .flickity-page-dots .dot {margin: 0 2px;background: #000 }#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: .5px }#g2-widget .customer-video-section .customer-detail-section .customer-designation {color: #fff;font-size: 9px;font-weight: 500;line-height: 16px;letter-spacing: .5px }#g2-widget .customer-video-section:hover {cursor: pointer }#g2-widget .g2-author-section {display: flex;position: absolute;left: 30px;bottom: 30px }@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 }#Diagram .web-section span:nth-of-type(6) {margin-left: 31px !important }#Diagram .web-section span:nth-of-type(7) {margin: 0 1px 2px 4px !important }}@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 0 100px !important }.common-reviews .name {margin-left: 0 !important }@media (min-width:991px) and (max-width:1024px) {#g2-widget .carousel {margin: 0 10% }}@media (min-width:768px) and (max-width:991px) {#g2-widget .carousel {margin: 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, .g2-widget-review .reviews-count {font-size: 12px }.g2-widget-review .app-logo {height: 46px !important }}@media (max-width:527px) {#g2-widget .cards {margin: 0 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) {body {font-size: 11px }.smaller {font-size: 8px }.small {font-size: 10px }.medium {font-size: 12px }.regular {font-size: 14px }.big {font-size: 16px }.bigger {font-size: 20px }.ultra-big {font-size: 28px }.h1, h1 {font-size: 26px !important }.h2, h2 {font-size: 22px !important }.h3, h3 {font-size: 18px !important }.h4, h4 {font-size: 14px !important }.h5, h5 {font-size: 12px !important }.h6, h6 {font-size: 10px !important }p {line-height: 20px }#g2-widget .flickity-page-dots {bottom: -15px }#g2-widget .flickity-page-dots .dot {margin: 0 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: 0 20px 45px !important }}.g2-widget-review #g2-rating {font-weight: 800;color: #000;margin: 45px 30px 30px;text-align: center }.g2-widget-review a::after {content: "→" }.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: .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;color: #666 }.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 }html {font-size: 87.5% }@media all and (max-width:768px) {html {font-size: 81.25% }}body {font-size: 1em;line-height: 1.42857143;-webkit-font-smoothing: antialiased;color: #666 }.btn--primary .btn__text, .btn--primary i, .btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text, .btn--primary:visited .btn__text, .btn--primary:visited i, .imagebg:not(.image--light) blockquote, .imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul {color: #fff }.h6, h6, p+a:not(.btn) {font-size: .85714286em;line-height: 2.16666667em }[class*=imagebg]:not(.image--light) p {opacity: .9 }.height-10, .height-100, .height-20, .height-30, .height-40, .height-50, .height-60, .height-70, .height-80, .height-90 {height: auto;padding: 4em 0 }@media all and (max-width:767px) {.height-10, .height-100, .height-20, .height-30, .height-40, .height-50, .height-60, .height-70, .height-80, .height-90 {height: auto;padding: 4em 0 }}@media all and (min-height:600px) and (min-width:767px) {.height-10 {height: 10vh }.height-20 {height: 20vh }.height-30 {height: 30vh }.height-40 {height: 40vh }.height-50 {height: 50vh }.height-60 {height: 60vh }.height-70 {height: 70vh }.height-90 {height: 90vh }.height-100 {height: 100vh }}.lead {color: grey }.lead:not(:last-child) {margin-bottom: 1.3684210526em }.lead+.btn:last-child {margin-top: .92857143em }p.lead img {max-height: 1.68421053em }a, h1, h2, h3, h4, h5, h6, p, ul {margin: 0;padding: 0 }.h1, .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {font-weight: 300;font-variant-ligatures: common-ligatures;margin-top: 0;margin-bottom: 0 }.h2, h2 {font-size: 2.35714286em;line-height: 1.36363636em }.h3, h3 {font-size: 1.78571429em;line-height: 1.5em }.h4, .lead, h4 {font-size: 1.35714286em;line-height: 1.68421053em }.h5, h5 {font-size: 1em;line-height: 1.85714286em }blockquote, ol, p, pre, table, ul {margin-bottom: .85714286em }a:active, a:focus, a:hover {outline: 0 }.h1, h1 {letter-spacing: -.01em }.h1:not(:last-child), h1:not(:last-child) {margin-bottom: .5909090909em }.h2, h2 {margin-bottom: .7878787879em }.h3, blockquote:not(:last-child), h3 {margin-bottom: 1.04em }blockquote {font-family: Merriweather, serif;font-style: italic;font-weight: 300 }blockquote>p {font-size: 1em !important }.h4, h4 {margin-bottom: 1.3684210526em;font-weight: 400 }.h4.inline-block+.h4.inline-block:not(.typed-text), h4.inline-block+.h4.inline-block:not(.typed-text) {margin-left: .6842105263em }.h6, h6 {font-weight: 700 }.h6:not(:last-child), h6:not(:last-child) {margin-bottom: 2.1666666667em }.h6.type--uppercase, h6.type--uppercase {letter-spacing: 1px;margin-right: -1px }img {max-width: 100%;margin-bottom: 1.85714286em }img:last-child {margin-bottom: 0 }section {padding-top: 6em;padding-bottom: 5em }section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom)+footer:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom), section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs)+section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.border--bottom):not(.space--xxs) {padding-top: 0 }section.border--bottom:not([data-gradient-bg]) {border-bottom: 1px solid #ececec }section.text-center div[class*=col-]:first-child:last-child {margin: 0 auto;float: none }.back-to-top {position: fixed;width: 3.71428571em;height: 3.71428571em;background: #fff;border-radius: 50%;text-align: center;right: 1.85714286em;bottom: 3.71428571em;padding-top: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);box-shadow: 0 0 25px 0 rgba(0, 0, 0, .04);z-index: 99;border: 1px solid #ececec;transition: .2s ease-out;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out }.back-to-top i {color: #252525 }.back-to-top .active:hover {transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0) }.back-to-top:not(.active) {opacity: 0;transform: translate3d(0, 20px, 0);-webkit-transform: translate3d(0, 20px, 0);pointer-events: none }.btn--primary, .btn--primary:visited {background: #4a90e2;border-color: #4a90e2 }.btn--primary:hover {background: #609de6 }.btn--primary:active {background: #3483de }.btn--primary-2, .btn--primary-2:visited {background: #465773;border-color: #465773 }#company-list, .new-highlight-home-image-section {background: #fff;z-index: 10000;position: relative }.btn--primary-2:hover {background: #506383 }.btn--primary-2:active {background: #3c4b63 }.btn--sm {padding: .30952381em 1.85714286em }.btn .btn--sm+.btn--sm {margin-left: .92857143em }.type--uppercase {text-transform: uppercase }.btn.type--uppercase {letter-spacing: .5px }.boxed {position: relative;padding: 1.85714286em;margin-bottom: 30px;border-radius: 6px }.boxed.boxed--lg {padding: 2.78571429em }.boxed.boxed--border {border: 1px solid #ececec }@media all and (max-width:767px) {.h1, h1 {font-size: 2.35714286em;line-height: 1.36363636em }.h2, h2 {font-size: 1.78571429em;line-height: 1.5em }.h3, .lead, h3 {font-size: 1.35714286em }.h3, h3 {line-height: 1.85714286em }.lead {line-height: 1.68421053em }section {padding: 3.57142857em 0 }.boxed, .boxed.boxed--lg {padding: 1.23809524em }.boxed, .boxed:last-child {margin-bottom: 15px }.boxed div[class*=col-]:not(.boxed) {padding: 0 }}.icon--lg {font-size: 5.57142857em }.icon:not(.block) {display: inline-block }.feature-3 img {margin-bottom: .1666666667em }@media all and (min-width:768px) {.mt--3 {margin-top: 5.57142857em }}@media all and (max-width:990px) {.mt--3 {margin-top: 2.78571429em }}[class*=" stack-"]:before, [class^=stack-]:before {font-family: stack-interface;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased }.trusted-content {font-size: 18px;color: #1a1a1a }#company-list {margin-top: 0;padding: 0 }.new-highlight-home-image-section {padding: 75px 0 45px }@media (max-width:1023px) {.new-highlight-home-image-section {padding: 65px 0 45px }}#popular-components-section .platforms-section .desktop-separator {height: 35px;top: 26px;margin-top: -13px }#popular-components-section #Diagram .platforms-section .desktop-separator, #popular-components-section #ExcelLibrary .platforms-section .web-separator, #popular-components-section #ListView .platforms-section .desktop-separator {height: 16px;top: 4px;margin-top: 0 }@media (min-width:1200px) {#popular-components-section .nav-tabs .col-lg-2, #popular-components-section-maui .nav-tabs .col-lg-2 {width: 14.28% }#home-banner-img img {width: 1170px !important }}#home-banner h2.NoCreditCardDesktopHome, #home-banner h2.NoCreditCardMobileHome {font-family: "Open Sans";font-size: 14px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;text-align: center;color: #64748b;margin: 5px 140px -10px 0;position: relative }@media (max-width:767px) {#home-banner h2.NoCreditCardDesktopHome, #home-banner h2.NoCreditCardMobileHome {margin: 5px 115px -10px 0 }}@media (max-width:350px) {#home-banner h2.NoCreditCardDesktopHome, #home-banner h2.NoCreditCardMobileHome {margin: 5px 0 -10px }#NocreditDesktopContent {display: none }#NocreditMobileContent {display: block }}.NoCreditCardContent {font-family: Open Sans;font-size: 13px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;color: #fff }.button_wrapper {display: flex;flex-direction: column;align-items: center;margin-right: 26px;gap: 5px }@media only screen and (max-width:767px) {.NoCreditCardContent {margin-right: 10px }.button_wrapper {margin-right: 5px }}.button_section {display: flex;flex-direction: row }#home-banner .announcement-wrapper {display: flex;justify-content: center;align-items: center;padding: 16px 10px;width: 100%;box-sizing: border-box;margin-top: -10px }#home-banner .announcement-wrapper .announcement-banner {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 6px;background-color: #efffed;border: 2px solid #81f088;border-radius: 9999px;padding: 12px 22px;font-size: 14px;color: #000;box-shadow: 0 1px 6px rgba(0, 0, 0, .06);text-align: center;max-width: 100% }#home-banner .announcement-wrapper .announcement-banner .product-name {padding-top: 2px !important }#home-banner .announcement-wrapper .announcement-banner img {margin-bottom: 4px !important;width: 23px !important }#home-banner .announcement-wrapper .announcement-banner .banner-description {margin-right: 4px }#home-banner .announcement-wrapper .announcement-banner .banner-description::before {content: "- ";white-space: nowrap;display: inline-block;padding-right: 4px }#home-banner .announcement-wrapper .announcement-banner .learn-more {color: #3268f7;text-decoration: none;font-weight: 600;transition: opacity .2s }#home-banner .announcement-wrapper .announcement-banner .learn-more .arrow {margin-left: 4px;color: #475467 }#home-banner .announcement-wrapper .announcement-banner .learn-more:active, #home-banner .announcement-wrapper .announcement-banner .learn-more:focus, #home-banner .announcement-wrapper .announcement-banner .learn-more:hover {opacity: .8 !important;color: #3268f7 !important }@media (max-width:600px) {.trusted-content {margin-top: 40px }#home-banner .announcement-wrapper .banner-description::before {content: " " !important }}@media (max-width:480px) {#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {margin-bottom: 20px;margin-left: 0 }#home-banner .announcement-wrapper .announcement-banner {font-size: 11px }#home-banner .announcement-wrapper .announcement-banner img {width: 18px !important }}@media (max-width:766px) {#home-banner .home-banner-image {margin-top: 0 }#home-banner .announcement-wrapper {padding: 0 10px 16px !important }}