@charset "UTF-8";#ft-controllist .container .row li .control-list-names, #ft-controllist .container .row li .icon {display: table-cell;vertical-align: middle }#ft-controllist .container .row li .control-list-names {line-height: 22px;padding-right: 4px }#ft-controllist .container .row li .badge-preview {background-color: #FFF6EA !important;width: 58px;height: 18px;border: 1px solid #FDD592;color: #9A6409 !important;font-weight: 600 !important;padding: 4px 7px;border-radius: 24px;font-size: 10px !important;position: relative;top: 0;line-height: 10px !important }#case-studies #FT-ourthoughts .btn, #case-studies #FT-resources .btn {line-height: 1.85714286em }#case-studies #FT-ourthoughts .btn, #case-studies #FT-resources .btn {font-family: "Open Sans", Helvetica, Arial, sans-serif }#case-studies, #free-evaluation {background-position: 50% 50% !important }#ft-controllist {visibility: hidden }.btn-custom, .static-menu-navigation .container ul li:hover {color: #237ac1 }.h1, .h2, .h3, .h4, .h5, .h6, body, h2, h3, h4, h5, h6 {font-family: "Open Sans", Helvetica, Arial, sans-serif }#awards, #popular-components-section {background-color: #f5f9fd }.banner-strip {background: linear-gradient(90deg, #E5F2FF 0%, #FEEEFF 100%);width: -moz-max-content;width: max-content;margin-left: auto;margin-right: auto;background-size: cover;background-position-y: 47px;margin-bottom: 22px;-moz-column-gap: 11px;column-gap: 11px;border: 1px solid #DACFDF;border-radius: 24px;padding: 10px 12px 10px 14px;display: flex }.banner-strip img {align-self: center;margin-bottom: 0 }@media (max-width:500px) {.banner-strip {background-position-x: center;background-position-y: center;padding-left: 16px;padding-right: 16px;-moz-column-gap: 8px;column-gap: 8px }.banner-strip img {margin-top: 4px;align-self: baseline }}.banner-strip .banner-strip-description {font-weight: 600;font-size: 12px !important;line-height: 19px !important;margin-bottom: 0 !important;align-self: center;color: #1E293B !important }@media (max-width:550px) {.banner-strip .banner-strip-description {font-size: 14px }}.banner-strip .banner-strip-description a {display: none }.banner-strip a {color: #0057FF;font-size: 12px !important;font-weight: 600;align-self: center;display: flex;align-items: center;-moz-column-gap: 6px;column-gap: 6px;line-height: unset !important }.banner-strip a:hover {color: #0450c2 }.banner-strip a span {font-size: 19px }@media (min-width:993px) and (max-width:1330px) {.strip-background {width: auto }.banner-strip {width: 110%;background-position: center center }.banner-strip img {align-self: flex-start;margin-top: 4px }.banner-strip .banner-strip-description {width: 66% }}@media (min-width:1024px) and (max-width:1330px) and (max-width:1070px) {.banner-strip .banner-strip-description {width: 66% }}@media (max-width:630px) {.banner-strip {width: auto;background-position: center center }.banner-strip .banner-strip-description {font-size: 11px !important;line-height: 18px !important;text-align: left }.banner-strip .banner-strip-description a {width: 110px;font-size: 11px;display: inline-flex }.banner-strip a {display: none }.banner-strip .banner-strip-description {width: 100% }}@media (max-width:600px) {.banner-strip {width: 70% }.banner-strip img {align-self: flex-start;margin-top: 4px }}@media (max-width:480px) {.banner-strip {width: -moz-max-content;width: max-content;margin-bottom: 14px }.banner-strip .banner-strip-description {width: 230px }}@media (max-width:335px) {.platform-banner-section .banner-strip .banner-strip-description {width: 221px }}#flutter-banner, #wpf-ui-banner {background-color: #fff0;color: #1a1a1a;background-size: auto 100%;background-position: center top;background-repeat: no-repeat;padding: 135px 0 }#wpf-ui-banner #typed-strings {display: none }@media (max-width:1366px) {#flutter-banner, #wpf-ui-banner {background-size: auto 100%;padding: 100px 0 }}@media (max-width:1024px) {#flutter-banner, #wpf-ui-banner {background-size: auto 100%;padding: 4.5em 0;background-position: center }}@media (max-width:992px) {#flutter-banner, #wpf-ui-banner {background-size: auto 200%;background-position: left top;padding: 3em 0 }}@media (max-width:768px) {#flutter-banner, #wpf-ui-banner {background-size: auto 170%;background-position: left top }}#flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {font-weight: 400 !important;line-height: 50px;font-size: 38px;margin-bottom: 45px }#awards #award-desc #award-desc-line-1, #faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon, #faq .faq-list h3 .faq-collapse-icon, #flutter-banner .banner-heading br, #ft-controllist .container .row div, #wpf-ui-banner .banner-heading br, .platform-banner-section #NocreditDesktopContent, 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 }#flutter-banner .banner-heading .bold, #wpf-ui-banner .banner-heading .bold {font-weight: 700 !important }#flutter-banner #typed, #wpf-ui-banner #typed {font-size: 38px;color: #0073dc;letter-spacing: -.7px;line-height: 51px;font-weight: 500 }@media (max-width:1280px) {#flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {line-height: 38px;font-size: 32px }#flutter-banner #typed, #wpf-ui-banner #typed {font-size: 31px }}@media (max-width:400px) {#flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {font-size: 24px !important }#flutter-banner #typed, #wpf-ui-banner #typed {font-size: 24px }}@media (max-width:320px) {#flutter-banner #typed, #wpf-ui-banner #typed {font-size: 22px }}@media (min-width:401px) and (max-width:450px) {#flutter-banner #typed, #wpf-ui-banner #typed {font-size: 28px }}#flutter-banner .free-trial, #wpf-ui-banner .free-trial {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #0073dc;color: #fff;margin-bottom: 50px;max-width: 210px }#flutter-banner .free-trial span, #flutter-banner .view-demo span, #popular-components-section .view-demo span, #popular-components-section .view-more span, #wpf-ui-banner .free-trial span, #wpf-ui-banner .view-demo span, .showcase-sample-section .flickty_section .testimonial .view-demo span {font-weight: 700;font-size: 14px;letter-spacing: .1px;opacity: 1 !important }#flutter-banner .free-trial:hover, #wpf-ui-banner .free-trial:hover {background-color: #0698ff !important }@media (max-width:992px) {#flutter-banner .banner-heading, #flutter-banner .free-trial, #wpf-ui-banner .banner-heading, #wpf-ui-banner .free-trial {margin-bottom: 30px }#flutter-banner .banner-heading .bold br, #wpf-ui-banner .banner-heading .bold br {display: none }#flutter-banner .free-trial span, #wpf-ui-banner .free-trial span {font-size: 12px }}@media (max-width:480px) {#flutter-banner, #wpf-ui-banner {background-size: auto 100%;padding: 3em 2em }#flutter-banner .free-trial, #wpf-ui-banner .free-trial {margin-bottom: 20px;margin-right: 20px }}@media (max-width:383px) {#flutter-banner .free-trial, #wpf-ui-banner .free-trial {padding: 8px 10px;margin-right: 15px }#flutter-banner .free-trial span, #wpf-ui-banner .free-trial span {font-size: 10px }}#flutter-banner .view-demo, #wpf-ui-banner .view-demo {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #fff0;color: #0073dc;border: 1px solid #0073dc;margin-bottom: 50px;max-width: 210px;margin-left: 20px }#flutter-banner .view-demo:hover, #popular-components-section .view-demo:hover, #popular-components-section .view-more:hover, #wpf-ui-banner .view-demo:hover {background-color: #0698ff !important;border: 1px solid #0698ff !important;color: #fff !important }@media (max-width:992px) {#flutter-banner .view-demo, #wpf-ui-banner .view-demo {margin-bottom: 30px }#flutter-banner .view-demo span, #wpf-ui-banner .view-demo span {font-size: 12px }}#flutter-banner .visual-studio-segment-all, #wpf-ui-banner .visual-studio-segment-all {margin: 0;background: 0 0;width: auto;text-align: left;display: flex;column-gap: 10px;align-items: center }#flutter-banner .visual-studio-segment-all .visual-studio-image, #wpf-ui-banner .visual-studio-segment-all .visual-studio-image {display: inline-block;margin: 0;max-width: 34px }#flutter-banner .visual-studio-segment-all .visual-studio-image-xamarin, #wpf-ui-banner .visual-studio-segment-all .visual-studio-image-xamarin {display: inline-block;margin: 0;max-width: 55px;min-width: 55px }@media (max-width:420px) {#flutter-banner, #wpf-ui-banner {padding: 3em 0 !important }#flutter-banner .visual-studio-segment-all .visual-studio-image-xamarin, #wpf-ui-banner .visual-studio-segment-all .visual-studio-image-xamarin {max-width: 35px;min-width: 35px }}#flutter-banner .visual-studio-segment-all .visual-studio-text, #wpf-ui-banner .visual-studio-segment-all .visual-studio-text {display: inline-block;position: relative;vertical-align: middle;font-size: 14px;color: #0c0c0c;letter-spacing: .07px;line-height: 21px;font-weight: 700;padding: 0;margin-right: 0 }#flutter-banner .visual-studio-segment-all .visual-studio-text-xamarin, #wpf-ui-banner .visual-studio-segment-all .visual-studio-text-xamarin {display: inline-block;position: relative;vertical-align: middle;font-size: 14px;color: #0c0c0c;letter-spacing: .07px;line-height: 21px;padding: 0;margin-right: 0;width: 80% }#aboutus-static-menu .flutter .container .platform-heading span, #aboutus-static-menu .winui .container .platform-heading span, #flutter-banner .visual-studio-segment-all .visual-studio-text-xamarin span, #wpf-ui-banner .visual-studio-segment-all .visual-studio-text-xamarin span, .h6, h6 {font-weight: 700 }#company-list {padding: 20px 0;background: #f3f3f3;max-height: 152px }#company-list h2 {padding-top: 12px;font-size: 18px;color: #000;letter-spacing: .49px;line-height: 19px;font-weight: 500;margin-bottom: 1em }@media (min-width:1921px) {#company-list {padding: 20px 0;max-height: 400px }#company-list h2 {margin-bottom: 1em }}#company-list img {padding-bottom: .5em;width: 100% }@media (max-width:1820px) {#company-list img {padding-bottom: 0;max-width: 900px }}@media (max-width:480px) {#flutter-banner .view-demo, #wpf-ui-banner .view-demo {margin-bottom: 20px;margin-left: 0 }#company-list h2 {display: block;line-height: 40px;margin-bottom: 10px }#company-list img {width: 100% !important;max-width: 300px !important }}#wpf-ui-banner .demo-segment {margin-bottom: 10px;color: #000;font-weight: 600;font-size: 14px;line-height: 20px }#wpf-ui-banner .demo-segment .demo-text-wpf {font-size: 11px;color: #0057ff !important }#popular-components-section .view-more-link .svg, #wpf-ui-banner .demo-segment .github-wpf, #wpf-ui-banner .demo-segment .net-core, #wpf-ui-banner .demo-segment .windows {margin-left: 5px }#wpf-ui-banner .demo-segment .demo-image-wpf {box-shadow: 0 1px 3px 0 rgb(0 0 0 / .16);border-radius: 6.72px;background-color: #fff }#wpf-ui-banner .demo-segment img:hover {opacity: .7 }#wpf-ui-banner .demo-segment .tooltip>.tooltip-inner {padding: 3px 17px }#wpf-ui-banner .visual-studio-segment-all .visual-studio-image-xamarin {max-width: 25px !important;min-width: 25px !important }#flutter-banner, #wpf-ui-banner {padding: 70px 0 }#flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {margin-bottom: 20px !important }#flutter-banner .free-trial, #flutter-banner .view-demo, #wpf-ui-banner .free-trial, #wpf-ui-banner .view-demo {margin-bottom: 30px !important }@media (min-width:992px) {#flutter-banner .banner-heading {margin-bottom: 40px !important;line-height: 45px !important }#flutter-banner .btn {margin-bottom: 40px !important }#wpf-ui-banner .banner-heading .wpf-heading br {display: none }}.flutter-banner-icons .support-content {margin-top: 10px;font-size: 13px;color: #000;letter-spacing: 1px;line-height: 19px;font-weight: 600;font-family: "open sans" !important }.flutter-banner-icons .window-icon {margin: 10px 5px 5px 0;width: 65px }.showcase-sample-section .flickity-page-dots {bottom: 25% !important;text-align: left !important;top: -136px;position: relative;z-index: 1 }.showcase-sample-section .flickity-page-dots .dot {background: #fff;opacity: .5;width: 8px;height: 8px;margin: 0 6.5px }.showcase-sample-section .flickity-page-dots .is-selected {background: #fff !important;opacity: 1 }.showcase-sample-section .flickity-prev-next-button {top: 80%;left: 0%;width: 35px;height: 35px;opacity: .5;z-index: 2;background: 0 0 }.flickity-prev-next-button svg {display: none }.showcase-sample-section .flickity-prev-next-button.previous {display: none }.showcase-sample-section .flickity-prev-next-button:hover {opacity: 1 }.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button::before {content: url(https://cdn.syncfusion.com/content/images/FT/Blazor/icons/rotator-arrow.svg);font-size: 24px;padding: 4px 12px;border-radius: 25px;border: 1px solid #fff;background: #fff;font-family: stack-interface }.showcase-sample-section .container {margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px }#flutter-banner .banner-heading {margin-bottom: 0 !important }#flutter-banner .flutter-description {font-size: 32px;line-height: 45px !important }#flutter-banner .free-trial, #flutter-banner .view-demo {margin-top: 40px !important }.new-highlight-FT-image-section {padding: 85px 0 45px;background: #f5f9fd }.new-highlight-FT-image-section .four-col-content {padding-bottom: 42px;padding-right: 30px;padding-left: 30px }.new-highlight-FT-image-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;margin-bottom: 20px;font-weight: 700 }.new-highlight-FT-image-section h3 {font-size: 18px;color: #1a1a1a;letter-spacing: .1px;text-align: left;line-height: 25px;font-weight: 700;margin-bottom: 18px }.new-highlight-FT-image-section p {font-size: 15px;color: #1a1a1a;letter-spacing: .41px;text-align: left;line-height: 24px;margin-bottom: 13px }.new-highlight-FT-image-section p a {color: #0073dc }.new-highlight-FT-image-section .text-center p {text-align: center;margin-bottom: 22px }@media (min-width:768px) and (max-width:992px) {.new-highlight-FT-image-section .four-col-content, .new-highlight-FT-image-section .multi-col-contents .col-sm-12 {width: 50% }.new-highlight-FT-image-section br {display: none }}#popular-components-section {background-color: #f5f9fd;padding: 70px 0 }#popular-components-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: center;margin: 0 0 50px;font-weight: 700 }#popular-components-section .nav-tabs {margin: 0 0 75px;border-bottom: none }#popular-components-section .heading {font-size: 26px;color: #1a1a1a;letter-spacing: 0;font-weight: 600;margin: 10px 0 16px }#popular-components-section .description {font-size: 16px;color: #1a1a1a;letter-spacing: .2px;line-height: 27px;padding: 0 0 50px }#g2-widget .carousel.is-expanded, #popular-components-section .control-image img, #recent-activities-section .tile .topic, .g2-widget-review .carousel.is-expanded, .slide:not([class*=col-])>img:only-child, .slider .slides .flickity-slider>li:not([class*=col-]) {width: 100% }#popular-components-section .tab-pane .common-img {margin-bottom: 35px }#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-collapse-icon, #faq .faq-list h3 .faq-expand-icon, #ft-controllist #more-controls, #popular-components-section .tab-pane .heading-responsive, .platform-banner-section #NocreditMobileContent, .showcase-sample-section .flickty_section .testimonial .responsive-img img {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 {border: none;font-size: 19px;color: #0073dc;letter-spacing: -.29px;text-align: center;background: 0 0;border-bottom: 2px solid #0073dc;font-weight: 600;cursor: pointer }#popular-components-section .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 {background: 0 0;color: #0073dc;border: none;font-size: 19px;letter-spacing: -.29px;text-align: center }#popular-components-section .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li {padding-right: 5px;padding-left: 5px }#popular-components-section .tab-pane.fade {transition: .2s;transform: translateX(1rem) }#popular-components-section .tab-pane.fade.active {transform: translateX(0) }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section {margin: 14% 0 0;padding: 0 }#popular-components-section .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 {border-radius: 50%;background: rgb(0 115 220 / .06) }#popular-components-section .left-arrow-section img {float: left;cursor: pointer;padding: 12px }#popular-components-section .content-section, .static-menu-navigation .container .col-lg-12 {padding-left: 0 }#popular-components-section .control-image {padding-right: 0 }#popular-components-section .control-tab {padding: 0 !important }#popular-components-section .view-demo, #popular-components-section .view-more {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #fff0;color: #0073dc;border: 1px solid #0073dc;margin-bottom: 50px;max-width: 210px;margin-right: 20px }#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: #fff0;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 }@media (max-width:992px) {#popular-components-section .view-demo, #popular-components-section .view-more {margin-bottom: 30px }#popular-components-section .view-demo span, #popular-components-section .view-more span {font-size: 12px }#popular-components-section .right-arrow-section {position: absolute;left: 91% }#popular-components-section .control-tab .custom-loader {top: 190px !important;left: 46% !important }}@media (max-width:330px) {#flutter-banner .view-demo, #popular-components-section .view-demo, #popular-components-section .view-more, #wpf-ui-banner .view-demo {padding: 8px 15px }#flutter-banner .view-demo span, #popular-components-section .view-demo span, #popular-components-section .view-more span, #wpf-ui-banner .view-demo span {font-size: 10px }}#popular-components-section .view-more {background-color: #0073dc !important;color: #fff !important }@media (min-width:1024px) {#popular-components-section {background-image: url(https://cdn.syncfusion.com/content/images/home-page/v2/most-popular-controls/webp/most-popular-ui-section-bg_v1.webp) }#popular-components-section {background-repeat: no-repeat;background-color: #f5f9fd;background-size: 48%;background-position: 80% 85% }#popular-components-section .content-section, #popular-components-section .control-image {padding-right: 0 }#popular-components-section .tab-pane {transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translate3d(0, 0, 0);-webkit-animation: .7s both scaleUp;animation: .7s both scaleUp }@-webkit-keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}@keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}}@media (min-width:1920px) {#popular-components-section {background-size: 34%;background-position: 67% 85% }}@media (max-width:1279px) {#popular-components-section {background-size: 50%;background-position: 88% 66% }#popular-components-section .nav>li>a {padding: 10px 0 }#popular-components-section .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 {font-size: 16px;letter-spacing: -.24px }#popular-components-section .nav-tabs .col-lg-2 {width: 14.28% }#popular-components-section .nav-tabs {margin: 0 0 56px }#popular-components-section .heading {font-size: 19px;letter-spacing: 0 }#popular-components-section .description {font-size: 14px;letter-spacing: .17px }#popular-components-section .right-arrow-section {margin: 14% 0 0 }}@media (max-width:1023px) and (min-width:992px) {#popular-components-section .heading {text-align: left !important }#popular-components-section .description {padding: 0 0 30px !important;text-align: left !important;margin: 0 !important }#popular-components-section .control-image {padding: 0 !important }#popular-components-section .control-image img {max-width: 75% !important }}#popular-components-section #framework-content, #popular-components-section .platforms-section {margin-bottom: 15px }#popular-components-section .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 {display: inline;margin-right: 5px }#popular-components-section .platforms-section .web-icon svg {margin-bottom: -16px }#popular-components-section .platforms-section .desktop-icon svg {margin-bottom: -5px }#popular-components-section .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 {color: #0450c2 !important;text-decoration: underline !important }#loader {position: center;margin-top: 30%;margin-left: 600px;border: 16px solid #f3f3f3;border-radius: 50%;border-top: grey;width: 80px;height: 80px;-webkit-animation: 2s linear infinite spin;animation: 2s linear infinite spin }@-webkit-keyframes spin {0% {-webkit-transform: rotate(0) }100% {-webkit-transform: rotate(360deg) }}#ft-controllist .section-list {width: 226px }@media (max-width:1023px) {#popular-components-section h2 {margin: 0 0 40px }#popular-components-section .nav-tabs {margin: 0 0 40.5px }#popular-components-section .heading {text-align: center;margin: 0 0 10px }#popular-components-section .description {padding: 0 0 10px;text-align: center;margin: 0 30px }#popular-components-section .control-image {padding: 0 }#popular-components-section .control-image img {max-width: 50%;text-align: center;margin: 0 auto;display: block }#popular-components-section .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 {transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translate3d(0, 0, 0);-webkit-animation: .7s both scaleUp;animation: .7s both scaleUp }@-webkit-keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}@keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}#popular-components-section .content-section {padding-left: 15px }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section {transition: none !important }#popular-components-section .nav>li>a {padding: 10px 0 }#popular-components-section .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 {font-size: 13px;letter-spacing: -.21px }#popular-components-section .nav-tabs>li>a:focus, #popular-components-section .nav-tabs>li>a:hover {font-size: 13px }#popular-components-section .left-arrow-section img {padding: 6px }#popular-components-section .right-arrow-section img {padding: 6px 5px 6px 6px }#ft-controllist .section-list {width: 105px !important }#platform-pricing .pricing {padding: 10px !important }}#ft-controllist .container .row {margin-left: 5% !important }#ft-controllist {background-color: #fff;overflow-x: hidden }#ft-controllist h2 {font-size: 33px;color: #000;text-align: center;margin-bottom: 55px;font-weight: 700;letter-spacing: .94px;margin-top: 0;line-height: 45px }#ft-controllist .sub-heading {font-size: 19px !important;font-weight: 600;margin-bottom: 30px;color: #333;font-family: "open sans" }#ft-controllist .container {margin-bottom: 0;padding-top: 68px;color: #fff;border-top: thin dashed #fff }#ft-controllist .container .row .list-heading {padding-top: 20px }#ft-controllist .container .row .section-list {display: inline-block;font-weight: 600;margin-bottom: 20px !important }#ft-controllist .container .row .content-heading, #ft-controllist .container .row .platform_names {color: #000;font-family: "open sans";font-weight: 700;padding-bottom: 0;width: 100% !important;text-decoration: none;margin-bottom: 20px }#ft-controllist .container .row .content-heading, .medium {font-size: 16px }#ft-controllist .container .row .content-medium, #ft-controllist .container .row .list-items {list-style-type: none;padding-left: 0 }#ft-controllist .container .row .content-medium .feature, #ft-controllist .container .row .list-items .feature {position: relative;z-index: 1;cursor: pointer;color: #0057ff;font-family: "open sans";text-decoration: none;font-size: 14px;font-weight: 600 }#ft-controllist .container .row .content-medium .feature:hover, #ft-controllist .container .row .list-items .feature:hover {color: #0450c2;text-decoration: none }#ft-controllist .container .row .list-items {line-height: 18px;height: auto;margin-bottom: 12px }#ft-controllist .container .row li {height: 20px }#ft-controllist .container .row li .control-list-no-url {color: #337ab7;text-decoration: none;font-size: 15px;display: table-cell;vertical-align: middle }#ft-controllist .container .row li .icon {padding-right: 15px;font-size: 25px;color: #3c78ef;text-decoration: none }#ft-controllist .container .row h3 {line-height: 23px }@media (max-width:1279px) {#ft-controllist .container #control-items {margin-bottom: 11px;margin-top: -25px }#ft-controllist .container .row .content-heading {width: 54% }}@media (max-width:1024px) and (min-width:768px) {.row.masonry {margin-left: 0 }#ft-controllist {overflow: hidden }#ft-controllist h2 {padding-top: 50px;line-height: 30px;margin-bottom: 75px }#ft-controllist .container {padding-top: 0 }}.showcase-sample-section, .showcase-sample-section ul {height: 650px }#showcase-section.showcase-sample-section {height: 770px }.showcase-sample-section .heading {padding-bottom: 1em }.showcase-sample-section h5 {font-size: 16px;color: #0273dc;letter-spacing: .69px;margin-top: 102px }.showcase-sample-section h2 {font-weight: 700;color: #fff;margin: 0 0 40px;text-align: center;padding-left: 15%;padding-right: 15%;font-size: 33px }.showcase-sample-section li {list-style-type: none }.showcase-sample-section .slide:first-of-type {background-color: #6c25b2 }.showcase-sample-section .slide:nth-of-type(2) {background-color: #fd6b07 }.showcase-sample-section .slide:nth-of-type(3) {background-color: #382fdd }.showcase-sample-section .lead {font-size: 1.03em }.showcase-sample-section .logo_section {padding-bottom: 1em !important }#awards .all-awards img, .showcase-sample-section .logo_section .col-sm-9 img {width: 75% }.showcase-sample-section .flickty_section {padding-top: 70px;padding-bottom: 8em;background-size: auto 100%;background-position: center top;background-repeat: no-repeat;height: 710px }.showcase-sample-section .flickty_section .testimonial .h4 {color: #fff;font-weight: 700;margin-bottom: 10px;font-size: 24px !important }.showcase-sample-section .flickty_section .testimonial .profile-image img {width: 105px }.showcase-sample-section .flickty_section .testimonial .inner-description {width: 60%;margin-bottom: 25px;font-size: 14px !important;color: #fff;font-weight: 500 }.showcase-sample-section .flickty_section .testimonial .view-demo {padding: 11px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #fff;border: 1px solid #fff;color: #000;margin-right: 15px;max-width: 210px;opacity: 1;border-radius: 5px }#free-evaluation .free-download-btn:hover, .showcase-sample-section .flickty_section .testimonial .view-demo:hover, .showcase-sample-section .flickty_section .testimonial .view-more:hover {opacity: .8 }.showcase-sample-section .flickty_section .testimonial .view-more {opacity: 1;border: 1px solid #fff;padding: 10px 12px 12px;border-radius: 5px;font-size: 12px }.showcase-sample-section .flickty_section .testimonial .view-more .github-icon {width: 30px;display: inline-block;background: url(https://cdn.syncfusion.com/content/images/FT/Blazor/icons/github-icon.png) 0 0/30px no-repeat;height: 30px;vertical-align: middle;margin-right: 5px }.showcase-sample-section .flickty_section .testimonial .view-more .button-content {color: #fff;vertical-align: middle;font-size: 14px;font-weight: 700 }.showcase-sample-section .flickty_section .ratings {width: 15%;margin-top: 5px }.showcase-sample-section section .col-sm-12>img {padding-top: 20px;padding-bottom: 50px }.showcase-sample-section section .slides {list-style-type: none;margin-bottom: 0 }.showcase-sample-section .slide .content-section-fade {opacity: 0;transition: 1s ease-in-out .1s;-webkit-animation: 1s .5s forwards SlideUpFadeIn;animation: 1s .5s forwards SlideUpFadeIn;transform-origin: 50% 50%;margin-top: 94px }#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon svg, #faq .faq-list h3 .faq-collapse-icon svg, .showcase-sample-section .is-selected .content-section-fade {opacity: 1 }#faq .faq-list h3, .showcase-sample-section .slider.slider--inline-arrows, .slider .slides li .feature:not(.feature-9), img:last-child {margin-bottom: 0 }@media (min-width:768px) {.showcase-sample-section .container {width: 750px }}@media (min-width:992px) {.showcase-sample-section .container {width: 970px }#popular-components-section .content-section {padding-top: 40px }}@media (max-width:991px) {.flickity-prev-next-button {display: none }#popular-components-section #framework-content {margin-top: 30px }#ft-controllist {overflow: hidden }#ft-controllist h2 {padding-top: 50px;line-height: 30px }#ft-controllist .container {padding-top: 0 }#ft-controllist .container .row .content-heading {width: unset !important }.showcase-sample-section {text-align: center;height: 690px }.showcase-sample-section h5 {margin-top: 0 }.showcase-sample-section .flickty_section {padding-bottom: 0;background: 0 0;height: 690px;padding-top: 50px }.showcase-sample-section .flickty_section h2 {padding-left: 0;padding-right: 0;margin: 0 }.showcase-sample-section .flickity-page-dots {bottom: 15% !important;padding-left: 320px;top: -55px }.showcase-sample-section .flickty_section .content-section-fade {margin-top: 70px }.showcase-sample-section .flickty_section .testimonial .inner-description {width: 100%;margin-bottom: 10px }.showcase-sample-section .flickty_section .testimonial .responsive-img img {display: inline;height: 500px;margin-bottom: 15px }}@media (max-width:768px) {.showcase-sample-section .flickity-page-dots {bottom: 6% !important;padding-left: 44% }.showcase-sample-section .flickity-page-dots {padding-top: 20px }#company-list {padding-bottom: 0;padding-top: 0;max-height: none }#company-list h2 {padding: 20px 10px 0;font-size: 16px !important }#company-list img {max-width: 600px }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 18px !important }.showcase-sample-section .flickty_section .testimonial .inner-description {padding: 0 35px }}@media (max-width:767px) {.showcase-sample-section .flickty_section .testimonial .responsive-img img {height: 350px }.showcase-sample-section .flickty_section {padding-top: 40px }}@media (max-width:497px) {.showcase-sample-section .flickity-page-dots {top: -55px !important;padding-left: 40% }.showcase-sample-section .flickty_section .testimonial .responsive-img img {height: auto }#showcase-section .flickity-page-dots {padding-top: 10px }}@media (max-width:400px) {.showcase-sample-section .flickty_section .testimonial .view-more {padding: 11px 5px 13px }}@media (max-width:380px) {.showcase-sample-section .flickity-page-dots {padding-left: 38% !important }#wpf-ui-banner .visual-studio-segment-all {width: 250px }#wpf-ui-banner .visual-studio-segment-all .visual-studio-text-xamarin {width: 188px;font-size: 12px }.showcase-sample-section .github-img {width: 140px }.showcase-sample-section .flickty_section .testimonial .inner-description {padding: 0 }.showcase-sample-section .flickty_section .testimonial .responsive-img img {height: auto !important }.showcase-sample-section .flickty_section .testimonial .view-demo {padding: 7px 16px }.showcase-sample-section .flickty_section .testimonial .view-demo span {font-size: 12px }.showcase-sample-section .flickty_section .testimonial .view-more {padding: 7px 5px 10px }.showcase-sample-section .flickty_section .testimonial .view-more .button-content {font-size: 10px }}@media (min-width:1920px) and (max-width:4000px) {.showcase-sample-section .flickty_section {background-repeat: no-repeat }}#whatsnew-blog {background-image: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/v2/whatsnew-blog-bg.jpg);background-repeat: no-repeat;background-size: 100% 100% }#whatsnew-blog .whatsnew-section {background-image: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/v2/whatsnew-bg.png);background-size: auto 100%;background-position: center right;background-repeat: no-repeat }#whatsnew-blog .blog-section {background-image: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/v2/blog-bg.png);background-size: auto 100%;background-position: center top;background-repeat: no-repeat }#whatsnew-blog .content-section {padding-top: 35px;padding-bottom: 35px;color: #fff }#whatsnew-blog .content-section h2 {font-weight: 700;margin-bottom: 12px;color: #fff }#whatsnew-blog .content-section .view-more {color: #f8e71c;font-size: 13px }#whatsnew-blog .content-section .view-more .svg {margin-right: 10px }#whatsnew-blog .content-section .view-more .svg:hover, #whatsnew-blog .content-section .view-more:hover .svg {opacity: .5 }#whatsnew-blog .content-section .view-more:hover {color: rgb(248 231 28 / .4) }#whatsnew-blog .description {font-size: 14px;letter-spacing: .13px;line-height: 23px }@media (min-width:769px) and (max-width:991px) {#whatsnew-blog {background-image: none }#whatsnew-blog .content-section {margin-left: 5% }#whatsnew-blog .blog-section, #whatsnew-blog .whatsnew-section {height: 270px;background-size: 100% 100% }}@media (min-width:1024px) and (max-width:1279px) {#whatsnew-blog .whatsnew-section {height: 270px;background-size: 133% 100% }}#case-studies, .bg-lazy {background-image: none !important }#case-studies #FT-ourthoughts .btn {transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border-radius: 6px;display: inline-block;padding: 4px 18px !important;font-size: 1.1em;border: 2px solid #0057ff !important;background: #0057ff !important }#case-studies #FT-ourthoughts .btn:hover, #case-studies #FT-resources .btn:hover {color: #fff;background: #0d98ff !important;border: 2px solid #0d98ff !important }#case-studies #FT-ourthoughts .lead, #case-studies #FT-resources .lead {font-size: 19px;margin-top: 20px;margin-bottom: 40px;color: #252525 }#case-studies #FT-ourthoughts .btn__text {font-weight: 700;margin-right: -.5px;vertical-align: top;font-size: 14px;color: #0057ff }#case-studies #FT-ourthoughts .btn__text:hover {color: #0450c2 }#case-studies #FT-ourthoughts .main-heading {color: #333;font-weight: 700;margin-bottom: 44px;margin-left: 22px;margin-right: 22px;font-size: 31px }@media (max-width:500px) {.new-highlight-FT-image-section .text-center p br {display: none }#case-studies #FT-ourthoughts .main-heading br {display: none !important }}#case-studies #FT-ourthoughts .case-studies-section {padding: 14px }#case-studies #FT-ourthoughts .resource-tile {background-size: cover !important;background-color: #fff !important;width: 100%;overflow: hidden;box-shadow: -5px 5px 21px 0 rgb(0 0 0 / .13);border-radius: 10px;flex-direction: column;transition: .2s ease-out;will-change: transform }#case-studies #FT-ourthoughts .resource-tile:hover, #case-studies #FT-resources .resource-tile:hover {box-shadow: 0 0 25px 0 rgb(0 0 0 / .06);transform: translateY(-10px) }#case-studies #FT-ourthoughts .resource-tile img {width: 100%;opacity: 1;margin-bottom: 0 }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content, #case-studies #FT-resources .resource-tile .resource-tile-content {bottom: 0;padding: 30px;opacity: 1;transition: opacity .5s }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content hr {width: 20%;margin: 10px auto 20px;display: inline-block }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading {color: #727272;font-weight: 600;margin-bottom: 0;font-size: 16px;line-height: 26px;min-height: 40px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {color: #1d1d1d;margin-bottom: 40px;line-height: 30px;font-weight: 600;font-size: 18px !important;min-height: 90px }@media (max-width:1601px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {min-height: 90px }}@media (max-width:1024px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {margin-bottom: 10px;line-height: 21px }}@media (max-width:1400px) {.ourthoughts-section {margin: 0 3% }.ourthoughts-section .lead, .resource-section .lead {font-size: 1em !important }.resource-section {margin: 0 9% }}@media (min-width:992px) and (max-width:1200px) {.ourthoughts-section {margin: 0 1% !important }.resource-section {margin: 0 4% !important }}@media (min-width:392px) and (max-width:767px) {.ourthoughts-section, .resource-section {margin: 0 13% !important }}@media (max-width:391px) {.ourthoughts-section {margin: 0 7% !important }}#case-studies {padding: 85px 0;background-color: #fff;background-repeat: no-repeat;background-size: cover !important;border-radius: 10px }#trusted-by-section {padding-left: 0;padding-right: 0 }#case-studies #FT-resources .btn {transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border-radius: 6px;display: inline-block;padding: 4px 18px !important;font-size: 1.1em;border: 2px solid #0073dc !important;background: #0073dc !important }#aboutus-static-menu, #highlights, #platform-pricing, #technical-support {background-color: #fff !important }#case-studies #FT-resources .btn__text {font-weight: 700;letter-spacing: .5px;margin-right: -.5px;vertical-align: top;font-size: .85714286em }#case-studies #FT-resources .main-heading {color: #333;font-weight: 700;margin-bottom: 1em;font-size: 3em }@media (min-width:1200px) and (max-width:1820px) {#case-studies #FT-ourthoughts .main-heading {font-size: 33px }#case-studies #FT-resources .main-heading {font-size: 2.5em }}#case-studies #FT-resources .case-studies-section {padding: 1em }@media (min-width:1401px) and (max-width:1600px) {#case-studies #FT-ourthoughts .case-studies-section .resource-tile .lead, #case-studies #FT-resources .case-studies-section .resource-tile .lead {margin-bottom: 25px;margin-top: 11px }.ourthoughts-section {margin: 0 2% }}@media (min-width:992px) and (max-width:1199px) {#case-studies #FT-ourthoughts .case-studies-section .resource-tile .lead, #case-studies #FT-resources .case-studies-section .resource-tile .lead {margin-bottom: 20px;margin-top: 8px }}#case-studies #FT-resources .resource-tile {background-size: cover !important;background-color: #fff !important;width: 100%;overflow: hidden;box-shadow: 0 2px 10px 0 rgb(41 48 100 / .2);border-radius: 10px;flex-direction: column;transition: .2s ease-out;will-change: transform }@media (min-width:540px) and (max-width:767px) {#case-studies #FT-ourthoughts .resource-tile, #case-studies #FT-resources .resource-tile {width: 60%;margin: auto }}@media (min-width:487px) and (max-width:539px) {#case-studies #FT-ourthoughts .resource-tile, #case-studies #FT-resources .resource-tile {width: 80%;margin: auto }}#case-studies #FT-resources .resource-tile img {height: 170px;width: 100%;opacity: 1;margin-bottom: 0 }#case-studies #FT-resources .resource-tile .resource-tile-content hr {width: 20%;margin: 10px auto 20px;display: inline-block;border-width: 3px;border-color: #ff9522 }#case-studies #FT-resources .resource-tile .resource-tile-content .heading {color: #000;font-weight: 700;margin-bottom: 0;font-size: 18px;line-height: 26px;min-height: 80px }@media (max-width:1399px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading {font-size: 16px !important;min-height: 45px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {min-height: 95px }#case-studies #FT-resources .resource-tile .resource-tile-content .heading {font-size: 16px !important;min-height: 105px }}@media (max-width:1200px) {#flutter-banner, #wpf-ui-banner {padding: 30px 0 }#case-studies #FT-ourthoughts .btn, #case-studies #FT-resources .btn {padding: 5px 10px }#case-studies #FT-ourthoughts .main-heading {font-size: 30px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content hr, #case-studies #FT-resources .resource-tile .resource-tile-content hr {margin: .2em auto .5em }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading, #case-studies #FT-resources .resource-tile .resource-tile-content .heading {font-size: 15px !important }#case-studies #FT-resources .main-heading {font-size: 2em }}#case-studies #FT-resources .resource-tile .resource-tile-content .description {color: #3d3d3d;margin-bottom: 22px;line-height: 24px;font-weight: 600;font-size: 14px !important;min-height: 155px }@media (max-width:1601px) {#case-studies #FT-resources .resource-tile .resource-tile-content .description {min-height: 168px }}@media (max-width:1399px) {#case-studies #FT-resources .resource-tile .resource-tile-content .description {min-height: 191px }}@media (max-width:992px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {min-height: 80px }#case-studies #FT-resources .resource-tile .resource-tile-content .description {min-height: 216px }#free-evaluation .flutter-trial .download-content, #free-evaluation .flutter-trial .free-trail-description {text-align: center !important }#free-evaluation .flutter-download-btn {padding-top: 15px }#popular-components-section .content-section {text-align: center }#popular-components-section .view-more-link {padding-bottom: 30px }}@media (max-width:391px) {.resource-section {margin: 0 7% !important }}@media (min-width:1401px) and (max-width:1600px) {.resource-section {margin: 0 3% }}@media (max-width:1199px) and (min-width:992px) {#popular-components-section .platforms-section .platforms-icon {margin-right: 4px }#popular-components-section .platforms-section .framework-items {font-size: 10.5px }}@media (max-width:991px) and (min-width:768px) {#awards .all-awards img {width: 100% }}@media (max-width:767px) {.new-highlight-FT-image-section {padding: 4em 0 4em 1em }.new-highlight-FT-image-section h2 {padding: 0 15px;margin-bottom: 1em }.new-highlight-FT-image-section h3 {margin-bottom: 6px }.new-highlight-FT-image-section p {margin-bottom: 15px }.new-highlight-FT-image-section .four-col-content {padding: 0;margin-bottom: 20px }.new-highlight-FT-image-section .highlight-content h3, .new-highlight-FT-image-section .highlight-content p, .new-highlight-FT-image-section h2 {text-align: center }#popular-components-section {padding: 3em 0 }#popular-components-section h2 {font-size: 26px !important;margin: 0 10px 40px }#popular-components-section .description {padding: 0;margin: 0 }#popular-components-section .control-image img {max-width: 80% }#popular-components-section .left-arrow-section {margin: 27% 0 0 }#popular-components-section .left-arrow-section img, #popular-components-section .right-arrow-section img {max-width: none;width: 37px }#popular-components-section .right-arrow-section {margin: 27% 0 0;padding: 0 }#popular-components-section .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 }#ft-controllist .section-list {width: 100% !important }#ft-controllist {overflow: hidden }#ft-controllist h2 {padding-top: 35px;margin-bottom: 40px }#ft-controllist .sub-heading {margin-left: -12px;font-weight: 700 }#ft-controllist .container {padding-top: 0 }#ft-controllist .container .row .content-heading {width: 100% }#ft-controllist .container .row .section-list {width: 100%;padding-left: 18px;padding-bottom: 0 }#ft-controllist .container .row h3 {line-height: 18px }#ft-controllist .container .row .list-items {padding-left: 0 }#ft-controllist .container #control-items {margin-top: -5px }#case-studies #FT-ourthoughts .case-studies-section .resource-tile .lead, #case-studies #FT-resources .case-studies-section .resource-tile .lead {margin-bottom: 15px;margin-top: 5px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading, #case-studies #FT-resources .resource-tile .resource-tile-content .heading {font-size: 14px !important;line-height: 23px;min-height: unset }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {min-height: 50px }#case-studies {padding: 50px 0 }#case-studies #FT-resources .resource-tile .resource-tile-content .description {font-size: 12px !important;min-height: 120px }}#technical-support .container .row .platform-heading-text {font-size: 33px;display: block;margin: 80px 0 40px;font-weight: 700;color: #262e48 }#technical-support .container .row .category-container {padding: 0 40px 40px;display: flex;justify-content: center }#technical-support .container .row .category-columns {text-align: left;border-left: 1px solid #d3d3d3;margin-bottom: 20px;min-height: 150px }#technical-support .container .row .category-columns .category-heading-text {display: block;padding-bottom: 25px;font-weight: 700;font-size: 19px;color: #262e48 }#technical-support .container .row .category-columns .support-link-section {display: flex;padding-bottom: 20px;font-size: 16px;color: #0254ff }#technical-support .container .row .category-additional-column .support-link-section .link-item-title, #technical-support .container .row .category-columns .support-link-section .link-item-title {font-weight: 600;position: relative;top: 4px;left: 12px }#technical-support .container .row .category-additional-column .support-link-section .link-item-title :hover, #technical-support .container .row .category-columns .support-link-section .link-item-title :hover {color: #0058c8 }#technical-support .container .row .category-additional-column {text-align: left;margin-top: 52px }#technical-support .container .row .category-additional-column .support-link-section {display: block;padding-bottom: 20px;font-size: 16px;color: #0254ff }#technical-support .support-link-section img {width: 25px;height: 25px;margin-bottom: 0 }.category-columns:first-of-type {border-left: 0 !important }@media (max-width:768px) {#whatsnew-blog {background-image: none }#whatsnew-blog .content-section {margin-left: 1% }#whatsnew-blog .blog-section, #whatsnew-blog .whatsnew-section {background-size: 100% 100% }#technical-support .container .row .category-container {padding-left: 44px !important;display: block;padding-bottom: 40px }}@media (min-width:1200px) {#popular-components-section .nav-tabs .col-lg-2 {width: 14.28% }.showcase-sample-section .container {width: 1170px }#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 20% }}@media (max-width:1200px) and (min-width:768px) {.category-columns:nth-child(4) {border-left: 0 !important;margin-top: 20px }.category-columns:nth-child(5) {margin-top: 20px }#technical-support .container .row .category-container {display: grid;grid-template-columns: 240px 240px 240px }#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 220px }}#platform-pricing {padding: 6em 0 0 }#platform-pricing .text-center {color: #333 }#platform-pricing .h1, #platform-pricing h1 {font-size: 3em;font-weight: 700;color: #1a1a1a;letter-spacing: .1px;margin-bottom: 35px }#platform-pricing .sub-heading {font-weight: 600;font-size: 16px;color: #1a1a1a;text-align: center;line-height: 26px;margin-bottom: 2.5em }#platform-pricing .pricing {color: #333;background-color: #fff }#platform-pricing .description {font-size: 1.1em;margin: -2px 9% 50px;line-height: 1.8em }@media (max-width:479px) {#platform-pricing .description {margin: 0 15px }#platform-pricing .pricing {margin: 20px 0 !important }}@media (max-width:767px) and (min-width:480px) {#platform-pricing .description {margin-bottom: 30px }#platform-pricing .pricing {margin: 20px 20% !important }}#platform-pricing .pricing ul {margin: 25px 0 40px 15%;list-style: none;text-align: left }#platform-pricing .pricing ul li .list-items {margin-left: 25px;font-size: 16px;font-weight: 400 }@media (max-width:1200px) {#platform-pricing .pricing ul li .list-items {font-size: 14px }}#platform-pricing .pricing a .btn__text {color: #fff;letter-spacing: 2px;font-weight: 800 }a:active, a:focus, a:hover {text-decoration: none;outline: 0 }#awards {text-align: center;padding-top: 50px;padding-bottom: 60px;overflow: hidden;width: 100% }#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 }@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:767px) {#technical-support .container .row .category-columns {border-left: 0 !important;min-height: auto }#technical-support .container .row .category-columns:first-of-type {margin-bottom: 0 }#technical-support .container .row .category-additional-column {min-height: auto;margin-bottom: 20px;margin-top: 0px !important }#technical-support .container .row .platform-heading-text {font-size: 24px;margin-top: 40px }#platform-pricing {padding: 50px 0 0 }#awards {padding-top: 50px;padding-bottom: 50px }#awards #award-heading {margin-bottom: 20px;font-size: 22px !important }#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% }}#responsive-tabs, #responsive-tabs-bottom {background: #fff;font-size: 15px;color: #1a1a1a;letter-spacing: 0;text-align: center;line-height: 16px;margin-bottom: 20px;padding-bottom: 20px;font-weight: 600 }@media (max-width:770px) {#responsive-tabs .container, #responsive-tabs-bottom .container {margin-right: -15px;margin-left: -15px }}#responsive-tabs .active, #responsive-tabs-bottom .active {background: #0073dc !important;color: #fff !important;border: 1px solid #0073dc !important }#responsive-tabs .data-global-license, #responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-global-license, #responsive-tabs-bottom .data-platform-tab {border: 1px solid #e6e6e6;height: 54px }#responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-platform-tab {border-radius: 4px 0 0 4px;padding: 5% 0 }#responsive-tabs .data-global-license, #responsive-tabs-bottom .data-global-license {padding: 5% 0;border-radius: 0 4px 4px 0 }@media (max-width:300px) {#responsive-tabs .data-global-license, #responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-global-license, #responsive-tabs-bottom .data-platform-tab {padding: 6% 0 }}@media (min-width:445px) and (max-width:499px) {#responsive-tabs .data-global-license, #responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-global-license, #responsive-tabs-bottom .data-platform-tab {padding: 4% 0 }}@media (max-width:459px) {#responsive-tabs .tab-content-height, #responsive-tabs-bottom .tab-content-height {padding-top: 10px !important }}@media (min-width:500px) and (max-width:566px) {#responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-platform-tab {padding: 18px 26px }}@media (min-width:567px) and (max-width:1199px) {#responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-platform-tab {padding: 18px 26px }}@media (min-width:535px) and (max-width:654px) {#responsive-tabs .data-global-license, #responsive-tabs-bottom .data-global-license {padding: 18px 26px }}@media (min-width:655px) and (max-width:1199px) {#responsive-tabs .data-global-license, #responsive-tabs-bottom .data-global-license {padding: 18px 26px }}#responsive-tabs .tab-items, #responsive-tabs-bottom .tab-items {cursor: pointer }#demos, #free-evaluation {background-repeat: no-repeat }.platform-banner-section .support-and-downloads-count img, .pricing h3:first-child, .pricing-3 ul:last-child, .slider:not([data-paging=true]) .slides, section.slider .slides {margin: 0 }#demos .app-icons .playstore-icon {display: inline-block }.file-format-tick {margin-left: 35px }.file-format-tooltip {vertical-align: text-top;margin-left: -5px }.file-format-tooltip img, .file-format-tooltip-mobile img {width: 16px;padding-bottom: 3px }.file-format-tick-mobile {margin-left: 20px !important }@media (max-width:460px) {#popular-components-section {max-width: 100% }#popular-components-section .platforms-section {margin-bottom: 9px }#popular-components-section .platforms-section .framework-items {font-size: 10px }.file-format-tick-mobile {margin-left: 0 !important }}.file-format-tooltip-mobile {vertical-align: text-top;margin-left: -2px;padding: 0 !important;margin-top: -2px }.static-menu-navigation .container ul {display: table;list-style-type: none;margin: auto;padding: 0 }.static-menu-navigation .container ul li {cursor: pointer;float: left;margin: 15px 0;text-align: center }.static-menu-navigation .container ul li .content-medium {margin: 0;line-height: 25px;padding: 0 20px;font-size: 14px;font-weight: 600 }.static-menu-navigation .container ul .selected {color: #006db7 }.static-menu-navigation .container ul li:last-child .content-medium {border-right: 0 }#aboutus-static-menu {border-bottom: 1px solid #f1f1f1 }#aboutus-static-menu .container ul {float: none;margin: auto }#aboutus-static-menu .floatingmenufree-trial {margin-left: 20px;border: 1px solid #0073dc;background-color: #0073dc;color: #fff;margin-top: -5px;margin-bottom: -5px;font-weight: 700;font-size: 12px;letter-spacing: .5px;border-radius: 6px }#aboutus-static-menu .floatingmenufree-trial:hover {background-color: #0d98ff }.static-menu-navigation {box-shadow: 0 0 3px 3px #ececec !important }.static-menu-navigation .container .platform-heading {margin: 15px 0 }.static-menu-navigation .container .platform-heading span {line-height: 25px;padding: 0 20px;color: #1a1a1a;font-size: 17px;font-weight: 600;text-transform: uppercase;cursor: pointer;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear }#recent-activities-section .topic-heading a, .static-menu-navigation .container .platform-heading span:hover, .static-menu-navigation .container ul li .content-medium:hover {color: #0057ff }.static-menu-navigation .container ul li img {margin-top: -10px;margin-left: 3px }.static-menu-navigation .container ul .selected .content-medium {font-weight: 600;color: #0057ff }#aboutus-static-menu .flutter, #aboutus-static-menu .winui {box-shadow: 0 0 3px 3px #ececec !important;margin-bottom: 10px;font-family: "Open Sans", Helvetica, Arial, sans-serif }#aboutus-static-menu .flutter .container .platform-heading, #aboutus-static-menu .winui .container .platform-heading {width: auto !important }#aboutus-static-menu .flutter .container ul, #aboutus-static-menu .winui .container ul {float: none;margin: auto 20px auto auto }@media (max-width:1023px) {#platform-pricing .pricing ul li .list-items {font-size: 13px }#aboutus-static-menu .flutter, #aboutus-static-menu .winui {display: none }}@media (max-width:1279px) {.static-menu-navigation {padding: 0 }.static-menu-navigation .container ul li .content-medium {padding: 0 17px }}#free-evaluation {background-image: url(https://cdn.syncfusion.com/content/images/FT/WinUI/freedownload_bg.webp);background-size: cover !important;height: 268px;padding: 56px 0 }#free-evaluation .download-content {font-size: 30px;color: #fff;letter-spacing: .16px;text-align: center;line-height: 35px;font-weight: 500;margin-bottom: 1.3em }#free-evaluation .free-download-btn {font-weight: 600;font-size: 16px;background: #d93c00;border-radius: 5px;color: #fff;margin: 5px;padding: 10px 18px }@media (max-width:375px) {#free-evaluation {height: 300px }}@media (min-width:376px) and (max-width:768) {#free-evaluation {height: 255px }}@media (min-width:1200px) {#free-evaluation {height: 240px }}#free-evaluation .free-trail-flutter {padding-top: 25px }#free-evaluation .free-trail-flutter .flutter-trial .download-content {font-weight: 700;letter-spacing: .27px;font-size: 35px;margin-bottom: 15px;text-align: left }#free-evaluation .free-trail-flutter .flutter-trial .free-trail-description {font-size: 19px;color: #fff;letter-spacing: .12px;text-align: left }#free-evaluation .free-trail-flutter .flutter-download-btn {margin-top: 8px;display: flex;flex-direction: column;align-items: center }#free-evaluation .free-trail-flutter .flutter-download-btn .free-download-btn {padding: 10px 20px }#free-evaluation .free-trail-flutter .flutter-download-btn .free-download-btn .btn__text {font-size: 15px;text-align: center }@media (max-width:1199px) {#case-studies #FT-ourthoughts .btn__text {font-size: 13px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {font-size: 14px !important }#free-evaluation .winui {padding-top: 0 !important }#free-evaluation {height: auto !important }}@media (max-width:992px) and (max-width:500px) {#free-evaluation .flutter-trial .download-content {font-size: 21px !important }#free-evaluation .flutter-trial .free-trail-description {font-size: 16px !important }#free-evaluation .flutter-download-btn .free-download-btn .btn__text {font-size: 12px !important }}#demos {background-image: url(https://cdn.syncfusion.com/content/images/FT/common/demo/wpf-banner.avif);padding: 60px 0;background-size: cover }#demos .h1, #demos h1 {font-size: 33px !important;font-weight: 700;color: #1a1a1a;letter-spacing: 0;margin-bottom: 16px }#demos .lead {font-size: 16px;color: #1a1a1a;margin-bottom: 34px;padding: 0 18%;text-align: center;line-height: 30px }#demos .app-icons {padding: 0;margin: 40px 0 0 }#demos .app-icons .row {margin-right: 0;margin-left: 0 }#demos .app-icons .playstore-icon .app-icon .avif, #demos .app-icons .playstore-icon .app-icon .default {opacity: 1;height: 90px;width: 300px;border-radius: 6px;box-shadow: 0 2px 16px 0 rgb(12 17 97 / .1) }#demos .app-icons .playstore-icon .app-icon .avif:hover, #demos .app-icons .playstore-icon .app-icon .default:hover {box-shadow: 0 2px 26px 0 rgb(12 17 97 / .2) }#demos .app-icons .second-column-icons, #demos .app-icons .third-column-icons {margin-left: 25px }@media (max-width:1820px) {#demos .h1, #demos h1 {font-size: 2.5em }}@media (min-width:769px) and (max-width:1200px) {#demos .app-icons #second-icon {margin-top: 20px }}@media (min-width:769px) {#demos .app-icons #first-icon, #demos .app-icons #second-icon, #demos .app-icons #third-icon {margin-right: 25px }#demos .app-icons #second-row-icons {padding-top: 20px }}@media (max-width:768px) {#platform-pricing .sub-heading {font-size: 14px }#free-evaluation .free-download-btn {font-size: 12px }#free-evaluation .text-center {padding-top: 7px }#demos .app-icons {padding: 0 }#demos .app-icons .playstore-icon {display: block;margin: 0 auto 22px }}#recent-activities-section {padding: 0 1.5% 80px }#recent-activities-section h2 {margin-bottom: 0;padding: 50px 0 15px;font-weight: 700;font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: center }#recent-activities-section .description {font-size: 15px;color: #1a1a1a;letter-spacing: .43px;text-align: center;line-height: 24px;margin-bottom: 0;padding-left: 1.5%;padding-right: 1.5%;font-weight: 500 }#recent-activities-section .tile {padding-top: 40px }#recent-activities-section .tile .topic h3 {font-weight: 600;padding-left: 10px;font-size: 14px !important;line-height: 26px;-webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 81% 0, 100% 100%, 0 100%) }#recent-activities-section .blog-topic {color: #9d5000 }#recent-activities-section .blog-topic h3 {background-color: rgb(255 132 0 / .2);width: 75px }#recent-activities-section .videos-topic {color: #7e3ec3 }#recent-activities-section .videos-topic h3 {background-color: rgb(165 83 255 / .2);width: 85px }#recent-activities-section .topic-heading {font-size: 19px;color: #0254ff;letter-spacing: 0;line-height: 26px;font-weight: 600;padding-bottom: 7px;padding-top: 15px }#recent-activities-section .topic-heading a:hover {color: #0450c2;text-decoration: underline }#faq .faq-list .answer-content a, .competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link:focus, a, ul:not([class*=menu]) li>a:hover {text-decoration: none }#recent-activities-section .topic-heading a:active, #recent-activities-section .topic-heading a:focus {color: unset }#recent-activities-section .published-date {font-size: 14px;color: #6b7289;font-weight: 500 }@media (min-width:617px) and (max-width:1199px) {#recent-activities-section h2 {font-size: 33px !important;padding: 50px 10% 15px !important }#recent-activities-section .topic h5 {font-size: 14px !important }}@media (max-width:617px) {#recent-activities-section {padding: 0 8% 80px !important }#recent-activities-section h2 {font-size: 24px !important;padding: 50px 8% 15px !important }#recent-activities-section .topic h5 {font-size: 14px !important }#recent-activities-section .topic-heading {font-size: 17px !important }}#master-breadcrumb #breadcrumb {height: 70px }#master-breadcrumb #breadcrumb .content-small {float: left;font-size: 14px;margin: 17px 7px 21px 0;text-transform: uppercase }@media (min-width:1820px) {#master-breadcrumb #breadcrumb {height: 85px }#master-breadcrumb #breadcrumb .content-small {margin: 20px 9px 16px 0;font-size: 16px }}@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 }}@media (max-width:767px) {#responsive-tabs, #responsive-tabs-bottom {font-size: 12px }.static-menu-navigation {display: none }#free-evaluation {padding: 44px 0 }#demos {padding: 40px 0 }#demos .h1, #demos h1 {font-size: 26px !important }#master-breadcrumb #breadcrumb {height: 50px }#master-breadcrumb #breadcrumb .content-small {margin: 13px 6px 15px 0;font-size: 12px }}@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 }}a {color: #4a90e2 }a:hover {color: #0450c2;cursor: pointer }.btn-custom {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 }.lead, body, ul:not([class*=menu]) li>a {font-weight: 400 }.small {font-size: 12px }.error {font-size: 13px }.regular {font-size: 18px }.big {font-size: 20px }p {line-height: 25px }@media (max-width:1279px) and (min-width:768px) {body {font-size: 13px }.small {font-size: 11px }.medium {font-size: 14px }.regular {font-size: 16px }.big {font-size: 18px }.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-color: inherit !important }#g2-widget, .g2-widget-review {padding: 35px 0 }#g2-widget #g2-heading, .g2-widget-review #g2-heading {font-weight: 700;color: #000;margin: 0 30px 30px;text-align: center;font-size: 33px;line-height: 45px }#g2-widget .g2-subheading, .g2-widget-review .g2-subheading {font-size: 16px;color: #475569;text-align: center;line-height: 27px;margin: 0 30px 30px }#g2-widget .heading, .g2-widget-review .heading {font-size: 18px;font-weight: 600;line-height: 24px;color: #000;margin-top: 8px }#g2-widget .description, .g2-widget-review .description {font-size: 14px;line-height: 24px;margin: 8px 0 100px;color: #000 }#g2-widget .cards, .g2-widget-review .cards {background: #f0fff9;border: 1px solid rgb(46 225 158 / .5);box-shadow: 0 8px 12px rgb(28 60 60 / .12), 2px 10px 18px rgb(42 92 92 / .12);border-radius: 24px;padding: 24px 30px;margin: 0 20px 30px;position: relative }.back-to-top, .pricing:hover {box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);box-shadow: 0 0 25px 0 rgb(0 0 0 / .04) }#g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {width: 110px;margin: 0 0 0 -1px }#g2-widget .name, .g2-widget-review .name {color: #0f172a;font-size: 13px;font-weight: 600;line-height: 18px;margin: 5px 0 0 14px }#g2-widget .designation, .g2-widget-review .designation {color: #38475e;font-size: 9px;font-weight: 600;letter-spacing: .5px }#g2-widget .doubleqoutes, .g2-widget-review .doubleqoutes {padding-bottom: 3px }#g2-widget .carousel-cell, .g2-widget-review .carousel-cell {width: 50%;margin-right: 10px;border-radius: 5px }#g2-widget .g2-profile-image, .g2-widget-review .g2-profile-image {display: inline-flex;min-width: 70px }#g2-widget .g2-profile-image img, .g2-widget-review .g2-profile-image img {width: 70px;height: 70px;border-radius: 35px }#g2-widget .carousel, .g2-widget-review .carousel {margin: 0 16px 0 6px }#g2-widget .app-logo, .g2-widget-review .app-logo {width: 242px;height: 49px;margin-bottom: 26px }#g2-widget #g2-rating, .g2-widget-review #g2-rating {font-weight: 800;color: #000;margin: 45px 30px 30px;text-align: center;font-size: 33px;line-height: 45px }#g2-widget .app-ratings, .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 .star-rating, .g2-widget-review .star-rating {height: 17.12px;width: 104px;background-size: contain }#g2-widget .reviews-count, .g2-widget-review .reviews-count {padding: 11px;font-weight: 600;color: #666;font-size: 14px;line-height: 20px }#g2-widget .app-ratings-link, .g2-widget-review .app-ratings-link {color: #006aff;font-weight: 600;font-size: 14px;line-height: 20px }@media (max-width:760px) {#g2-widget .app-ratings-link, #g2-widget .reviews-count, .g2-widget-review .app-ratings-link, .g2-widget-review .reviews-count {font-size: 11px;line-height: 15px }}#g2-widget .app-ratings-link:hover, .g2-widget-review .app-ratings-link:hover {color: #0450c2 !important;cursor: pointer }#g2-widget a::after, .g2-widget-review a::after {content: "→" }#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {display: flex;position: absolute;left: 30px;bottom: 30px }.common-reviews .description {margin: 8px 0 100px !important }.common-reviews .name {margin-left: 0 !important }.app-logos-section {margin: 40px 30px;display: flex;flex-direction: column;align-items: center }@media (min-width:760px) and (max-width:991px) {#g2-widget .app-ratings, .g2-widget-review .app-ratings {width: 50.14px;height: 18.12px;margin-left: 5px;font-size: 12px;padding: 1px }#g2-widget .app-logos-section, .g2-widget-review .app-logos-section {margin: 40px 4px }#g2-widget .star-rating, .g2-widget-review .star-rating {height: 16.12px;width: 100px }#g2-widget .app-ratings-link, #g2-widget .reviews-count, .g2-widget-review .app-ratings-link, .g2-widget-review .reviews-count {font-size: 12px }#g2-widget .app-logo, .g2-widget-review .app-logo {height: 46px !important }}@media (max-width:527px) {#g2-widget .cards, .g2-widget-review .cards {margin: 0 15px 30px }}@media (max-width:280px) {#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {margin-left: 8px;left: 12px }#g2-widget .cards, .g2-widget-review .cards {padding: 24px 20px }#g2-widget .name, .g2-widget-review .name {font-size: 11px }#g2-widget .app-logos-section, .g2-widget-review .app-logos-section {margin: 40px 6px }#g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {width: 89px }}#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: #fff;border-radius: 5px;margin-bottom: 15px }#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 .answer-content {padding: 0 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, #faq .faq-list .answer-content a:hover {color: #0450c2 !important }#faq .faq-list .answer-content a {color: #0073dc !important;font-weight: 600;outline: 0 !important }#faq .faq-list .answer-content ul {padding: 0 15px }#faq .faq-list .answer-content ul li {padding-bottom: 5px;line-height: 23px }@media (max-width:1023px) and (min-width:768px) {.static-menu-navigation .container ul li .content-medium {padding: 0 20px }.static-menu-navigation .container ul {display: none }.static-menu-navigation .container .col-lg-12 {text-align: center }#faq {padding: 50px 0 40px }#faq h2 {margin-bottom: 40px }}@media (max-width:767px) {body {font-size: 11px }.small {font-size: 10px }.medium {font-size: 12px }.regular {font-size: 14px }.big {font-size: 16px }.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 .app-logo, .g2-widget-review .app-logo {margin-bottom: 20px }#g2-widget #g2-rating, .g2-widget-review #g2-rating {line-height: 33px }#g2-widget .carousel-cell, .g2-widget-review .carousel-cell {width: 100% }#g2-widget .carousel, .g2-widget-review .carousel {margin: 0 !important }#g2-widget .app-ratings, .g2-widget-review .app-ratings {width: 57.14px;height: 20px;font-size: 12px;padding: 2px }#g2-widget .star-rating, .g2-widget-review .star-rating {height: 16.12px;width: 100px }.common-reviews .cards {margin: 0 20px 45px !important }#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: 0 20px 20px;font-size: 13px }}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 {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 }p, table, ul {margin-bottom: .85714286em }.h1, h1 {letter-spacing: -.01em }.h1:not(:last-child), h1:not(:last-child) {margin-bottom: .5909090909em }.h2, h2 {margin-bottom: .7878787879em }.h3, h3 {margin-bottom: 1.04em }.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:not(:last-child), h6:not(:last-child) {margin-bottom: 2.1666666667em }img {max-width: 100%;margin-bottom: 1.85714286em }section {padding-top: 84px;padding-bottom: 70px }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 {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;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 }.pricing-3 .pricing__head, .pricing-3 ul li:not(:last-child) {border-bottom: 1px solid #ececec;margin: 0 }.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 }.icon--lg {font-size: 5.57142857em }.icon:not(.block) {display: inline-block }.feature-3 img {margin-bottom: .1666666667em }@media all and (min-width:768px) {.pricing-section-1 .pricing:not(.boxed--emphasis) {left: .92857143em }.h2+.slider, h2+.slider {margin-top: 3.71428571em }}[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 }.pricing {transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;position: relative }.pricing .label {top: 2.78571429em;right: 2.78571429em }.pricing .h2 {margin-bottom: .3939393939em }.pricing ul li:not(:last-child) {margin-bottom: .46428571em }.pricing .h1 {font-size: 4.2142857143em;line-height: 1.1016949153em;margin-bottom: .2203389831em }.pricing .feature-6 p, .pricing-1 p {min-height: 5.57142857em }.pricing-1 .btn:last-child {position: absolute;width: 100%;bottom: 0;left: 0;border-radius: 0 0 6px 6px;padding: .92857143em 0;margin: 0 }.pricing-1 .btn:last-child:hover {transform: none !important }.pricing-1 p:last-of-type, .pricing-1 ul {margin-bottom: 5.57142857em }.pricing-1 p:first-of-type {margin-top: 1.85714286em }.pricing-1 img+p:first-of-type {margin-top: 0 }@media all and (min-width:991px) {.pricing-2 ul:first-child {margin-top: 4.64285714em }}.pricing-3 {border: 1px solid #ececec;border-radius: 6px }.pricing-3 .pricing__head+.btn {display: block;border-radius: 0;padding: .92857143em 0 }.pricing-3 ul {border-radius: 0 0 6px 6px }.pricing-3 ul li {padding: .92857143em 0 }@media all and (min-width:990px) {.pricing-section-2 div[class*=col-] {padding: 0 }.pricing-section-2 div[class*=col-]:not(:first-child):not(:last-child) .pricing__head {border-radius: 0 }.pricing-section-2 div[class*=col-]:first-child .pricing {border-radius: 6px 0 0 6px }.pricing-section-2 div[class*=col-]:first-child .pricing .pricing__head {border-radius: 6px 0 0 }.pricing-section-2 div[class*=col-]:last-child .pricing {border-radius: 0 6px 6px;border-right: 1px solid #ececec }.pricing-section-2 div[class*=col-]:last-child .pricing .pricing__head {border-radius: 0 6px 0 0 }.pricing-section-2 .pricing {border: 1px solid #ececec;border-radius: 0 0 0 6px;border-right: none }.pricing-section-2 .pricing:hover {box-shadow: none }.pricing-section-2 .pricing ul {margin: 0 }}@-webkit-keyframes backgroundLoad {0% {background: #252525 }100% {background: #3f3f3f }}@keyframes backgroundLoad {0% {background: #252525 }100% {background: #3f3f3f }}.slider.height-10, .slider.height-100, .slider.height-20, .slider.height-30, .slider.height-40, .slider.height-50, .slider.height-60, .slider.height-70, .slider.height-80, .slider.height-90, section.slider.height-10, section.slider.height-100, section.slider.height-20, section.slider.height-30, section.slider.height-40, section.slider.height-50, section.slider.height-60, section.slider.height-70, section.slider.height-80, section.slider.height-90 {height: auto }.slider.height-10 .slides .flickity-slider>li, section.slider.height-10 .slides .flickity-slider>li {height: 10vh;padding: 0 }.slider.height-20 .slides .flickity-slider>li, section.slider.height-20 .slides .flickity-slider>li {height: 20vh;padding: 0 }.slider.height-30 .slides .flickity-slider>li, section.slider.height-30 .slides .flickity-slider>li {height: 30vh;padding: 0 }.slider.height-40 .slides .flickity-slider>li, section.slider.height-40 .slides .flickity-slider>li {height: 40vh;padding: 0 }.slider.height-50 .slides .flickity-slider>li, section.slider.height-50 .slides .flickity-slider>li {height: 50vh;padding: 0 }.slider.height-60 .slides .flickity-slider>li, section.slider.height-60 .slides .flickity-slider>li {height: 60vh;padding: 0 }.slider.height-70 .slides .flickity-slider>li, section.slider.height-70 .slides .flickity-slider>li {height: 70vh;padding: 0 }.slider.height-80 .slides .flickity-slider>li, section.slider.height-80 .slides .flickity-slider>li {height: 80vh;padding: 0 }.slider.height-90 .slides .flickity-slider>li, section.slider.height-90 .slides .flickity-slider>li {height: 90vh;padding: 0 }.slider.height-100 .slides .flickity-slider>li, section.slider.height-100 .slides .flickity-slider>li {height: 100vh;padding: 0 }.slider[data-paging=true]:not(section) {margin-bottom: 3.71428571em }section.slider {padding: 0 }@media all and (max-width:990px) {.pricing-2 {text-align: center }.pricing-2 ul:first-child {margin-top: 1.85714286em }.pricing-3 {margin-bottom: 1.85714286em }}@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 }section.slider.space--lg .slides .flickity-slider>li {padding: 11.14285714em 0 }section.slider[class*=height-] .slides .flickity-slider>li {height: auto;padding: 7.42857143em 0 }.radial {margin-bottom: 1.85714286em }}.back-to-top {margin: 0 6px 50px 0 }@media (min-width:992px) {#wpf-ui-banner {background-image: url(https://cdn.syncfusion.com/content/images/FT/WPF/Banner/WPF-banner.avif), linear-gradient(90deg, #fcfdff 16%, #d5e9ff 76%, #d5e9ff 100%) }}#popular-components-section .first-list-element {margin-left: 7% }#popular-components-section .description {padding-bottom: 30px !important }#popular-components-section .view-more-link {color: #0073dc;font-weight: 600;font-size: 14px;display: inline-block }#popular-components-section .view-more-link:hover {color: #0698ff }@media (max-width:1279px) {#popular-components-section .first-list-element {margin-left: 10% }#popular-components-section .nav-tabs .col-lg-2 {width: 14.28% }}@media (max-width:991px) {#demos .lead {padding: 0 15px;font-size: 12px;line-height: 25px }.showcase-sample-section, .showcase-sample-section .flickty_section {height: 670px }}@media (min-width:2170px) {.showcase-sample-section .flickty_section {background-size: 100% 100% }}.tooltip.in {opacity: 1 !important }.platform-banner-section h2.NoCreditCardDesktopWPF, .platform-banner-section h2.NoCreditCardMobileWPF {font-family: Open Sans;font-size: 14px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;text-align: start;color: #64748b;margin: -28px 0 15px 30px }@media (max-width:990px) {.platform-banner-section h2.NoCreditCardDesktopWPF, .platform-banner-section h2.NoCreditCardMobileWPF {margin: -23px 0 30px 25px;font-size: 13px !important }}@media (max-width:350px) {.platform-banner-section #NocreditDesktopContent {display: none }.platform-banner-section #NocreditMobileContent {display: block }}.platform-banner-section .banner-g2-container {display: flex;border: 1px solid #D4DAE7;border-radius: 12px;margin-top: 32px;margin-bottom: 32px;padding: 20px 18px;width: max-content;background-color: #FFF }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .g2-image {width: 40px;height: 40px }}@media (max-width:992px) {.platform-banner-section .banner-g2-container {width: -moz-max-content;width: max-content }}@media (max-width:550px) {.platform-banner-section .banner-g2-container {flex-direction: column;width: 100%;margin-top: 24px }.platform-banner-section .banner-g2-container .g2-container {border-bottom: 1px solid #D4DAE7;padding-bottom: 20px;margin-bottom: 20px }}.platform-banner-section .banner-g2-container .g2-container {border-right: 1px solid #D4DAE7;padding-right: 20px;margin-right: 20px }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .g2-container {padding-right: 18px }}@media (max-width:550px) {.platform-banner-section .banner-g2-container .g2-container {border-right: none;padding-right: 0;margin-right: 0 }}.platform-banner-section .banner-g2-container .rating-container .rating-review {display: flex;-moz-column-gap: 8px;column-gap: 8px;margin-top: 1.5px;width: -moz-max-content;width: max-content }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .rating-container .rating-review {-moz-column-gap: 6px;column-gap: 6px }}.platform-banner-section .banner-g2-container .rating-container .rating-review span {font-size: 18px;color: #0F172A;font-weight: 700 }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .rating-container .rating-review span {font-size: 16px }}.platform-banner-section .banner-g2-container .rating-container .rating-review a {font-size: 13px;color: #0057FF;font-weight: 400;align-self: center;padding-top: 2px }.platform-banner-section .banner-g2-container .rating-container .rating-review a:hover {color: #3278ff }.platform-banner-section .banner-g2-container img {margin-bottom: 0 }.platform-banner-section .banner-g2-container .g2-container {display: flex;-moz-column-gap: 12px;column-gap: 12px;align-items: center }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .g2-container {-moz-column-gap: 10px;column-gap: 10px }}@media (max-width:1200px) and (min-width:992px) {.platform-banner-section .support-and-downloads-count .visual-studio-text-xamarin {width: 144px !important }}.platform-banner-section .support-and-downloads-count {padding: 0;display: flex;flex-direction: column;row-gap: 10px }.platform-banner-section .support-and-downloads-count .downloads-count {padding: 0;display: flex;column-gap: 10px }@media (max-width:480px) {#popular-components-section .view-demo, #popular-components-section .view-more {margin-bottom: 20px;margin-left: 0 }.platform-banner-section .support-and-downloads-count {display: block }.platform-banner-section .support-and-downloads-count .downloads-count {padding: 20px 0 0 }}.platform-banner-section .support-and-downloads-count .downloads-count .downloads-count-content {display: inline-block;position: relative;vertical-align: middle }.platform-banner-section .support-and-downloads-count .downloads-count .downloads-count-content span {font-weight: 700;font-size: 14px;line-height: 22px }.competitive-banner-section .container {display: block;margin-bottom: 88px;width: 100% }@media (max-width:1200px) {.competitive-banner-section .container {margin-bottom: 40px;padding-left: 40px;padding-right: 40px }}.competitive-banner-section .container .row {display: flex;background-color: #e0ecff;max-width: 1140px;height: auto;margin: 0 auto;flex-shrink: 0;padding: 40px 7px 40px 33px;border-radius: 5px }@media (max-width:893px) {.competitive-banner-section .container {margin-bottom: 56px }.competitive-banner-section .container .row {flex-direction: column;row-gap: 40px;padding-bottom: 7px;padding-top: 10px;padding-right: 33px }}@media (max-width:767px) {.competitive-banner-section .container {margin-top: 36px;padding-left: 16px;padding-right: 16px }.competitive-banner-section .container .row {padding-top: 0 }}.competitive-banner-section .container .row .count-background {background-image: url(https://cdn.syncfusion.com/content/images/FT/common/background-FT-competitive-image.svg);display: flex;flex-direction: row;height: 48px;-moz-column-gap: 22px;column-gap: 22px;align-items: center;padding-left: 24px;background-repeat: no-repeat;background-size: contain }@media (max-width:1200px) {.competitive-banner-section .container .row .count-background {background-image: url(https://cdn.syncfusion.com/content/images/FT/common/background-FT-competitive-tab.svg);height: 112px;flex-direction: column;align-items: start;justify-content: center;row-gap: 8px }}.competitive-banner-section .container .row .count-background span {color: #1e293b;text-align: center;font-family: Open Sans;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: .5px }.competitive-banner-section .container .row .count-background .green-tick {margin-right: 6px;margin-bottom: 3px }.competitive-banner-section .container .row .competitve-banner-heading {font-family: Open Sans;color: #1e293b;font-size: 32px;font-style: normal;font-weight: 700;line-height: 48px }.competitive-banner-section .container .row .competitive-banner-content {color: #1e293b;font-family: Open Sans;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;width: 81%;margin-bottom: 16px }@media (max-width:1210px) {.competitive-banner-section .container .row .competitive-banner-content {width: 100% }}.competitive-banner-section .container .row .competitive-banner-FT-image {padding: 3px 6px 3px 0;display: flex }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {height: 274px;width: 324px;margin: auto 0 auto auto }@media (max-width:893px) {.competitive-banner-section .container .row .competitive-banner-FT-image {padding: 0 }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-right: auto }}@media (max-width:540px) {.competitive-banner-section .container .row {padding-left: 1px;padding-right: 0 }.competitive-banner-section .container .row .count-background {height: 94px;padding-left: 22px }.competitive-banner-section .container .row .count-background span {font-size: 12px;line-height: 18px }.competitive-banner-section .container .row .competitve-banner-heading {font-size: 20px;line-height: 30px }.competitive-banner-section .container .row .competitive-banner-content {font-size: 12px;line-height: 20px }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {height: 224px;width: 265px;margin-left: 28% }}@media (max-width:490px) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 25% }}@media (max-width:441px) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 22% }}@media (max-width:400px) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 19% }}@media (max-width:380px) {.platform-banner-section h2.NoCreditCardDesktopWPF, .platform-banner-section h2.NoCreditCardMobileWPF {margin: -28px 0 10px 15px;font-size: 11px !important }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 16% }}@media (max-width:360px) {#popular-components-section .platforms-section .framework-items {font-size: 9px }#popular-components-section .platforms-section .platforms-icon {margin-right: 3px }#awards .all-awards img {width: 68% }.competitive-banner-section .container .row .count-background {padding-left: 16px }.competitive-banner-section .container .row .count-background span {font-size: 11px }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 12% }}.competitive-banner-section .container .row .explore-FT-comparison {text-align: center;margin-top: 36px;height: 48px;width: -moz-fit-content;width: fit-content;border-radius: 4px;background: #0057ff;cursor: pointer }.competitive-banner-section .container .row .explore-FT-comparison:hover {background: #0050eb }.competitive-banner-section .container .row .explore-FT-comparison:focus {background: #0046cc }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {display: block;height: 48px;width: -moz-fit-content;width: fit-content;padding: 12px 24px;color: #fff;font-family: Open Sans;font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: .08px }@media (max-width:540px) {.competitive-banner-section .container .row .explore-FT-comparison {height: 46px }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {font-size: 14px;line-height: 22px;padding: 12px 16px;height: 46px }}@media (max-width:399px) {.competitive-banner-section .container .row .explore-FT-comparison {height: 38px }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {font-size: 12px;padding: 7px 12px;height: 38px;line-height: 24px }}@media (max-width:340px) {#demos .app-icons .playstore-icon .app-icon .avif, #demos .app-icons .playstore-icon .app-icon .default {width: 250px }.competitive-banner-section .container .row .count-background {height: 81px;padding-left: 11px }.competitive-banner-section .container .row .count-background span {font-size: 10px }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 8% }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {font-size: 12px;padding-left: 8px;padding-right: 8px }}@media (max-width:945px) and (min-width:893px) {.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {padding: 12px 11px }}@media (max-width:399px) {.competitive-banner-section .container .row .javascript, .competitive-banner-section .container .row .winforms-btn {height: 38px }.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {padding: 7px 12px;height: 38px;font-size: 12px }}@media (max-width:355px) {.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {font-size: 11px;height: 30px;padding: 3px 8px }}@media (max-width:328px) {.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {padding-left: 6.5px;padding-right: 6.5px }}@media (max-width:915px) and (min-width:893px) {.competitive-banner-section .container .row .angular-btn .ft-competitive-link {padding: 12px }}.NoCreditCardContent {font-family: Open Sans;font-size: 13px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;color: #fff }.floatingmenuBuy-NowUnique {margin-left: 20px;border: 1px solid #0073dc;background-color: #0073dc;color: #fff !important;margin-top: -5px;margin-bottom: -5px;font-weight: 700 !important;font-size: 12px;letter-spacing: .5px;border-radius: 6px }.floatingmenuBuy-NowUnique:hover {background-color: #0d98ff !important }#showcase-section .flickity-container {width: 100%;margin: auto }#showcase-section .flickity-viewport {overflow: hidden;position: relative }#showcase-section .flickity-slider {display: flex }#showcase-section .slides {width: 100%;box-sizing: border-box }#showcase-section .slider .slides .flickity-slider>div:not([class*=col-]) {width: 100% }@media (max-width:767px) {#showcase-section .flickty_section {height: 670px !important }}@media (max-width:991px) and (min-width:768px) {#showcase-section, .showcase-sample-section .flickty_section {height: 900px !important }#showcase-section.showcase-sample-section {height: 940px !important }}@media (min-width:1200px) {.showcase-sample-section .link-container {width: 1170px !important }}@media (min-width:768px) and (max-width:1023px) {.showcase-sample-section .link-container {width: 770px;margin-top: 34px !important }.showcase-sample-section .link-container a {gap: 6px !important }}@media (min-width:992px) {.showcase-sample-section .link-container {width: 970px }}@media (max-width:767px) {.showcase-sample-section .link-container {width: 390px !important;margin: 4% auto 0 auto !important }}@media (min-width:411px) and (max-width:539px) {.showcase-sample-section .link-container {width: 424px !important;margin: 4% auto 0 auto !important }}@media (min-width:344px) and (max-width:360px) {.showcase-sample-section .link-container {width: 365px !important }}@media (min-width:320px) and (max-width:343px) {.showcase-sample-section .link-container {width: 332px !important }}@media (min-width:768px) and (max-width:1024px) {.showcase-sample-section .link-container a {margin: -2% auto 0 auto !important }}@media (max-width:991px) and (min-width:768px) {#case-studies {padding: 75px 0 !important }}@media (min-width:501px) and (max-width:636px) {#showcase-section .flickty_section, #showcase-section.showcase-sample-section {height: 710px !important }.showcase-sample-section .link-container {width: 550px !important }#case-studies {padding: 85px 0 !important }}@media (min-width:411px) and (max-width:539px) {#showcase-section .flickity-page-dots {padding-top: 10px }#showcase-section .flickty_section {height: 700px !important }#case-studies {padding: 80px 0 50px 0 !important }}@media (min-width:344px) and (max-width:389px) {#showcase-section .flickity-page-dots {padding-top: 30px }}@media (min-width:540px) and (max-width:767px) {#showcase-section .flickity-page-dots {padding-top: 30px }}.showcase-sample-section .link-container {text-align: center;position: absolute;z-index: 5 }.showcase-sample-section .link-container a {font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 16px;line-height: 24px;color: #FFE81A;text-decoration: none;display: flex;justify-content: center;margin: -2% auto 0 auto;position: relative;gap: 10px;width: fit-content }@media (max-width:767px) {.showcase-sample-section .link-container a {font-size: 14px }#showcase-section.showcase-sample-section {height: 670px }}@media (min-width:411px) and (max-width:539px) {#showcase-section.showcase-sample-section {height: 710px }}.showcase-sample-section .link-container a:hover {color: #E1BD00 }.showcase-sample-section .link-container a .sf-icon-arrow-right {display: inline-block;transition: transform 0.3s ease;position: relative }.showcase-sample-section .link-container a:hover .sf-icon-arrow-right {transform: translateX(5px) }.banner-cta-wrapper {display: flex;flex-direction: column;gap: 20px;max-width: 600px }.banner-btn-group {display: flex;flex-wrap: wrap;gap: 16px;align-items: flex-start }.trial-btn-section {display: flex;flex-direction: column;gap: 8px }.banner-cta-btn, .samples-nav-link {display: inline-flex;text-decoration: none;transition: .3s }.banner-cta-btn {align-items: center;justify-content: center;padding: 14px 24px;border-radius: 6px;font-weight: 600;font-size: 16px;line-height: 1.2;border: 2px solid #fff0;cursor: pointer;min-height: 43px;white-space: nowrap;min-width: 180px }.primary-cta-btn {background-color: #0057ff;color: #fff;border-color: #0057ff }.primary-cta-btn:hover, .secondary-cta-btn:hover {background-color: #0050eb;border-color: #0050eb;color: #fff }.secondary-cta-btn {background-color: #fff0;color: #0057ff;border-color: #0057ff }.cta-btn-text {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif }.trial-disclaimer-text {font-size: 14px;color: #666;margin: 0;font-style: italic;text-align: left }.explore-samples-section {flex-basis: 100%;margin-top: 4px }.samples-nav-link {align-items: flex-end;gap: 5px;color: #0057ff;font-size: 16px;font-weight: 500 }.samples-nav-link:hover {color: #0050eb }.nav-link-text {font-weight: 600 }.nav-arrow-icon {font-size: 20px }@media (max-width:549px) {.banner-cta-wrapper {padding: 0 16px;gap: 16px;text-align: center }.banner-btn-group {flex-direction: column;gap: 12px;width: 100%;align-items: center }.trial-btn-section {width: 100%;max-width: 300px;align-items: center }.banner-cta-btn {width: 100%;max-width: 300px;padding: 14px 24px;font-size: 16px;min-height: 43px;justify-content: center }.trial-disclaimer-text {text-align: center;font-size: 13px }.explore-samples-section {text-align: center;margin-top: 8px;width: 100% }.samples-nav-link {font-size: 15px;justify-content: center }}@media (max-width:480px) {.banner-cta-wrapper {padding: 0 12px }.banner-cta-btn {padding: 14px 20px;font-size: 15px;min-height: 52px;max-width: 280px }.trial-disclaimer-text {font-size: 12px }.samples-nav-link {font-size: 14px }}@media (min-width:550px) {.banner-cta-wrapper, .explore-samples-section, .trial-disclaimer-text {text-align: left }.banner-btn-group, .samples-nav-link {justify-content: flex-start }}.nav-link-text.view-demo {padding: 0 !important;background-color: unset !important;color: #0057ff !important;border: unset !important;margin: 0 !important }#wpf-ui-banner .view-demo {margin: 0 !important }#wpf-ui-banner .nav-link-text.view-demo {background-color: unset !important;border: unset !important;color: #0050eb !important }.samples-nav-link:focus {color: #0057ff !important }#control-banner-content .samples-nav-link:focus, .primary-cta-btn:focus {color: #fff !important }#control-banner-content .primary-cta-btn:focus {color: #212121 !important }#ft-controllist #control-items {margin-left: 2% !important }#ft-controllist .feature, #ft-controllist .no-url-control {display: flex;gap: 6px;align-items: flex-start;margin-bottom: 12px;line-height: 22px }#ft-controllist .feature .ai-icon, #ft-controllist .no-url-control .ai-icon {width: 16px;height: 16px;padding: 3px 0 }#ft-controllist .feature .ai-icon img, #ft-controllist .no-url-control .ai-icon img {vertical-align: unset }#ft-controllist .feature .link-content, #ft-controllist .no-url-control .link-content {display: flex !important;flex-wrap: wrap;align-items: center;gap: 4px;flex: 1 }#ft-controllist .container .row li .control-list-names {padding-right: 0 }#ft-controllist #ft-control-platform .section-list .content-heading {padding-left: 22px }@media (min-width:992px) and (max-width:1279px) {#ft-controllist #ft-control-platform .section-list {width: 178px !important }}@media (min-width:768px) and (max-width:991px) {#ft-controllist #control-items .section-list {width: 200px !important }}@media (max-width:767px) {#ft-controllist #control-items .section-list {width: 240px !important }}.ai-tools-and-assistant-section {padding-bottom: 80px }.ai-tools-and-assistant-section .ai-tools-assistant-content-wrapper {display: flex;flex-direction: row;padding: 55px 55px 65px 55px;background: url(https://cdn.syncfusion.com/content/images/FT/ai-tools-assistant/ai-tools-assistant-background-v1.webp);border: 8px solid #E7E0FF;border-radius: 24px;background-size: cover;background-position: center;background-repeat: no-repeat }.ai-tools-and-assistant-section .ai-tools-assistant-heading {font-weight: 600;font-size: 24px !important;line-height: 36px;color: #0F172A }.ai-tools-and-assistant-section .ai-tools-assistant-description {font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: .08px;color: #0F172A;margin-bottom: 35px }.ai-tools-and-assistant-section .ai-tools-assistant-description a{color: #0057FF;}.ai-tools-and-assistant-section .ai-tools-assistant-link {font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: .34px;color: #0057FF;border: 1px solid #0057FF;border-radius: 6px;padding: 10px 16px;text-align: center }.ai-tools-and-assistant-section .ai-tools-assistant-link:hover {background-color: #EDF3FF }.ai-tools-and-assistant-section .ai-powered-tools {padding-right: 56px;position: relative }.ai-tools-and-assistant-section .ai-assistant {padding-left: 56px;position: relative }.ai-tools-and-assistant-section .vertical-divider {border: 1px solid #C3B3FA }.ai-tools-and-assistant-section .ai-assistant-image {background-size: contain;background-repeat: no-repeat;position: absolute;width: 175px;height: 180px;background-image: url(https://cdn.syncfusion.com/content/images/FT/ai-tools-assistant/ai-coding-assistant.webp);right: -115px;top: -135px;background-position: top }@media (max-width:767px) {.ai-tools-and-assistant-section .ai-tools-assistant-content-wrapper {flex-direction: column;padding: 25px 30px }.ai-tools-and-assistant-section .ai-powered-tools {display: grid;padding-right: 0px !important;margin-bottom: 50px }.ai-tools-and-assistant-section .ai-assistant {display: grid;padding-left: 0px !important;margin-top: 36px;margin-bottom: 13px }.ai-tools-and-assistant-section .ai-tools-assistant-description {margin-bottom: 30px }.ai-tools-and-assistant-section .ai-tools-assistant-heading {font-size: 20px !important;font-weight: 700;line-height: 32px }.ai-tools-and-assistant-section .ai-tools-assistant-description {font-size: 14px }.ai-tools-and-assistant-section {padding-right: 20px;padding-left: 20px;padding-bottom: 60px }}@media (max-width:970px) {.ai-tools-and-assistant-section .ai-powered-tools-image, .ai-tools-and-assistant-section .ai-assistant-image {display: none }}@media (min-width:970px) {.ai-tools-and-assistant-section {margin-top: 40px }}@media (min-width:767px) {.ai-tools-and-assistant-section .ai-assistant, .ai-tools-and-assistant-section .ai-powered-tools {width: 50% }}@media (min-width:768px) and (max-width:991px) {.ai-tools-and-assistant-section .ai-tools-assistant-heading {font-size: 19px !important;line-height: 32px }.ai-tools-and-assistant-section .ai-tools-assistant-description {font-size: 14px }}@media (min-width:1200px) {.ai-tools-and-assistant-section {max-width: 1150px }}.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;}@media (max-width: 992px) {.case-study-slider-section .carousel .carousel-cell {display: flex;flex-direction: column;justify-content: space-around;}}@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-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;}@media (max-width: 992px) {.case-study-slider-section .carousel .customer-story-col {margin-top: unset;}}.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;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%;}}.flickity-prev-next-button:hover {background-color: unset !important;}