#case-studies #FT-ourthoughts .resource-tile, #ebook-faq-webstory .ebook-faq-webstory-container {-webkit-box-orient: vertical;-webkit-box-direction: normal;will-change: transform;overflow: hidden }#ft-controllist {visibility: hidden;background-color: #fff;overflow-x: hidden }.h1, .h2, .h3, .h4, .h5, .h6, body, h2, h3, h4, h5, h6 {font-family: "Open Sans", Helvetica, Arial, sans-serif }.banner-strip {background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/banner-strip-background.svg);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-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/banner-strip-mobile.jpg);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:992px) and (max-width:1330px) {.strip-background {width: auto }.banner-strip {width: 110%;width: 454px;background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/banner-strip-mobile-bg.svg);background-position: center center }.banner-strip img {align-self: flex-start;margin-top: 4px }.banner-strip .banner-strip-description {width: 61% }}@media (min-width:1024px) and (max-width:1330px) and (max-width:1070px) {.banner-strip .banner-strip-description {width: 61% }}@media (max-width:630px) {.banner-strip {width: auto;background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/banner-strip-mobile-bg.svg);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% }}@media (max-width:480px) {.banner-strip {width: -moz-max-content;width: max-content;margin-bottom: 14px }.banner-strip .banner-strip-description {width: 230px }}#aspnetcore-razor-banner, #flutter-banner, #wpf-ui-banner {background-color: #fff0;color: #1a1a1a;background-size: auto 100%;background-position: center top;background-repeat: no-repeat }#aspnetcore-razor-banner #typed-strings {display: none }@media (min-width:1367px) {#aspnetcore-razor-banner {padding: 52px 0 }}@media (max-width:1366px) {#flutter-banner, #wpf-ui-banner {background-size: auto 100%;padding: 100px 0 }#aspnetcore-razor-banner {padding: 52px 0 }}@media (max-width:1024px) {#flutter-banner, #wpf-ui-banner {background-size: auto 100%;padding: 4.5em 0;background-position: center }#aspnetcore-razor-banner {padding: 52px 0 }}@media (max-width:992px) {#aspnetcore-razor-banner, #flutter-banner, #wpf-ui-banner {background-size: auto 200%;background-position: left top;padding: 3em 0 }}@media (max-width:768px) {#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 {height: 780px }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 18px !important }.showcase-sample-section .flickty_section .testimonial .inner-description {padding: 0 95px;height: 50px }#technical-support .container .row .category-container {padding-left: 44px !important;display: block;padding-bottom: 40px }#aspnetcore-razor-banner, #flutter-banner, #wpf-ui-banner {background-size: auto 170%;background-position: left top }}#aspnetcore-razor-banner .banner-heading, #flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {font-weight: 400 !important;line-height: 50px;font-size: 38px;margin-bottom: 18px }#aspnetcore-razor-banner .banner-heading br, #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 }#aspnetcore-razor-banner .banner-heading .bold, #flutter-banner .banner-heading .bold, #wpf-ui-banner .banner-heading .bold {font-weight: 700 !important }#aspnetcore-razor-banner #typed, #flutter-banner #typed, #wpf-ui-banner #typed {font-size: 38px;color: #0073dc;letter-spacing: -.7px;line-height: 51px;font-weight: 500 }.new-highlight-FT-image-three-section .sprite-img-four-col-content p a, .new-highlight-FT-image-three-section p a {color: #0073dc }@media (max-width:1280px) {#aspnetcore-razor-banner .banner-heading, #flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {line-height: 38px;font-size: 32px }#aspnetcore-razor-banner #typed, #flutter-banner #typed, #wpf-ui-banner #typed {font-size: 31px }}@media (max-width:400px) {#aspnetcore-razor-banner .banner-heading, #flutter-banner .banner-heading, #wpf-ui-banner .banner-heading {font-size: 24px !important }#aspnetcore-razor-banner #typed, #flutter-banner #typed, #wpf-ui-banner #typed {font-size: 24px }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {visibility: hidden }}@media (max-width:320px) {#aspnetcore-razor-banner #typed, #flutter-banner #typed, #wpf-ui-banner #typed {font-size: 22px }}@media (min-width:401px) and (max-width:450px) {#aspnetcore-razor-banner #typed, #flutter-banner #typed, #wpf-ui-banner #typed {font-size: 28px }}#aspnetcore-razor-banner .free-trial, #flutter-banner .free-trial, #wpf-ui-banner .free-trial {padding: 8px 20px;font-weight: 600;transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;background-color: #0073dc;color: #fff;margin-bottom: 50px;max-width: 210px }#aspnetcore-razor-banner .free-trial span, #aspnetcore-razor-banner .view-demo span, #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 {font-weight: 700;font-size: 14px;letter-spacing: .1px;opacity: 1 !important }#aspnetcore-razor-banner .free-trial:hover, #flutter-banner .free-trial:hover, #wpf-ui-banner .free-trial:hover {background-color: #0698ff !important }@media (max-width:992px) {#aspnetcore-razor-banner .banner-heading, #aspnetcore-razor-banner .free-trial, #flutter-banner .banner-heading, #flutter-banner .free-trial, #wpf-ui-banner .banner-heading, #wpf-ui-banner .free-trial {margin-bottom: 20px }#aspnetcore-razor-banner .banner-heading .bold br, #flutter-banner .banner-heading .bold br, #wpf-ui-banner .banner-heading .bold br {display: none }#aspnetcore-razor-banner .free-trial span, #flutter-banner .free-trial span, #wpf-ui-banner .free-trial span {font-size: 12px }}@media (max-width:480px) {#aspnetcore-razor-banner, #flutter-banner, #wpf-ui-banner {background-size: auto 100%;padding: 3em 2em }#aspnetcore-razor-banner .free-trial, #flutter-banner .free-trial, #wpf-ui-banner .free-trial {margin-bottom: 20px;margin-right: 20px }}#aspnetcore-razor-banner .view-demo, #flutter-banner .view-demo, #wpf-ui-banner .view-demo {padding: 8px 20px;font-weight: 600;transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;background-color: #fff0;color: #0073dc;border: 1px solid #0073dc;margin-bottom: 50px;max-width: 210px;margin-left: 20px }#aspnetcore-razor-banner .view-demo:hover, #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) {#aspnetcore-razor-banner .view-demo, #flutter-banner .view-demo, #wpf-ui-banner .view-demo {margin-bottom: 30px }#aspnetcore-razor-banner .view-demo span, #flutter-banner .view-demo span, #wpf-ui-banner .view-demo span {font-size: 12px }}#aspnetcore-razor-banner .visual-studio-segment-all, #flutter-banner .visual-studio-segment-all, #wpf-ui-banner .visual-studio-segment-all {margin: 0;background: 0 0;width: auto;text-align: left }#aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-image, #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 }#aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-image-xamarin, #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) {#aspnetcore-razor-banner, #flutter-banner, #wpf-ui-banner {padding: 3em 1em }#aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-image-xamarin, #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 }}#aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-text, #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;display: flex;column-gap: 10px }#aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-text-xamarin, #flutter-banner .visual-studio-segment-all .visual-studio-text-xamarin, #wpf-ui-banner .visual-studio-segment-all .visual-studio-text-xamarin {display: flex;position: relative;vertical-align: middle;font-size: 14px;color: #0c0c0c;letter-spacing: .07px;line-height: 21px;column-gap: 10px;padding: 0;margin-right: 0;width: 80%;align-items: center }#aboutus-static-menu.flutter .container .platform-heading span, #aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-text-xamarin 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) {#aspnetcore-razor-banner .view-demo, #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 }#popular-components-section .view-more-link .svg, #wpf-ui-banner .demo-segment .github-wpf, #wpf-ui-banner .demo-segment .net-core {margin-left: 5px }#wpf-ui-banner .demo-segment .demo-image-wpf {-webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / .16);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 {background: #f5f5f5;border: 1px solid #e9e7eb;border-radius: 7px;margin: 25px 0 15px;padding: 5px 0;width: 350px }#wpf-ui-banner .visual-studio-segment-all .visual-studio-image-xamarin {max-width: 25px !important;min-width: 25px !important;margin-left: 10px }#wpf-ui-banner .visual-studio-segment-all .visual-studio-text-xamarin {width: 300px }#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 }#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-three-section {padding: 85px 0 45px;background: #fff }.new-highlight-FT-image-three-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;margin-bottom: 2em;font-weight: 700 }.new-highlight-FT-image-three-section .sprite-img-four-col-content {padding-bottom: 3em;padding-right: 30px;padding-left: 30px }.new-highlight-FT-image-three-section .sprite-img-four-col-content h3 {font-size: 18px;color: #1a1a1a;letter-spacing: .1px;text-align: left;line-height: 25px;font-weight: 700 }.new-highlight-FT-image-three-section .sprite-img-four-col-content h3 a {color: #1a1a1a }.new-highlight-FT-image-three-section .sprite-img-four-col-content h3 a:hover {color: #054fc2 !important }.new-highlight-FT-image-three-section .sprite-img-four-col-content p {font-size: 15px;color: #1a1a1a;letter-spacing: .41px;text-align: left;line-height: 24px }.new-highlight-FT-image-three-section .sprite-img-four-col-content p a:hover, .new-highlight-FT-image-three-section p a:hover {color: #0d98ff !important }.btn-custom, .static-menu-navigation .container ul li:hover {color: #237ac1 }.sprite-img-four-col-content .components {background-position: -22px -9px }.sprite-img-four-col-content .demos {background-position: -133px -9px }.sprite-img-four-col-content .performance {background-position: -250px -9px }.sprite-img-four-col-content .file-format {background-position: -354px -9px }.sprite-img-four-col-content .support {background-position: -23px -118px }.sprite-img-four-col-content .hassel-free {background-position: -236px -118px }.sprite-img-four-col-content .frequent-updates {background-position: -355px -118px }.sprite-img-four-col-content #highlight-sprite-img {display: inline-block;height: 70px;width: 70px;margin-bottom: 10px;background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/highlights/highlights-new.png);background-size: 610% }@media (max-width:767px) {.new-highlight-FT-image-three-section {padding: 50px 0 20px }.new-highlight-FT-image-three-section h2 {margin-bottom: 15px }.new-highlight-FT-image-three-section .sprite-img-four-col-content {padding-bottom: 0 }.new-highlight-FT-image-three-section .sprite-img-four-col-content #highlight-section-img, .new-highlight-FT-image-three-section .sprite-img-four-col-content #highlight-sprite-img {display: none }.new-highlight-FT-image-three-section .sprite-img-four-col-content h3 {margin-bottom: 5px;margin-top: 20px;font-size: 16px !important }.new-highlight-FT-image-three-section .sprite-img-four-col-content p {margin: 0;font-size: 12px;line-height: 20px }.sprite-img-four-col-content #highlight-sprite-img {margin: 30px 45% 10px }}@media (max-width:600px) {.sprite-img-four-col-content #highlight-sprite-img {margin: 30px 45% 10px 44% }}@media (max-width:500px) {.sprite-img-four-col-content #highlight-sprite-img {margin: 30px 45% 10px 42% }}@media (max-width:475px) {.sprite-img-four-col-content #highlight-sprite-img {margin: 30px 45% 10px 41% }}@media (max-width:375px) {.sprite-img-four-col-content #highlight-sprite-img {margin: 30px 45% 10px 39% }}#popular-components-section {padding: 5em 0;background-color: #f5f9fd }#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 }#demos .slider .slides .flickity-slider>div:not([class*="col-"]), #g2-widget .carousel.is-expanded, #popular-components-section .control-image img, #recent-activities-section .tile .topic, .g2-widget-review .carousel.is-expanded, .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, .flickity-prev-next-button svg, .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 {-webkit-transition: 0.2s;transition: 0.2s;-webkit-transform: translateX(1rem);transform: translateX(1rem) }#popular-components-section .tab-pane.fade.active {-webkit-transform: translateX(0);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: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.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 {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) {#aspnetcore-razor-banner .view-demo, #flutter-banner .view-demo, #popular-components-section .view-demo, #popular-components-section .view-more, #wpf-ui-banner .view-demo {padding: 8px 15px }#aspnetcore-razor-banner .view-demo span, #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);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 {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-animation: 0.7s both scaleUp;animation: 0.7s both scaleUp }@-webkit-keyframes scaleUp {from {opacity: 0;-webkit-transform: scale(.8);transform: scale(.8) }}@keyframes scaleUp {from {opacity: 0;-webkit-transform: scale(.8);transform: scale(.8) }}}#case-studies, .bg-lazy {background-image: none !important }@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 .web-icon-three-line svg {margin-bottom: -30px }#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 }@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 }}#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: 220px !important }@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 {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-animation: 0.7s both scaleUp;animation: 0.7s both scaleUp }@-webkit-keyframes scaleUp {from {opacity: 0;-webkit-transform: scale(.8);transform: scale(.8) }}@keyframes scaleUp {from {opacity: 0;-webkit-transform: scale(.8);transform: scale(.8) }}#popular-components-section .content-section {padding-left: 15px }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section {-webkit-transition: none !important;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: 3% !important }#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 }#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%;text-decoration: none;margin-bottom: 20px }#ft-controllist .container .row .content-heading, .medium {font-size: 16px;color: #1a1a1a }#ft-controllist .container .row .content-medium, #ft-controllist .container .row .list-items {width: 100%;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 }#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;display: table-cell;vertical-align: middle;color: #3c78ef;text-decoration: none }#ft-controllist .container .row li .control-list-names {display: table-cell;vertical-align: middle;padding-right: 4px;line-height: 22px }#ft-controllist .container .row li .badge-preview {background-color: #fff6ea;width: 58px;height: 18px;border: 1px solid #fdd592;color: #9a6409;font-weight: 600 !important;padding: 4px 7px;border-radius: 24px;font-size: 10px !important;position: relative;top: 0;line-height: 10px !important }#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:991px) {#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: 100% }}@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 .container, .showcase-sample-section .slider.slider--inline-arrows .static-container {margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px }@media (max-width:767px) {#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: 140% !important }#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;width: 320px }#ft-controllist .container #control-items {margin-top: -5px }#case-studies {padding: 50px 0 }}@media (max-width:1200px) and (min-width:820px) {#ft-controllist .container #ft-controllist .container .row .section-list ul li, #ft-controllist .container .row .section-list, #ft-controllist .container .row .section-list ul {width: 170px !important }}.showcase-sample-section {height: 42em }.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 }#demos .flickity-enabled, .showcase-sample-section ul {height: 650px }.showcase-sample-section li {list-style-type: none }.showcase-sample-section .slide:first-of-type {background-image: linear-gradient(225deg, #7300b3 0, #6f31d8 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(2) {background-image: linear-gradient(225deg, #6dbb0c 0, #05a631 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(3) {background-image: linear-gradient(225deg, #794fd5 0, #3938d9 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(4) {background-image: linear-gradient(58deg, #0f52cc 0, #4d2cca 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(5) {background-image: linear-gradient(224deg, #6a15ae 0, #215bc7 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(6) {background-image: linear-gradient(224deg, #4400f4 0, #5500e1 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(7) {background-image: linear-gradient(224deg, #702ad2 0, #720dbd 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(8) {background-image: linear-gradient(224deg, #512282 0, #322282 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(9) {background-image: linear-gradient(264.93deg, #550686 0, #cb409c 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(10) {background-image: linear-gradient(264.93deg, #006585 0, #9e2cbc 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(11) {background-image: linear-gradient(224deg, #3d67ff 0, #4054fc 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(12) {background-image: linear-gradient(224deg, #6653fb 0, #7968fc 100%);background-color: none !important }.showcase-sample-section .slide:nth-of-type(13) {background-image: linear-gradient(273deg, #6636c9 6.85%, #6729bc 97.22%);background-color: none !important }.showcase-sample-section .logo_section {padding-bottom: 1em !important }.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 .video-play-icon {width: 18px;display: inline-block;background: url(https://cdn.syncfusion.com/content/images/FT/Blazor/icons/video-play-icon.svg) no-repeat;height: 18px;vertical-align: sub;margin-right: 5px }@media only screen and (min-width:992px) and (max-width:1199px) {.showcase-sample-section .flickty_section .testimonial .watch-now {padding: 11px !important }}.showcase-sample-section .flickty_section .testimonial .view-demo, .showcase-sample-section .flickty_section .testimonial .watch-now {padding: 11px 20px;font-weight: 600;transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;background-color: #fff;border: 1px solid #fff;color: #000;margin-right: 15px;max-width: 210px;opacity: 1;border-radius: 5px }.showcase-sample-section .flickty_section .testimonial .view-demo span, .showcase-sample-section .flickty_section .testimonial .watch-now span {font-weight: 600;font-size: 14px;letter-spacing: .1px;opacity: 1 !important }#free-evaluation .free-download-btn:hover, .showcase-sample-section .flickty_section .testimonial .view-demo:hover, .showcase-sample-section .flickty_section .testimonial .view-more:hover, .showcase-sample-section .flickty_section .testimonial .watch-now:hover {opacity: .8 }.showcase-sample-section .flickty_section .testimonial .view-more {opacity: 1;border: 1px solid #fff;padding: 10px 12px 12px;border-radius: 5px }.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: 600 }.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 0.1s;-webkit-animation: 1s 0.5s forwards SlideUpFadeIn;animation: 1s 0.5s forwards SlideUpFadeIn;transform-origin: 50% 50%;margin-top: 90px }#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon svg, #faq .faq-list h3 .faq-collapse-icon svg, .flickity-prev-next-button:hover, .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, .showcase-sample-section .slider.slider--inline-arrows .static-container {width: 750px }}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {position: relative;margin-bottom: -150px;z-index: 5 }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading h2 {margin: 10% 0 0;position: relative }.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button:focus {box-shadow: none !important }.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button::before {position: absolute;left: 5px;top: 4px;content: url(https://cdn.syncfusion.com/content/images/FT/Blazor/icons/Arrow_V4.svg) }.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button.previous {display: none }.flickity-prev-next-button.previous::before {content: url(https://cdn.syncfusion.com/content/images/products/dashboardoffer/left-arrow.png) }.showcase-sample-section .flickity-page-dots {bottom: 25% !important;text-align: left !important;top: -127px;position: relative;z-index: 1 }.showcase-sample-section .flickity-page-dots .dot {background: #fff;opacity: .5;height: 8px;width: 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: 81.5%;left: -55%;width: 50px !important;height: 45px;opacity: .6;z-index: 2;background: 0 0 }@media (min-width:992px) {.showcase-sample-section .container, .showcase-sample-section .slider.slider--inline-arrows .static-container {width: 970px }#popular-components-section .content-section {padding-top: 40px }}@media (min-width:1200px) {#popular-components-section .nav-tabs .col-lg-2 {width: 14.28% }.showcase-sample-section .container, .showcase-sample-section .slider.slider--inline-arrows .static-container {width: 1170px }.showcase-sample-section .flickty_section .testimonial .view-demo span, .showcase-sample-section .flickty_section .testimonial .view-more .button-content, .showcase-sample-section .flickty_section .testimonial .watch-now span {font-size: 14px !important;font-weight: 600 !important }.showcase-sample-section .flickty_section .testimonial .inner-description {font-size: 14px !important;width: 65% !important }.showcase-sample-section .flickty_section .testimonial .view-demo, .showcase-sample-section .flickty_section .testimonial .watch-now {padding: 9px 20px;font-weight: 600 !important }#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 20% }#technical-support .container .row .heading-3 .category-additional-column, #technical-support .container .row .heading-3 .category-columns {width: 30% !important }}@media (max-width:1200px) and (min-width:992px) {.showcase-sample-section .flickty_section .testimonial .inner-description {width: 75% !important }}@media (max-width:1279px) and (min-width:992px) {.showcase-sample-section {height: 570px }}@media (max-width:991px) {.showcase-sample-section {text-align: center;height: 781px }.showcase-sample-section h2 {padding-left: 9%;padding-right: 9% }.showcase-sample-section h5 {margin-top: 0 }.showcase-sample-section .flickty_section {padding-bottom: 0;background: 0 0 !important;height: 690px;padding-top: 50px }.showcase-sample-section .flickty_section h2 {padding-left: 9%;padding-right: 9%;margin: 0 }.showcase-sample-section .flickty_section .content-section-fade {margin-top: 0 !important }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 20px !important;margin-top: 65px;margin-bottom: 10px }.showcase-sample-section .flickty_section .testimonial .inner-description {width: 100%;margin-bottom: 25px;font-size: 14px;padding-left: 100px;padding-right: 100px }.showcase-sample-section .flickty_section .testimonial .responsive-img img {display: inline;height: 500px;margin-bottom: 15px }.showcase-sample-section .flickity-page-dots {bottom: 15% !important;padding-left: 240px;top: -55px }}@media (max-width:991px) and (min-width:768px) {.showcase-sample-section {height: 800px !important }.showcase-sample-section .flickty_section, .showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 850px !important }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 24px !important;margin-top: 50px !important }.showcase-sample-section .flickty_section .testimonial .inner-description, .showcase-sample-section .view-demo span, .showcase-sample-section .view-more .button-content {font-size: 14px !important }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -120px !important }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading h2 {font-size: 26px !important }}@media (max-width:768px) {#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 {height: 780px }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 18px !important }.showcase-sample-section .flickty_section .testimonial .inner-description {padding: 0 95px;height: fit-content !important }.showcase-sample-section .flickity-page-dots {bottom: 6% !important;display: flex;justify-content: center;padding: 0 !important;top: -23px }}@media (max-width:700px) {.showcase-sample-section {height: 710px }.showcase-sample-section .flickty_section .testimonial .responsive-img img {height: 450px }}@media (max-width:767px) and (min-width:701px) {.showcase-sample-section {height: 800px !important }.showcase-sample-section .flickty_section {height: 870px !important }.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 50px }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -115px !important }.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 850px !important }}@media (max-width:701px) and (min-width:650px) {.showcase-sample-section {height: 750px !important }.showcase-sample-section .flickty_section, .showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 820px !important }.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 50px }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -115px !important }}@media (max-width:650px) and (min-width:636px) {.showcase-sample-section {height: 665px !important }.showcase-sample-section .flickty_section, .showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 720px !important }.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 40px }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -120px !important }}@media (max-width:636px) and (min-width:501px) {.showcase-sample-section {height: 698px !important }.showcase-sample-section .flickty_section, .showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 720px !important }.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 40px }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -120px !important }}@media (max-width:650px) and (min-width:401px) {.showcase-sample-section .flickty_section .testimonial .inner-description {padding-left: 12%;padding-right: 12% }.showcase-sample-section .flickty_section .testimonial .responsive-img img {height: 365px }}@media (max-width:606px) {.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 10px !important }}@media (min-width:1920px) and (max-width:4000px) {.showcase-sample-section .flickty_section {background-repeat: no-repeat }}@media (max-width:501px) and (min-width:399px) {.showcase-sample-section {height: 600px !important }.showcase-sample-section .flickty_section, .showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 632px !important }.showcase-sample-section .flickty_section .testimonial .inner-description {height: -webkit-fit-content !important;height: -moz-fit-content !important;height: fit-content !important }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 22px !important;margin-top: 35px !important }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -120px !important }}@media (max-width:399px) and (min-width:367px) {.showcase-sample-section {height: 545px !important }.showcase-sample-section .flickty_section, .showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 580px !important }.showcase-sample-section .flickty_section .testimonial .inner-description {height: 60px }.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 35px !important }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -165px !important }}@media (max-width:367px) {.showcase-sample-section {height: 554px !important }.showcase-sample-section .flickty_section {height: 576px !important;padding-top: 20px }.showcase-sample-section .flickty_section .testimonial .inner-description {height: -webkit-fit-content !important;height: -moz-fit-content !important;height: fit-content !important }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 22px !important }.showcase-sample-section .flickty_section .testimonial .view-demo span, .showcase-sample-section .flickty_section .testimonial .view-more .button-content, .showcase-sample-section .flickty_section .testimonial .watch-now span {font-size: 14px !important }.showcase-sample-section .flickty_section .testimonial .view-more {margin-bottom: 10px !important }.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {margin-bottom: -185px !important }.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport {height: 576px !important }}@media (max-width:500px) {.showcase-sample-section h2 {visibility: hidden }.showcase-sample-section .flickty_section .testimonial .inner-description {padding-left: 6%;padding-right: 6% }.showcase-sample-section .flickty_section .testimonial h2 {margin-bottom: -7em }.showcase-sample-section .flickty_section .testimonial .view-more {display: block;padding: 11px 5px 13px;margin-top: 15px;margin-left: 50px;margin-right: 50px }.showcase-sample-section .flickty_section .testimonial .view-demo, .showcase-sample-section .flickty_section .testimonial .watch-now {display: block;max-width: unset;margin-left: 50px;margin-right: 50px }.showcase-sample-section .flickty_section .testimonial .responsive-img img {height: auto }#case-studies #FT-ourthoughts .main-heading br {display: none !important }}@media (max-width:380px) and (min-width:368px) {.showcase-sample-section .github-img {width: 140px }.showcase-sample-section .flickty_section {height: 570px }.showcase-sample-section .flickty_section .testimonial .h4 {font-size: 22px !important }.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, .showcase-sample-section .flickty_section .testimonial .watch-now {padding: 10px 16px }.showcase-sample-section .flickty_section .testimonial .view-demo span, .showcase-sample-section .flickty_section .testimonial .view-more .button-content, .showcase-sample-section .flickty_section .testimonial .watch-now span {font-size: 14px !important }.showcase-sample-section .flickty_section .testimonial .view-more {padding: 7px 5px 10px }}@media (max-width:329px) {.showcase-sample-section .flickty_section .testimonial .inner-description {height: 70px;height: -webkit-fit-content !important;height: -moz-fit-content !important;height: fit-content !important }.showcase-sample-section .flickty_section .testimonial .h4 {margin-top: 0 }.showcase-sample-section .flickty_section .testimonial .view-demo, .showcase-sample-section .flickty_section .testimonial .watch-now {margin-left: 30px;margin-right: 30px }.showcase-sample-section .flickty_section .testimonial .view-more {margin-left: 30px;margin-right: 30px;margin-bottom: 20px }}#react-demos .flickty_section .testimonial .h4, #react-demos .flickty_section .testimonial .inner-description, #react-demos h2 {color: #1e293b !important }#react-demos .flickty_section .testimonial .view-demo {color: #fff !important;background-color: #1e293b !important;border-color: #1e293b !important }#react-demos .flickty_section .testimonial .button-content, #react-demos .flickty_section .testimonial .view-more {color: #1e293b !important;border-color: #1e293b !important }#react-demos .flickty_section .testimonial .view-more .github-icon {background: url(https://cdn.syncfusion.com/content/images/FT/showcase/github-icon.png) 0 0/30px no-repeat }#react-demos .slider.slider--inline-arrows .static-container .static-heading h2 {margin-top: 5% }@media (max-width:367px) {.showcase-sample-section .flickty_section .testimonial .inner-description {height: -webkit-fit-content !important;height: -moz-fit-content !important;height: fit-content !important }}@media (max-width:320px) {.sprite-img-four-col-content #highlight-sprite-img {margin: 30px 45% 10px 38% }.showcase-sample-section .flickty_section .testimonial .inner-description {height: -webkit-fit-content !important;height: -moz-fit-content !important;height: fit-content !important }}#case-studies {padding: 50px 0;background-color: #f9fbff;border-radius: 10px }#case-studies #FT-ourthoughts .btn {transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;border-radius: 6px;line-height: 1.85714286em;display: inline-block;padding: 4px 18px !important;font-size: 1.1em;border: 2px solid #0057ff !important;background: #0057ff !important }#aboutus-static-menu, #platform-pricing, #technical-support {background-color: #fff !important }#case-studies #FT-ourthoughts .btn:hover {color: #fff;background: #0d98ff !important;border: 2px solid #0d98ff !important }#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, #ebook-faq-webstory a .btn__text:hover, a:hover {color: #0450c2 }#case-studies #FT-ourthoughts .main-heading {color: #333;font-weight: 700;margin-bottom: 2em;margin-left: 1em;margin-right: 1em;font-size: 31px }@media (min-width:1200px) and (max-width:1820px) {#case-studies #FT-ourthoughts .main-heading {font-size: 33px }}#case-studies #FT-ourthoughts .case-studies-section {padding: 1em }#case-studies #FT-ourthoughts .resource-tile {background-size: cover !important;background-color: #fff !important;width: 100%;-webkit-box-shadow: -5px 5px 21px 0 rgb(0 0 0 / .13);box-shadow: -5px 5px 21px 0 rgb(0 0 0 / .13);border-radius: 10px;-ms-flex-direction: column;flex-direction: column;-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out }#case-studies #FT-ourthoughts .resource-tile:hover, #ebook-faq-webstory .ebook-faq-webstory-container:hover {-webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .06);box-shadow: 0 0 25px 0 rgb(0 0 0 / .06);-webkit-transform: translateY(-10px);transform: translateY(-10px) }@media (min-width:540px) and (max-width:767px) {#case-studies #FT-ourthoughts .resource-tile {width: 60%;margin: auto }}@media (min-width:487px) and (max-width:539px) {#case-studies #FT-ourthoughts .resource-tile {width: 80%;margin: auto }}#case-studies #FT-ourthoughts .resource-tile img {width: 100%;opacity: 1;margin-bottom: 0 }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content {bottom: 0;padding: 30px;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.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: #64748b;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: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 }}@media (max-width:992px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {min-height: 80px }#popular-components-section .content-section {text-align: center }#popular-components-section .view-more-link {padding-bottom: 30px }}@media (max-width:1400px) {.ourthoughts-section {margin: 0 3% }}@media (min-width:992px) and (max-width:1200px) {.ourthoughts-section {margin: 0 1% !important }}@media (min-width:392px) and (max-width:767px) {.ourthoughts-section {margin: 0 13% !important }}@media (max-width:391px) {.ourthoughts-section {margin: 0 7% !important }}@media (min-width:1401px) and (max-width:1600px) {.ourthoughts-section {margin: 0 2% }}#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 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;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: -webkit-box;display: -ms-flexbox;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) {#technical-support .container .row .category-container {padding-left: 44px !important;display: block;padding-bottom: 40px }}@media (max-width:1200px) and (min-width:768px) {#technical-support .container .row .category-container {display: -ms-grid;display: grid;-ms-grid-columns: 240px 240px 240px;grid-template-columns: 240px 240px 240px }#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 220px }}#ft-ebook-faq {background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/Faq-Ebook-bg.webp) }#ft-ebook-faq {background-position: center;background-size: 200% }#ft-ebook-faq .ebook-section .content-section, #ft-ebook-faq .faq-section .content-section {padding-top: 55px;padding-bottom: 60px }#ft-ebook-faq .ebook-section .content-section h2 {font-size: 18px !important;color: #f9f9f9;letter-spacing: -.32px;font-weight: 600 }#ft-ebook-faq .ebook-section .content-section .description {opacity: .74;font-size: 14px;color: #fff;letter-spacing: -.25px;line-height: 21px;margin-bottom: 25px }#ft-ebook-faq .ebook-section .content-section .ebook-faq-btn, #ft-ebook-faq .faq-section .content-section .ebook-faq-btn {background: #fff;border: 1px solid #fff }#ft-ebook-faq .ebook-section .content-section .ebook-faq-btn .ebook-faq-btn-text {font-size: 14px;color: #000;letter-spacing: -.25px;font-weight: 700;padding: 8px 15px }#ft-ebook-faq .ebook-section .content-section .ebook-faq-btn:hover, #ft-ebook-faq .faq-section .content-section .ebook-faq-btn:hover {opacity: .85 }#ft-ebook-faq .faq-section .content-section h2 {font-size: 18px;color: #f9f9f9;letter-spacing: -.32px;font-weight: 600 }#ft-ebook-faq .faq-section .content-section .description {opacity: .74;font-size: 14px;color: #fff;letter-spacing: -.25px;line-height: 21px;margin-bottom: 46px }#ft-ebook-faq .faq-section .content-section .ebook-faq-btn .ebook-faq-btn-text {font-size: 14px;color: #000;letter-spacing: -.25px;font-weight: 700 }@media (min-width:992px) and (max-width:1199px) {#ft-ebook-faq .ebook-section, #ft-ebook-faq .faq-section {height: 250px }#ft-ebook-faq .ebook-section .image-section img, #ft-ebook-faq .faq-section .image-section img {width: 100% }#ft-ebook-faq .ebook-section .content-section, #ft-ebook-faq .faq-section .content-section {padding-top: 40px;padding-bottom: 0 }#ft-ebook-faq .ebook-section .content-section h2, #ft-ebook-faq .faq-section .content-section h2 {font-size: 18px !important }}@media (min-width:768px) and (max-width:991px) {#ft-ebook-faq {background: url(https://cdn.syncfusion.com/content/images/FT/Blazor/Faq-Ebook-bg.webp) }#ft-ebook-faq {background-size: 800%;z-index: -1 }#ft-ebook-faq .ebook-section .content-section {padding-top: 80px }#ft-ebook-faq .ebook-section .image-section, #ft-ebook-faq .faq-section .image-section {text-align: center }#ft-ebook-faq .ebook-section .image-section img, #ft-ebook-faq .faq-section .image-section img {width: auto;height: auto }#ft-ebook-faq .faq-section .content-section {padding-top: 68px }}#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) {#flutter-banner, #wpf-ui-banner {padding: 30px 0 }#case-studies #FT-ourthoughts .btn {padding: 5px 10px }#case-studies #FT-ourthoughts .main-heading {font-size: 30px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content hr {margin: .2em auto .5em }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading {font-size: 15px !important }#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 }#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;text-decoration: none;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 }#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, a:hover {cursor: pointer }.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 }.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 {-webkit-box-shadow: 0 0 3px 3px #ececec !important;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: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.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 {-webkit-box-shadow: 0 0 3px 3px #ececec !important;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 {width: auto !important }#aboutus-static-menu.flutter .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 {display: none }}@media (max-width:1279px) {.static-menu-navigation {padding: 0 }.static-menu-navigation .container ul li .content-medium {padding: 0 17px }}@media (max-width:1279px) and (min-width:1024px) {.showcase-sample-section {height: 570px }}@media (max-width:1023px) and (min-width:768px) {#faq {padding: 50px 0 40px }#faq h2 {margin-bottom: 40px }.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 }}#free-evaluation {background-image: url(https://cdn.syncfusion.com/content/images/FT/WinUI/freedownload_bg.webp) }#free-evaluation {background-repeat: no-repeat;background-size: cover !important;background-position: 50% 50% !important;height: 268px;padding: 4em 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 }}@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 }}#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 }#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 h3 {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 h3 {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) {#case-studies #FT-ourthoughts .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 }#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: 0 }#technical-support .container .row .platform-heading-text {font-size: 24px;margin-top: 40px }#ft-ebook-faq .ebook-section, #ft-ebook-faq .faq-section {padding: 0;background-size: cover;background-repeat: no-repeat }#ft-ebook-faq .ebook-section, #ft-ebook-faq .faq-section {background: url(https://cdn.syncfusion.com/content/images/FT/Blazor/Faq-Ebook-bg.webp) }#ft-ebook-faq {background: unset }#ft-ebook-faq .ebook-section {background-position: left }#ft-ebook-faq .ebook-section .image-section, #ft-ebook-faq .faq-section .image-section {text-align: center }#ft-ebook-faq .ebook-section .image-section img, #ft-ebook-faq .faq-section .image-section img {width: 170px;height: 219px }#ft-ebook-faq .ebook-section .content-section, #ft-ebook-faq .faq-section .content-section {padding-top: 0;padding-bottom: 35px;padding-left: 30px;text-align: center }#ft-ebook-faq .ebook-section .content-section h2, #ft-ebook-faq .faq-section .content-section h2 {font-size: 14px !important }#ft-ebook-faq .ebook-section .content-section .description, #ft-ebook-faq .faq-section .content-section .description {font-size: 14px;line-height: 22px;margin-bottom: 15px;padding: 0 5px }#ft-ebook-faq .ebook-section .content-section .ebook-faq-btn {padding: 6px 25px }#ft-ebook-faq .ebook-section .content-section .ebook-faq-btn .ebook-faq-btn-text {font-size: 12px;padding: 8px 15px }#ft-ebook-faq .faq-section {background-position: right }#ft-ebook-faq .faq-section .content-section .ebook-faq-btn {padding: 6px 40px }#ft-ebook-faq .faq-section .content-section .ebook-faq-btn .ebook-faq-btn-text, #responsive-tabs, #responsive-tabs-bottom {font-size: 12px }#platform-pricing {padding: 50px 0 0 }#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 }.static-menu-navigation {display: none }#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 {text-decoration: none;color: #4a90e2 }.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 }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 }#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);-webkit-box-shadow: 0 8px 12px rgb(28 60 60 / .12), 2px 10px 18px rgb(42 92 92 / .12);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 }#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: -webkit-inline-box;display: -ms-inline-flexbox;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 }#g2-widget #g2-rating, .g2-widget-review #g2-rating {font-weight: 800;color: #000;margin: 45px 30px 30px;text-align: center }#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 }#g2-widget .app-ratings-link, .g2-widget-review .app-ratings-link {color: #006aff;font-weight: 600 }#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: "\2192" }#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {display: -webkit-box;display: -ms-flexbox;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: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;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 }}#blazorPlaygroundSection {background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/blazor-playground-background.webp);background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 95px 0 }#blazorPlaygroundSection .playground-section-header {color: #fff;font-size: 36px !important;font-weight: 800;line-height: 54.47px }#blazorPlaygroundSection .playground-section-button {font-size: 16px;font-weight: 600;line-height: 24.79px;letter-spacing: .02em;fill: #370a82;color: #370a82;background-color: #fff;border-radius: 6px;padding: 8px 24px }#blazorPlaygroundSection .playground-section-button .playground-button-text {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center }#blazorPlaygroundSection .playground-section-button .playground-button-text svg {width: 8px !important;height: 16px !important;margin-top: 5px }#blazorPlaygroundSection .playground-section-button .playground-button-right-arrow {padding-left: 10px }#blazorPlaygroundSection .playground-section-button:hover {background-color: #ebe0ff;border-color: #ebe0ff }@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 }#blazorPlaygroundSection .playground-section-header, .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 .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 }#blazorPlaygroundSection {padding: 69% 0;background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/blazor-playground-background-mobile.png) }}@media (max-width:1024px) and (min-width:768px) {#blazorPlaygroundSection {background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/blazor-playground-background-tab.png) }#blazorPlaygroundSection .playground-section-header {font-size: 34px !important }}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 }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link:focus, ul:not([class*="menu"]) li>a:hover {text-decoration: none }[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 }}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;-webkit-font-variant-ligatures: common-ligatures;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, 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: .59090909090909em }.h2, h2 {margin-bottom: .78787878787879em }.h3, h3 {margin-bottom: 1.04em }.h4, h4 {margin-bottom: 1.36842105263158em;font-weight: 400 }.h4.inline-block+.h4.inline-block:not(.typed-text), h4.inline-block+.h4.inline-block:not(.typed-text) {margin-left: .68421052631579em }.h6:not(:last-child), h6:not(:last-child) {margin-bottom: 2.16666666666667em }img {max-width: 100%;margin-bottom: 1.85714286em }section {padding-top: 6em;padding-bottom: 5em }section:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.unpad--bottom):not(.border--bottom)+footer:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.unpad--bottom):not(.border--bottom), section:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs)+section:not(.unpad):not(.imagebg):not([class*="bg--"]):not(.imageblock):not(.border--bottom):not(.space--xxs) {padding-top: 0 }section.border--bottom:not([data-gradient-bg]) {border-bottom: 1px solid #ececec }section.text-center div[class*="col-"]:first-child:last-child {margin: 0 auto;float: none }.back-to-top {position: fixed;width: 3.71428571em;height: 3.71428571em;background: #fff;border-radius: 50%;text-align: center;right: 1.85714286em;bottom: 3.71428571em;padding-top: 12px;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);-webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);z-index: 99;border: 1px solid #ececec;transition: 0.2s ease-out;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out }.back-to-top 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: .16666666666667em }@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: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;position: relative }.pricing .label {top: 2.78571429em;right: 2.78571429em }.pricing .h2 {margin-bottom: .3939393939394em }.pricing ul li:not(:last-child) {margin-bottom: .46428571em }.pricing:hover {-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);-webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);box-shadow: 0 0 25px 0 rgb(0 0 0 / .04) }.pricing .h1 {font-size: 4.21428571428571em;line-height: 1.10169491525424em;margin-bottom: .22033898305085em }.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 {-webkit-transform: none !important;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 }.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 {-webkit-box-shadow: none;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 }.slider.border--round .slides li {border-radius: 6px;overflow: hidden }@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 }.flickity-prev-next-button {display: none }}@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, h3 {font-size: 1.35714286em;line-height: 1.85714286em }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 }}.back-to-top {margin: 0 6px 50px 0 }.fixed-menu {background-color: #f3f3f3 !important;left: 0;position: fixed;top: 0;width: 100%;z-index: 1000 }@media (min-width:992px) {#aspnetcore-razor-banner {background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/Banner/Blazor-banner-new.webp), linear-gradient(115deg, #fbfeff 0, #fbfeff 29%, #aae8e9 81%, #afeaeb 99%) }}@media (min-width:720px) and (max-width:768px) {#aspnetcore-razor-banner {background-size: auto 180% }}@media (min-width:860px) and (max-width:992px) {#aspnetcore-razor-banner {background-size: auto 230% }}#popular-components-section .first-list-element {margin-left: 14% }#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: 15.28% }}.blazor-banner-button {display: -webkit-box;display: -ms-flexbox;display: flex }.blazor-banner-button .view-demo-dropdown {margin-left: 12px;background-color: #fff0;color: #0057ff;border: 1.5px solid #0057ff;padding: 8px 20px;font-weight: 700 }.blazor-banner-button .view-demo-dropdown svg {margin-left: 6px;-webkit-transform: rotate(180deg);transform: rotate(180deg) }.blazor-banner-button .dropdown-toggle:focus {outline: 0 }.blazor-banner-button .dropdown.open .view-demo-dropdown, .blazor-banner-button .view-demo-dropdown:hover {background-color: #3278ff;color: #fff;border: 1.5px solid #3278ff }.blazor-banner-button .dropdown.open .view-demo-dropdown svg path, .blazor-banner-button .view-demo-dropdown:hover svg path {stroke: #fff }.blazor-banner-button .view-demo-dropdown:active {-webkit-box-shadow: none;box-shadow: none }.blazor-banner-button .view-demo-dropdown:focus-visible {outline: 0 }.blazor-banner-button .dropdown-item {padding: 12.5px 25px 12.5px 20px;color: #334155;font-weight: 600;font-size: 14px;display: block }.blazor-banner-button .dropdown-item:hover {background-color: #f1f5f9 }.blazor-banner-button .dropdown-menu {width: -webkit-max-content;width: -moz-max-content;width: max-content;min-width: unset;margin: 4px 0 0;left: 12px;border: 1px solid #e2e8f0;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / .08);box-shadow: 0 6px 12px rgb(0 0 0 / .08) }.blazor-banner-button .dropdown-menu .export-icon {width: 14px;height: 14px;margin-left: 12px;margin-bottom: -2px;display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(https://cdn.syncfusion.com/content/images/FT/Blazor/export-icon.svg) }#aspnetcore-razor-banner .free-trial {background-color: #0057ff !important;margin-bottom: 0 !important }#aspnetcore-razor-banner .free-trial:hover {background-color: #3278ff !important }@media (max-width:383px) {#aspnetcore-razor-banner .free-trial, #flutter-banner .free-trial, #wpf-ui-banner .free-trial {padding: 8px 10px;margin-right: 15px }#aspnetcore-razor-banner .free-trial span, #flutter-banner .free-trial span, #wpf-ui-banner .free-trial span {font-size: 10px }.blazor-banner-button .view-demo-dropdown {font-size: 10px;padding: 8px 15px }.blazor-banner-button .view-demo-dropdown svg {width: 10px;height: 6px }.blazor-banner-button .dropdown-item {font-size: 10px;padding: 12.5px 15px }.blazor-banner-button .dropdown-item .export-icon {width: 10px;height: 10px;margin-left: 5px }}@media (max-width:992px) and (min-width:383px) {#aspnetcore-razor-banner .free-trial {padding: 5px 20px !important }.blazor-banner-button .view-demo-dropdown {font-size: 12px }.blazor-banner-button .view-demo-dropdown svg {width: 13px }.blazor-banner-button .dropdown-item {font-size: 12px;padding: 12.5px 15px }.blazor-banner-button .dropdown-item .export-icon {width: 12px;height: 12px;margin-left: 5px }}.platform-banner-section h2.NoCreditCardDesktopBlazor, .platform-banner-section h2.NoCreditCardMobileBlazor {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: 5px 0 0 30px }@media (max-width:990px) {.platform-banner-section h2.NoCreditCardDesktopBlazor, .platform-banner-section h2.NoCreditCardMobileBlazor {margin: 5px 0 0 23px;font-size: 13px !important }}#ebook-faq-webstory {padding-top: 85px;background: #f5f9fd;padding-bottom: 78px }#ebook-faq-webstory h2 {color: #0f172a;font-size: 33px;font-style: normal;font-weight: 700;line-height: normal;padding-bottom: 25px;text-align: center;margin-bottom: 0 }#ebook-faq-webstory h3 {color: #0f172a;font-weight: 700;font-size: 20px;line-height: 20px }#ebook-faq-webstory .description {height: 78px;font-family: Open Sans;font-size: 18px;font-weight: 400;line-height: 26px;letter-spacing: 0;text-align: left;color: #0f172a;min-height: 80px;margin-bottom: 40px }#ebook-faq-webstory .ebook-faq-webstory-container {background-size: cover !important;background: #fff;box-shadow: -5px 5px 21px 0 rgb(0 0 0 / .13);border-radius: 10px;transition: 0.2s ease-out;font-size: 16px;font-weight: 600;line-height: 20px;letter-spacing: .3428572118282318px }#ebook-faq-webstory .resource-tile-content {padding: 24px 24px 18px }#ebook-faq-webstory a .btn__text {color: #0057ff;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px;letter-spacing: .343px }#ebook-faq-webstory .ebook-faq-webstory-section {padding: 24px }@media (max-width:1399px) {#ebook-faq-webstory .description {min-height: 95px }}@media (max-width:992px) {#aspnetcore-razor-banner {background-image: none !important }#ebook-faq-webstory .description {min-height: 80px }}@media (max-width:1199px) {#case-studies #FT-ourthoughts .btn__text {font-size: 13px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description, #ebook-faq-webstory .description {font-size: 14px !important }}@media (max-width:1024px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {margin-bottom: 20px;line-height: 21px }#ebook-faq-webstory .description {margin-bottom: 10px;line-height: 21px }}#g2-widget {padding-top: 78px }.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) {#ebook-faq-webstory .description {min-height: 50px }.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: 82%;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) {#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 }.platform-banner-section h2.NoCreditCardDesktopBlazor, .platform-banner-section h2.NoCreditCardMobileBlazor {margin: 5px 0 0 13px;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 }.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) {.blazor-banner-button {display: block }.blazor-banner-button .view-demo-dropdown {margin: 15px 0 0 }.blazor-banner-button .dropdown-menu {left: 0 }.platform-banner-section #NocreditDesktopContent {display: none }.platform-banner-section #NocreditMobileContent {display: block;margin-top: 0 }.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 }}.platform-banner-section .banner-g2-container {display: flex;border: 1px solid #d4dae7;border-radius: 12px;margin-top: 32px;padding: 20px 18px;width: max-content;background-color: #fff }@media (max-width:1200px) {.platform-banner-section .banner-g2-container {width: 471px }.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) {#aspnetcore-razor-banner .visual-studio-segment-all .visual-studio-text-xamarin>div {width: 144px }}.platform-banner-section .support-and-downloads-count {padding: 0;display: flex;width: max-content !important;flex-direction: column;row-gap: 10px }.platform-banner-section .support-and-downloads-count .downloads-count {display: flex;column-gap: 10px }.platform-banner-section .support-and-downloads-count .downloads-count .downloads-count-content {display: inline-block;position: relative }.platform-banner-section .support-and-downloads-count .downloads-count .downloads-count-content span {font-weight: 700;font-size: 14px;line-height: 22px }@media (min-width:480px) {.platform-banner-section .support-and-downloads-count .visual-studio-text-xamarin {width: auto !important }}@media (max-width:480px) {#popular-components-section .view-demo, #popular-components-section .view-more {margin-bottom: 20px;margin-left: 0 }#aspnetcore-razor-banner .visual-studio-segment-all {margin-top: 0 !important }.platform-banner-section .support-and-downloads-count {padding: 0 }.platform-banner-section .support-and-downloads-count .downloads-count {padding: 0 }}.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 }#demos .flickity-container {width: 100%;margin: auto }#demos .flickity-viewport {overflow: hidden;position: relative }#demos .flickity-slider {display: flex }#demos .slides {width: 100%;box-sizing: border-box }#demos .flickity-page-dots {text-align: center;padding-top: 20px }#demos .slider.slider--inline-arrows .flickity-prev-next-button {margin-top: 76px }@media (min-width:2560px) {#blazorPlaygroundSection .playground-section-button .playground-button-text {align-items: center }}@media (min-width:1200px) {.showcase-sample-section .link-container {width: 100% !important }}@media (min-width:768px) and (max-width:1023px) {.showcase-sample-section .link-container {width: 100%;margin-top: 24px !important }.showcase-sample-section .link-container a {gap: 6px !important }}@media (min-width:992px) {.showcase-sample-section .link-container {width: 100% }}@media (min-width:768px) and (max-width:1023px) {.showcase-sample-section .link-container a {margin: 108px auto 0 auto !important }}@media (max-width:767px) {.showcase-sample-section .link-container {display: none }}@media (min-width:768px) {.showcase-sample-section .link-container-mob {display: none }}@media (min-width:412px) and (max-width:539px) {.showcase-sample-section .link-container-mob {padding-top: 26px }}@media (min-width:360px) and (max-width:374px) {.showcase-sample-section .link-container-mob {padding-top: 26px }}.showcase-sample-section .link-container-mob a {font-family: "Open Sans", sans-serif;font-weight: 700;font-size: 14px;line-height: 24px;color: #ffe81a;text-decoration: none;display: flex;justify-content: center;gap: 8px }.showcase-sample-section .link-container {text-align: center;margin-top: 20px;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: 145px auto 0 auto;position: relative;gap: 10px;width: fit-content }.showcase-sample-section .link-container a:hover {color: #e1bd00 }@media (min-width:912px) and (max-width:1023px) {.showcase-sample-section .link-container a {margin: 108px auto 0 auto !important }}@media (min-width:2560px) {.showcase-sample-section .link-container a {margin: 145px auto 0 auto !important }}@media (max-width:1097px) and (max-height:617px) {.showcase-sample-section .link-container a {margin: 145px auto 0 auto }}.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) }.blazor-ui {margin-bottom: -3.8% !important }@media (max-width:399px) {.blazor-ui {margin-bottom: -3% !important }}@media (min-width:399px) and (max-width:428px) {.blazor-ui {margin-bottom: -13% !important }}@media (min-width:429px) and (max-width:638px) {.blazor-ui {margin-bottom: -6% !important }}@media (min-width:992px) and (max-width:1198px) {.blazor-ui {margin-bottom: -1.5% !important }}@media (min-width:1750px) and (max-width:2100px) {.blazor-ui {margin-bottom: -3% !important }}@media (min-width:2100px) {.blazor-ui {margin-bottom: -2.2% !important }}.blazor-ui {height: auto;background-image: url(https://cdn.syncfusion.com/content/images/products/angular-blocks-banner.webp);background-size: cover;background-position: center top;background-repeat: no-repeat;padding: 104px 0;text-align: left;background-color: #f3f4f6 }.blazor-ui span {color: #475569;letter-spacing: .2px;font-size: 16px }.blazor-ui a {border: 1px solid #0057ff;background-color: #0057ff;color: #fff;padding: 11.2px 24px;font-weight: 700;font-size: 14px;letter-spacing: .08px;line-height: 24px;border-radius: 4px;margin-bottom: 3px }.blazor-ui a:hover {background-color: #0050eb;color: #fff;border: 1px solid #0050eb }.blazor-ui .heading {font-weight: 700;color: #0f172a;margin: 3px 0 10px 0;font-size: 33px;line-height: 45px }.blazor-ui .sub-heading {margin: 0 25px 30px 0;color: #64748b;font-size: 16px;line-height: 25px }.blazor-ui .sub-heading b {color: #475569 }@media (max-width:991px) {.blazor-ui {background-image: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/xamarin-ui-mobile.png);text-align: center;padding: 60px 0 }.blazor-ui .sub-heading {margin-left: 0;margin-right: 0 }}#demos.showcase-sample-section, #react-demos.showcase-sample-section {height: 710px }@media (min-width:1028px) {#demos.showcase-sample-section {margin-top: -55px !important }}@media (max-width:767px) {.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading {pointer-events: none !important }}.showcase-sample-section .flickity-prev-next-button:hover {opacity: 1 }.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: 0.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 }}.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 .feature, #ft-controllist .no-url-control {display: flex;gap: 6px;align-items: flex-start;margin-bottom: 12px !important;line-height: 22px !important }#ft-controllist .feature .ai-icon, #ft-controllist .no-url-control .ai-icon {width: 16px;height: 16px;padding: 3px 0 }#ft-controllist #ft-control-platform .section-list .content-heading {padding-left: 22px !important }#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: 0px !important }#ft-controllist .feature .ai-icon img, #ft-controllist .no-url-control .ai-icon img {vertical-align: unset }@media (min-width:768px) and (max-width:991px) {#ft-controllist .container .row .section-list, #ft-controllist .container .row .section-list ul {width: 220px !important }}.ai-toolkit-container {background-image: url(https://cdn.syncfusion.com/content/images/home/code-studio-bg.webp);background-size: cover;border: 1px solid #dedede;border-radius: 16px;padding: 32px 0 32px 64px;display: flex;align-items: center;margin: 0 auto 198px }.ai-toolkit-container .content-section {padding: 0;padding-top: 10px;padding-top: 0 }.ai-toolkit-container .ai-toolkit-heading {font-family: "Open sans";font-weight: 700;font-size: 32px;line-height: 48px;color: #1f1f1f;margin-bottom: 0 }.ai-toolkit-container .ai-toolkit-description {font-family: "Open Sans";font-size: 16px;line-height: 24px;font-weight: 400;color: #1f1f1f;letter-spacing: .5px;padding-top: 15px;padding-bottom: 32px;width: 99%;margin-bottom: 0 }.ai-toolkit-container .ai-toolkit-description a {color: #006aff }.ai-toolkit-container .ai-toolkit-description a:hover {color: #0450c2 }.ai-toolkit-container .ai-toolkit-sample {display: flex;justify-content: center }.ai-toolkit-container .ai-toolkit-sample img {width: 352px;height: auto }.ai-toolkit-container .ai-toolkit-link {background-color: #0057ff;border-radius: 8px;padding: 12px 32px;color: #fff;font-weight: 600;font-size: 16px;line-height: 24px;border: none;display: flex;width: -moz-max-content;width: max-content;-moz-column-gap: 8px;column-gap: 8px }.ai-toolkit-container .ai-toolkit-link:hover {background-color: #0050eb;color: #fff !important }@media (max-width:1200px) {.ai-toolkit-container {padding-left: 52px;margin-bottom: 158px }}@media (max-width:992px) {.ai-toolkit-container {padding-left: 48px;padding-right: 34px;background-position-x: -6px;flex-direction: column;margin-bottom: 124px }}@media (max-width:800px) {.ai-toolkit-container {width: 94% }}@media (max-width:767px) {.ai-toolkit-container {margin-bottom: 20px }}@media (max-width:550px) {.ai-toolkit-container {padding-left: 0 }.ai-toolkit-container .content-section {padding-left: 20px;padding-right: 10px }}@media (max-width:500px) {.ai-toolkit-container {margin-bottom: 88px;margin-top: 30px !important }.ai-toolkit-container .content-section {margin-bottom: 40px }.ai-toolkit-container .ai-toolkit-description {padding-bottom: 24px;font-size: 14px;line-height: 21px }}@media (max-width:1199px) {.ai-toolkit-container .content-section {padding-top: 0;width: 43% }.ai-toolkit-container .ai-toolkit-description {padding-bottom: 32px }}@media (max-width:991px) {.ai-toolkit-container .content-section {padding-top: 0;margin-bottom: 48px;width: 100% }}@media (max-width:1279px) {.ai-toolkit-container .ai-toolkit-heading {line-height: 39px }}@media (max-width:388px) {.ai-toolkit-container .ai-toolkit-heading {font-size: 20px !important;line-height: 34px }}@media (min-width:768px) {.ai-toolkit-container {width: 720px }}@media (min-width:992px) {.ai-toolkit-container {width: 940px }}@media (min-width:1200px) {.ai-toolkit-container {width: 1140px }}@media (max-width:1199px) and (min-width:992px) {.ai-toolkit-container .content-section {width: 58.33% }}.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-link, .ai-tools-and-assistant-section .ai-tools-assistant-linkgroup {font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: .34px;color: #0057FF;border: 1px solid #0057FF;border-radius: 6px;padding: 10px 14px;text-align: center }.ai-tools-and-assistant-section .ai-tools-assistant-link:hover, .ai-tools-and-assistant-section .ai-tools-assistant-linkgroup:hover {background-color: #EDF3FF }.ai-tools-and-assistant-section .ai-assistant .ai-tools-assistant-linkgroup-container {display: flex;gap: 16px }.ai-tools-and-assistant-section .ai-tools-assistant-link {display: inline-block }.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-top: 30px }.ai-tools-and-assistant-section .ai-assistant .ai-tools-assistant-linkgroup-container {display: grid;gap: 12px;margin-top: 12px }}@media (max-width:1023px) {.ai-tools-and-assistant-section .ai-assistant .ai-tools-assistant-linkgroup-container {display: grid;gap: 12px;margin-top: 12px }}@media (max-width:400px) {.ai-tools-and-assistant-section {padding-bottom: 45px }}@media (min-width:400px) and (max-width:767px) {.ai-tools-and-assistant-section {padding-bottom: 10px }}@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: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 }}#aspnetcore-razor-banner h2.regular {font-size: 16px !important;color: #1a1a1a;letter-spacing: 0;line-height: 26px;font-weight: 400;margin-bottom: 30px }@media (max-width:767px) {#aspnetcore-razor-banner h2.regular {font-size: 14px !important }}@media (min-width:600px) and (max-width:800px) {#aspnetcore-razor-banner h2.regular {width: 90% }}.carousel-cell {width: 100%;cursor: default }.case-study-slider-section {padding-top: 80px;padding-bottom: 130px;margin-top: 30px;background: linear-gradient(180deg, rgb(233 241 255 / .5) 0%, #fff0 20.95%, #fff0 100%);background: linear-gradient(180deg, rgb(233 241 255 / .72) 0%, #fff0 10.13%, #fff0 84.97%, rgb(233 241 255 / .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: 0 }.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 #ddd;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: .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(.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: #fff;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: rgb(255 255 255 / .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;}