@charset "UTF-8";#case-studies #FT-ourthoughts .btn {font-family: "Open Sans", Helvetica, Arial, sans-serif }.btn-custom, .static-menu-navigation .container ul li:hover {color: #237ac1 }.h1, .h2, .h3, .h4, .h5, .h6, body, h2, h3, h4, h5, h6 {font-family: "Open Sans", Helvetica, Arial, sans-serif }.banner-strip {background: linear-gradient(90deg, #E5F2FF 0%, #FEEEFF 100%);width: -moz-max-content;width: max-content;margin-left: auto;margin-right: auto;background-size: cover;background-position-y: 47px;margin-bottom: 22px;-moz-column-gap: 11px;column-gap: 11px;border: 1px solid #DACFDF;border-radius: 24px;padding: 10px 12px 10px 14px;display: flex }.banner-strip img {align-self: center;margin-bottom: 0 }@media (max-width:500px) {.banner-strip {background-position-x: center;background-position-y: center;padding-left: 16px;padding-right: 16px;-moz-column-gap: 8px;column-gap: 8px }.banner-strip img {margin-top: 4px;align-self: baseline }}.banner-strip .banner-strip-description {font-weight: 600;font-size: 12px !important;line-height: 19px !important;margin-bottom: 0 !important;align-self: center;color: #1E293B !important }@media (max-width:550px) {.banner-strip .banner-strip-description {font-size: 14px }}.banner-strip .banner-strip-description a {display: none }.banner-strip a {color: #0057FF;font-size: 12px !important;font-weight: 600;align-self: center;display: flex;align-items: center;-moz-column-gap: 6px;column-gap: 6px;line-height: unset !important }.banner-strip a:hover {color: #0450c2 }.banner-strip a span {font-size: 19px }@media (min-width:992px) and (max-width:1330px) {.strip-background {width: auto }.banner-strip {width: 110%;background-position: center center }.banner-strip img {align-self: flex-start;margin-top: 4px }.banner-strip .banner-strip-description {width: 66% }}@media (min-width:1024px) and (max-width:1330px) and (max-width:1070px) {.banner-strip .banner-strip-description {width: 66% }}@media (max-width:630px) {.banner-strip {width: auto;background-position: center center }.banner-strip .banner-strip-description {font-size: 11px !important;line-height: 18px !important;text-align: left }.banner-strip .banner-strip-description a {width: 110px;font-size: 11px;display: inline-flex }.banner-strip a {display: none }.banner-strip .banner-strip-description {width: 100% }}@media (max-width:600px) {.banner-strip {width: 70% }.banner-strip img {align-self: flex-start;margin-top: 4px }}@media (max-width:480px) {.banner-strip {width: -moz-max-content;width: max-content;margin-bottom: 14px }.banner-strip .banner-strip-description {width: 230px }}@media (max-width:335px) {.platform-banner-section .banner-strip .banner-strip-description {width: 221px }}#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {background-color: #fff0;color: #1a1a1a;background-size: auto 100%;background-position: center top;background-repeat: no-repeat;padding: 135px 0 }#maui-banner #typed-strings {display: none }@media (max-width:1366px) {#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {background-size: auto 100%;padding: 100px 0 }}@media (max-width:1024px) {#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {background-size: auto 100%;padding: 4.5em 0;background-position: center }}@media (max-width:992px) {#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {background-size: auto 200%;background-position: left top;padding: 3em 0 }}@media (max-width:768px) {#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {background-size: auto 170%;background-position: left top }}#flutter-banner .banner-heading, #maui-banner .banner-heading, #maui-banner-event .banner-heading, #wpf-ui-banner .banner-heading {font-weight: 400 !important;line-height: 50px;font-size: 38px;margin-bottom: 45px }#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, #maui-banner .banner-heading br, #maui-banner-event .banner-heading br, #wpf-ui-banner .banner-heading br, span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) {display: block }#flutter-banner .banner-heading .bold, #maui-banner .banner-heading .bold, #maui-banner-event .banner-heading .bold, #wpf-ui-banner .banner-heading .bold {font-weight: 700 !important }#flutter-banner #typed, #maui-banner #typed, #maui-banner-event #typed, #wpf-ui-banner #typed {font-size: 38px;color: #0073dc;letter-spacing: -.7px;line-height: 51px;font-weight: 500 }.static-menu-navigation .container .platform-heading span:hover, .static-menu-navigation .container ul li .content-medium:hover {color: #0057ff }@media (max-width:1280px) {#flutter-banner .banner-heading, #maui-banner .banner-heading, #maui-banner-event .banner-heading, #wpf-ui-banner .banner-heading {line-height: 38px;font-size: 32px }#flutter-banner #typed, #maui-banner #typed, #maui-banner-event #typed, #wpf-ui-banner #typed {font-size: 31px }}@media (max-width:400px) {#flutter-banner .banner-heading, #maui-banner .banner-heading, #maui-banner-event .banner-heading, #wpf-ui-banner .banner-heading {font-size: 24px !important }#flutter-banner #typed, #maui-banner #typed, #maui-banner-event #typed, #wpf-ui-banner #typed {font-size: 24px }}@media (max-width:320px) {#flutter-banner #typed, #maui-banner #typed, #maui-banner-event #typed, #wpf-ui-banner #typed {font-size: 22px }}@media (min-width:401px) and (max-width:450px) {#flutter-banner #typed, #maui-banner #typed, #maui-banner-event #typed, #wpf-ui-banner #typed {font-size: 28px }}#flutter-banner .free-trial, #maui-banner .free-trial, #maui-banner-event .free-trial, #wpf-ui-banner .free-trial {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #0073dc;color: #fff;margin-bottom: 50px;max-width: 210px }#flutter-banner .free-trial span, #flutter-banner .view-demo span, #maui-banner .free-trial span, #maui-banner .view-demo span, #maui-banner-event .free-trial span, #maui-banner-event .view-demo span, #popular-components-section .view-demo span, #popular-components-section .view-more span, #popular-components-section-maui .view-demo span, #popular-components-section-maui .view-more span, #wpf-ui-banner .free-trial span, #wpf-ui-banner .view-demo span {font-weight: 700;font-size: 14px;letter-spacing: .1px;opacity: 1 !important }#flutter-banner .free-trial:hover, #maui-banner .free-trial:hover, #maui-banner-event .free-trial:hover, #wpf-ui-banner .free-trial:hover {background-color: #0698ff !important }@media (max-width:992px) {#flutter-banner .banner-heading, #flutter-banner .free-trial, #maui-banner .banner-heading, #maui-banner .free-trial, #maui-banner-event .banner-heading, #maui-banner-event .free-trial, #wpf-ui-banner .banner-heading, #wpf-ui-banner .free-trial {margin-bottom: 30px }#flutter-banner .banner-heading .bold br, #maui-banner .banner-heading .bold br, #maui-banner-event .banner-heading .bold br, #wpf-ui-banner .banner-heading .bold br {display: none }#flutter-banner .free-trial span, #maui-banner .free-trial span, #maui-banner-event .free-trial span, #wpf-ui-banner .free-trial span {font-size: 12px }}@media (max-width:480px) {#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {background-size: auto 100%;padding: 3em 2em }#flutter-banner .free-trial, #maui-banner .free-trial, #maui-banner-event .free-trial, #wpf-ui-banner .free-trial {margin-bottom: 20px;margin-right: 20px }}@media (max-width:383px) {#flutter-banner .free-trial, #maui-banner .free-trial, #maui-banner-event .free-trial, #wpf-ui-banner .free-trial {padding: 8px 10px;margin-right: 15px }#flutter-banner .free-trial span, #maui-banner .free-trial span, #maui-banner-event .free-trial span, #wpf-ui-banner .free-trial span {font-size: 10px }}#flutter-banner .view-demo, #maui-banner .view-demo, #maui-banner-event .view-demo, #wpf-ui-banner .view-demo {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #fff0;color: #0073dc;border: 1px solid #0073dc;margin-bottom: 50px;max-width: 210px;margin-left: 20px }#flutter-banner .view-demo:hover, #maui-banner .view-demo:hover, #maui-banner-event .view-demo:hover, #popular-components-section .view-demo:hover, #popular-components-section .view-more:hover, #popular-components-section-maui .view-demo:hover, #popular-components-section-maui .view-more:hover, #wpf-ui-banner .view-demo:hover {background-color: #0698ff !important;border: 1px solid #0698ff !important;color: #fff !important }@media (max-width:992px) {#flutter-banner .view-demo, #maui-banner .view-demo, #maui-banner-event .view-demo, #wpf-ui-banner .view-demo {margin-bottom: 30px }#flutter-banner .view-demo span, #maui-banner .view-demo span, #maui-banner-event .view-demo span, #wpf-ui-banner .view-demo span {font-size: 12px }}@media (max-width:420px) {#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {padding: 3em 0 !important }}#aboutus-static-menu.flutter .container .platform-heading span, #maui-banner-event .event-bold, .h6, h6 {font-weight: 700 }#company-list {padding: 20px 0;background: #f3f3f3;max-height: 152px }#company-list h2 {padding-top: 12px;font-size: 18px;color: #000;letter-spacing: .49px;line-height: 19px;font-weight: 500;margin-bottom: 1em }@media (min-width:1921px) {#company-list {padding: 20px 0;max-height: 400px }#company-list h2 {margin-bottom: 1em }}#company-list img {padding-bottom: .5em;width: 100% }@media (max-width:1820px) {#company-list img {padding-bottom: 0;max-width: 900px }}@media (max-width:480px) {#flutter-banner .view-demo, #maui-banner .view-demo, #maui-banner-event .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 }#wpf-ui-banner .demo-segment .github-wpf, #wpf-ui-banner .demo-segment .net-core, #wpf-ui-banner .demo-segment .windows {margin-left: 5px }#wpf-ui-banner .demo-segment .demo-image-wpf {box-shadow: 0 1px 3px 0 rgb(0 0 0 / .16);border-radius: 6.72px;background-color: #fff }#wpf-ui-banner .demo-segment img:hover {opacity: .7 }#flutter-banner, #maui-banner, #maui-banner-event, #wpf-ui-banner {padding: 70px 0 }#flutter-banner .banner-heading, #maui-banner .banner-heading, #maui-banner-event .banner-heading, #wpf-ui-banner .banner-heading {margin-bottom: 20px !important }#flutter-banner .free-trial, #flutter-banner .view-demo, #maui-banner .free-trial, #maui-banner .view-demo, #maui-banner-event .free-trial, #maui-banner-event .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 }#popular-components-section-maui .content-section {padding-top: 40px }}.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 .apple-store-icon {margin: 10px 5px 5px -6px;width: 65px }.flutter-banner-icons .android-store-icon, .flutter-banner-icons .macos-icon, .flutter-banner-icons .window-icon {margin: 10px 5px 5px 0;width: 65px }@media (max-width:450px) {.flutter-banner-icons .apple-store-icon, .flutter-banner-icons .android-store-icon, .flutter-banner-icons .macos-icon, .flutter-banner-icons .window-icon {width: 43px }}#flutter-banner .banner-heading, #maui-banner .banner-heading, #maui-banner-event .banner-heading {margin-bottom: 0 !important }#flutter-banner .flutter-description, #flutter-banner .maui-description, #maui-banner .flutter-description, #maui-banner .maui-description, #maui-banner-event .flutter-description, #maui-banner-event .maui-description {font-size: 32px;line-height: 45px !important }#flutter-banner .free-trial, #flutter-banner .view-demo, #maui-banner .free-trial, #maui-banner .view-demo, #maui-banner-event .free-trial, #maui-banner-event .view-demo {margin-top: 40px !important }#popular-components-section .content-section, #popular-components-section-maui .content-section, .static-menu-navigation .container .col-lg-12 {padding-left: 0 }.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;background-color: #fff !important }#aboutus-static-menu .container ul {float: none;margin: auto }#aboutus-static-menu .floatingmenufree-trial {margin-left: 20px;border: 1px solid #0073dc;background-color: #0073dc;color: #fff;margin-top: -5px;margin-bottom: -5px;font-weight: 700;font-size: 12px;letter-spacing: .5px;border-radius: 6px }#aboutus-static-menu .floatingmenufree-trial:hover {background-color: #0d98ff }.static-menu-navigation {box-shadow: 0 0 3px 3px #ececec !important }.static-menu-navigation .container .platform-heading {margin: 15px 0 }.static-menu-navigation .container .platform-heading span {line-height: 25px;padding: 0 20px;color: #1a1a1a;font-size: 17px;font-weight: 600;text-transform: uppercase;cursor: pointer;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear }.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 {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 }.microsoft-section {background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/microsoft-background.webp);padding-top: 100px !important;padding-bottom: 115px;text-align: center;background-size: cover;background-position-x: center;margin-top: 40px }.microsoft-section .container {max-width: 775px;margin: 0 auto;padding: 0 20px }.microsoft-section .container .net-maui-toolkit {font-size: 16px;line-height: 20px;font-weight: 600;text-decoration: none;color: #472DCA;display: flex;justify-content: center;-moz-column-gap: 8px;column-gap: 8px }.microsoft-section .container .net-maui-toolkit span:first-child {margin-top: 2px }.microsoft-section .container .net-maui-toolkit .sf-icon-arrow-right:before {font-size: 22px }.microsoft-section .container .net-maui-toolkit:hover {color: #321F8F }@media (max-width:500px) {.microsoft-section .container .net-maui-toolkit {font-size: 14px }}@media (max-width:350px) {.microsoft-section .container .net-maui-toolkit {font-size: 12px }}@media (max-width:500px) {.microsoft-section .container {padding: 0 15px }}.microsoft-section .mobile-img {display: none }.microsoft-section h2 {font-size: 33px;line-height: 47px;font-weight: 700;color: #1E293B;margin-bottom: 20px;margin-top: 10px;padding: 0 15px }.microsoft-section h2 img {width: 26px;height: 26px;margin-bottom: 8px;margin-right: 3px }.microsoft-section p {font-size: 18px;line-height: 27px;color: #2D2D4A;margin-bottom: 50px;width: 105% }@media (max-width:500px) {.microsoft-section h2 {padding-top: 10px;padding-left: 10px;padding-right: 10px;margin-top: 0 }}.microsoft-section .microsoft-buttons {display: flex;justify-content: center;gap: 20px }@media (max-width:500px) {.microsoft-section .microsoft-buttons {flex-direction: column }}.microsoft-section .microsoft-buttons a {display: inline-flex;align-items: center;padding: 11.2px 24px;font-size: 16px;font-weight: 700;line-height: 24px;text-decoration: none;border-radius: 6px }.microsoft-section .microsoft-buttons a.learn-more {background-color: #472DCA;color: #fff }.microsoft-section .microsoft-buttons a.learn-more:hover {background-color: #321F8F }.microsoft-section .microsoft-buttons .watch-now {display: inline-flex;background-color: #fff0;color: #472DCA;border: 1px solid #472DCA;align-items: center;padding: 11.2px 24px;font-size: 16px;font-weight: 700;line-height: 24px;text-decoration: none;border-radius: 6px;cursor: pointer;width: 100%;justify-content: center }.microsoft-section .microsoft-buttons .watch-now img {margin-right: 10px }.microsoft-section .microsoft-buttons .watch-now:hover {background-color: #DDD7FF }@media (min-width:1920px) {.microsoft-section {background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/microsoft-banner-4k.jpg) }}@media (max-width:1025px) {.microsoft-section {background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/microsoft-banner-tab.svg);padding-bottom: 80px;padding-top: 80px !important }.microsoft-section .container {max-width: 816px }}#company-list {background-color: #fff }.new-highlight-FT-image-section {padding: 85px 0 45px;background: #f5f9fd }.new-highlight-FT-image-section .four-col-content {padding-bottom: 3em;padding-right: 30px;padding-left: 30px }.new-highlight-FT-image-section .four-col-content p a {color: #0057ff }.new-highlight-FT-image-section .four-col-content p a:hover {color: #0d98ff }.new-highlight-FT-image-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;margin-bottom: 2em;font-weight: 700 }.new-highlight-FT-image-section h3 {font-size: 18px;color: #1a1a1a;letter-spacing: .1px;text-align: left;line-height: 25px;font-weight: 700 }.new-highlight-FT-image-section p {font-size: 15px;color: #1a1a1a;letter-spacing: .41px;text-align: left;line-height: 24px }.new-highlight-FT-image-section .text-center p {text-align: center;margin-bottom: 22px }@media (min-width:768px) and (max-width:992px) {.new-highlight-FT-image-section .four-col-content, .new-highlight-FT-image-section .multi-col-contents .col-sm-12 {width: 50% }.new-highlight-FT-image-section br {display: none }}#case-studies {padding: 85px 0;background-color: #fff;background-image: none !important;border-radius: 10px }#case-studies #FT-ourthoughts .btn {transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border-radius: 6px;line-height: 1.85714286em;display: inline-block;padding: 4px 18px !important;font-size: 1.1em;border: 2px solid #0073dc !important;background: #0073dc !important }#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 .lead {font-size: 19px;margin-top: 20px;margin-bottom: 40px;color: #252525 }#case-studies #FT-ourthoughts .btn__text {font-weight: 700;margin-right: -.5px;vertical-align: top;font-size: 14px;color: #0057ff }#case-studies #FT-ourthoughts .btn__text:hover {color: #0450c2 }#case-studies #FT-ourthoughts .main-heading {color: #333;font-weight: 700;margin-bottom: 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 }}@media (max-width:500px) {.new-highlight-FT-image-section .text-center p br {display: none }#case-studies #FT-ourthoughts .main-heading br {display: none !important }}#case-studies #FT-ourthoughts .case-studies-section {padding: 1em }@media (min-width:1401px) and (max-width:1600px) {#case-studies #FT-ourthoughts .case-studies-section .resource-tile .lead {margin-bottom: 25px;margin-top: 11px }}@media (min-width:992px) and (max-width:1199px) {#case-studies #FT-ourthoughts .case-studies-section .resource-tile .lead {margin-bottom: 20px;margin-top: 8px }}#case-studies #FT-ourthoughts .resource-tile {background-size: cover !important;background-color: #fff !important;width: 100%;overflow: hidden;box-shadow: -5px 5px 21px 0 rgb(0 0 0 / .13);border-radius: 10px;flex-direction: column;transition: .2s ease-out;will-change: transform }#case-studies #FT-ourthoughts .resource-tile:hover {box-shadow: 0 0 25px 0 rgb(0 0 0 / .06);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;transition: opacity .5s }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content hr {width: 20%;margin: 10px auto 20px;display: inline-block }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading {color: #727272;font-weight: 600;margin-bottom: 0;font-size: 16px;line-height: 26px;min-height: 40px }@media (max-width:1399px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .heading {font-size: 16px !important;min-height: 45px }}@media (max-width:1200px) {#flutter-banner, #maui-banner, #maui-banner-event, #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 }}#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 .description {min-height: 95px }}@media (max-width:1199px) {#case-studies #FT-ourthoughts .btn__text {font-size: 13px }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {font-size: 14px !important }}@media (max-width:1024px) {.microsoft-section p {width: 100% }#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {margin-bottom: 10px;line-height: 21px }}@media (max-width:1400px) {.ourthoughts-section {margin: 0 3% }.ourthoughts-section .lead {font-size: 1em !important }}@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% }}#popular-components-section, #popular-components-section-maui {padding: 5em 0;background-color: #f5f9fd }#popular-components-section h2, #popular-components-section-maui h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: center;margin: 0 0 50px;font-weight: 700 }#popular-components-section .nav-tabs, #popular-components-section-maui .nav-tabs {margin: 0 0 75px;border-bottom: none }#popular-components-section .heading, #popular-components-section-maui .heading {font-size: 26px;color: #1a1a1a;letter-spacing: 0;font-weight: 600;margin: 10px 0 16px }#popular-components-section .description, #popular-components-section-maui .description {font-size: 16px;color: #1a1a1a;letter-spacing: .2px;line-height: 27px;padding: 0 0 50px }#g2-widget .carousel.is-expanded, #popular-components-section .control-image img, #popular-components-section-maui .control-image img, .g2-widget-review .carousel.is-expanded {width: 100% }#popular-components-section .tab-pane .common-img, #popular-components-section-maui .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, #feedbackButton, #ft-controllist #more-controls, #popular-components-section .tab-pane .heading-responsive, #popular-components-section-maui .tab-pane .heading-responsive {display: none }#popular-components-section .nav-tabs>li.active>a, #popular-components-section .nav-tabs>li.active>a:focus, #popular-components-section .nav-tabs>li.active>a:hover, #popular-components-section-maui .nav-tabs>li.active>a, #popular-components-section-maui .nav-tabs>li.active>a:focus, #popular-components-section-maui .nav-tabs>li.active>a:hover {border: none;font-size: 19px;color: #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, #popular-components-section-maui .nav-tabs>li>a {font-size: 19px;color: #1a1a1a;letter-spacing: -.29px;text-align: center;background: 0 0 }#popular-components-section .nav-tabs>li>a:focus, #popular-components-section .nav-tabs>li>a:hover, #popular-components-section-maui .nav-tabs>li>a:focus, #popular-components-section-maui .nav-tabs>li>a:hover {background: 0 0;color: #0073dc;border: none;font-size: 19px;letter-spacing: -.29px;text-align: center }#popular-components-section .nav>li>a, #popular-components-section-maui .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li, #popular-components-section-maui .nav>li {padding-right: 5px;padding-left: 5px }#popular-components-section .tab-pane.fade, #popular-components-section-maui .tab-pane.fade {transition: .2s;transform: translateX(1rem) }#popular-components-section .tab-pane.fade.active, #popular-components-section-maui .tab-pane.fade.active {transform: translateX(0) }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section, #popular-components-section-maui .left-arrow-section, #popular-components-section-maui .right-arrow-section {margin: 14% 0 0;padding: 0 }#popular-components-section .right-arrow-section img, #popular-components-section-maui .right-arrow-section img {float: right;cursor: pointer;padding: 12px 11px 12px 12px }#popular-components-section .left-arrow-section img:hover, #popular-components-section .right-arrow-section img:hover, #popular-components-section-maui .left-arrow-section img:hover, #popular-components-section-maui .right-arrow-section img:hover {border-radius: 50%;background: rgb(0 115 220 / .06) }#popular-components-section .left-arrow-section img, #popular-components-section-maui .left-arrow-section img {float: left;cursor: pointer;padding: 12px }#popular-components-section .control-image, #popular-components-section-maui .control-image {padding-right: 0 }#popular-components-section .control-tab, #popular-components-section-maui .control-tab {padding: 0 !important }#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {padding: 8px 20px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background-color: #fff0;color: #0073dc;border: 1px solid #0073dc;margin-bottom: 50px;max-width: 210px;margin-right: 20px }#popular-components-section .control-tab .custom-loader, #popular-components-section-maui .control-tab .custom-loader {width: 48px;height: 48px;border: 5px solid #0057ff;border-bottom-color: #fff0;border-radius: 50%;box-sizing: border-box;animation: 1s linear infinite rotation;position: absolute;top: 47.5%;z-index: 4;left: 48%;transform: translate(-50%, -50%);display: none }@media (max-width:992px) {#case-studies #FT-ourthoughts .resource-tile .resource-tile-content .description {min-height: 80px }#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {margin-bottom: 30px }#popular-components-section .view-demo span, #popular-components-section .view-more span, #popular-components-section-maui .view-demo span, #popular-components-section-maui .view-more span {font-size: 12px }#popular-components-section-maui .right-arrow-section {position: absolute;left: 91% }#popular-components-section-maui .control-tab .custom-loader {top: 190px !important;left: 46% !important }}@media (max-width:480px) {#popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more {margin-bottom: 20px;margin-left: 0 }}@media (max-width:330px) {#flutter-banner .view-demo, #maui-banner .view-demo, #maui-banner-event .view-demo, #popular-components-section .view-demo, #popular-components-section .view-more, #popular-components-section-maui .view-demo, #popular-components-section-maui .view-more, #wpf-ui-banner .view-demo {padding: 8px 15px }#flutter-banner .view-demo span, #maui-banner .view-demo span, #maui-banner-event .view-demo span, #popular-components-section .view-demo span, #popular-components-section .view-more span, #popular-components-section-maui .view-demo span, #popular-components-section-maui .view-more span, #wpf-ui-banner .view-demo span {font-size: 10px }}@media (min-width:1024px) {#popular-components-section, #popular-components-section-maui {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, #popular-components-section-maui .content-section, #popular-components-section-maui .control-image {padding-right: 0 }#popular-components-section .tab-pane, #popular-components-section-maui .tab-pane {transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translate3d(0, 0, 0);-webkit-animation: .7s both scaleUp;animation: .7s both scaleUp }@-webkit-keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}@keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}}@media (min-width:1920px) {#popular-components-section, #popular-components-section-maui {background-size: 34%;background-position: 67% 85% }}@media (max-width:1279px) {.static-menu-navigation {padding: 0 }.static-menu-navigation .container ul li .content-medium {padding: 0 17px }#popular-components-section, #popular-components-section-maui {background-size: 50%;background-position: 88% 66% }#popular-components-section .nav>li>a, #popular-components-section-maui .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li, #popular-components-section-maui .nav>li {padding-right: 5px;padding-left: 5px }#popular-components-section .nav-tabs>li.active>a, #popular-components-section .nav-tabs>li.active>a:focus, #popular-components-section .nav-tabs>li.active>a:hover, #popular-components-section .nav-tabs>li>a, #popular-components-section-maui .nav-tabs>li.active>a, #popular-components-section-maui .nav-tabs>li.active>a:focus, #popular-components-section-maui .nav-tabs>li.active>a:hover, #popular-components-section-maui .nav-tabs>li>a {font-size: 16px;letter-spacing: -.24px }#popular-components-section .nav-tabs .col-lg-2, #popular-components-section-maui .nav-tabs .col-lg-2 {width: 14.28% }#popular-components-section .nav-tabs, #popular-components-section-maui .nav-tabs {margin: 0 0 56px }#popular-components-section .heading, #popular-components-section-maui .heading {font-size: 19px;letter-spacing: 0 }#popular-components-section .description, #popular-components-section-maui .description {font-size: 14px;letter-spacing: .17px }#popular-components-section .right-arrow-section, #popular-components-section-maui .right-arrow-section {margin: 14% 0 0 }}@media (max-width:1023px) and (min-width:992px) {#popular-components-section .heading, #popular-components-section-maui .heading {text-align: left !important }#popular-components-section .description, #popular-components-section-maui .description {padding: 0 0 30px !important;text-align: left !important;margin: 0 !important }#popular-components-section .control-image, #popular-components-section-maui .control-image {padding: 0 !important }#popular-components-section .control-image img, #popular-components-section-maui .control-image img {max-width: 75% !important }}@media (max-width:1023px) {#aboutus-static-menu.flutter {display: none }#popular-components-section h2, #popular-components-section-maui h2 {margin: 0 0 40px }#popular-components-section .nav-tabs, #popular-components-section-maui .nav-tabs {margin: 0 0 40.5px }#popular-components-section .heading, #popular-components-section-maui .heading {text-align: center;margin: 0 0 10px }#popular-components-section .description, #popular-components-section-maui .description {padding: 0 0 10px;text-align: center;margin: 0 30px }#popular-components-section .control-image, #popular-components-section-maui .control-image {padding: 0 }#popular-components-section .control-image img, #popular-components-section-maui .control-image img {max-width: 50%;text-align: center;margin: 0 auto;display: block }#popular-components-section .control-tab, #popular-components-section-maui .control-tab {padding: 0 5px !important }#popular-components-section #framework-content, #popular-components-section #framework-platforms, #popular-components-section .content-section, #popular-components-section .control-image, #popular-components-section-maui #framework-content, #popular-components-section-maui #framework-platforms, #popular-components-section-maui .content-section, #popular-components-section-maui .control-image {transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translate3d(0, 0, 0);-webkit-animation: .7s both scaleUp;animation: .7s both scaleUp }@-webkit-keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}@keyframes scaleUp {from {opacity: 0;transform: scale(.8) }}#popular-components-section .content-section, #popular-components-section-maui .content-section {padding-left: 15px }#popular-components-section .left-arrow-section, #popular-components-section .right-arrow-section, #popular-components-section-maui .left-arrow-section, #popular-components-section-maui .right-arrow-section {transition: none !important }#popular-components-section .nav>li>a, #popular-components-section-maui .nav>li>a {padding: 10px 0 }#popular-components-section .nav>li, #popular-components-section-maui .nav>li {padding-right: 1px;padding-left: 1px }#popular-components-section .nav-tabs>li.active>a, #popular-components-section .nav-tabs>li.active>a:focus, #popular-components-section .nav-tabs>li.active>a:hover, #popular-components-section .nav-tabs>li>a, #popular-components-section-maui .nav-tabs>li.active>a, #popular-components-section-maui .nav-tabs>li.active>a:focus, #popular-components-section-maui .nav-tabs>li.active>a:hover, #popular-components-section-maui .nav-tabs>li>a {font-size: 13px;letter-spacing: -.21px }#popular-components-section .nav-tabs>li>a:focus, #popular-components-section .nav-tabs>li>a:hover, #popular-components-section-maui .nav-tabs>li>a:focus, #popular-components-section-maui .nav-tabs>li>a:hover {font-size: 13px }#popular-components-section .left-arrow-section img, #popular-components-section-maui .left-arrow-section img {padding: 6px }#popular-components-section .right-arrow-section img, #popular-components-section-maui .right-arrow-section img {padding: 6px 5px 6px 6px }#platform-pricing .pricing {padding: 10px !important }}@media (max-width:767px) {.static-menu-navigation {display: none }.new-highlight-FT-image-section {padding: 4em 0 4em 1em }.new-highlight-FT-image-section h2 {padding: 0 15px;margin-bottom: 1em }.new-highlight-FT-image-section h3 {margin-bottom: 6px }.new-highlight-FT-image-section p {margin-bottom: 15px }.new-highlight-FT-image-section .four-col-content {padding: 0;margin-bottom: 20px }.new-highlight-FT-image-section .highlight-content h3, .new-highlight-FT-image-section .highlight-content p, .new-highlight-FT-image-section h2 {text-align: center }#case-studies {padding: 50px 0 }#case-studies #FT-ourthoughts .case-studies-section .resource-tile .lead {margin-bottom: 15px;margin-top: 5px }#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 }#popular-components-section, #popular-components-section-maui {padding: 3em 0 }#popular-components-section h2, #popular-components-section-maui h2 {font-size: 26px !important;margin: 0 10px 40px }#popular-components-section .description, #popular-components-section-maui .description {padding: 0;margin: 0 }#popular-components-section .control-image img, #popular-components-section-maui .control-image img {max-width: 80% }#popular-components-section .left-arrow-section, #popular-components-section-maui .left-arrow-section {margin: 27% 0 0 }#popular-components-section .left-arrow-section img, #popular-components-section .right-arrow-section img, #popular-components-section-maui .left-arrow-section img, #popular-components-section-maui .right-arrow-section img {max-width: none;width: 37px }#popular-components-section .right-arrow-section, #popular-components-section-maui .right-arrow-section {margin: 27% 0 0;padding: 0 }#popular-components-section .heading-responsive, #popular-components-section-maui .heading-responsive {font-size: 19px;margin-top: -30px !important;margin-bottom: 10px;text-align: center;font-weight: 600;color: #0073dc;padding: 10px;display: block !important }}#popular-components-section #framework-content, #popular-components-section .platforms-section, #popular-components-section-maui #framework-content, #popular-components-section-maui .platforms-section {margin-bottom: 15px }#popular-components-section .support-content, #popular-components-section-maui .support-content {font-size: 14px;color: #1a1a1a;letter-spacing: 1.56px;line-height: 19px;margin-bottom: 15px;font-weight: 600 }#popular-components-section .platforms-section .platforms-icon, #popular-components-section-maui .platforms-section .platforms-icon {display: inline;margin-right: 5px }#popular-components-section .platforms-section .web-icon svg, #popular-components-section-maui .platforms-section .web-icon svg {margin-bottom: -16px }#popular-components-section .platforms-section .desktop-icon svg, #popular-components-section-maui .platforms-section .desktop-icon svg {margin-bottom: -5px }#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {display: inline;letter-spacing: 0;color: #0073dc;line-height: 25px;font-size: 12px }#popular-components-section .platforms-section .framework-items:hover, #popular-components-section-maui .platforms-section .framework-items:hover {color: #0d98ff !important;text-decoration: underline !important }@media (max-width:1199px) and (min-width:992px) {#popular-components-section .platforms-section .platforms-icon, #popular-components-section-maui .platforms-section .platforms-icon {margin-right: 4px }#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {font-size: 10.5px }}@media (max-width:460px) {#popular-components-section, #popular-components-section-maui .control-image img {max-width: 100% }#popular-components-section .platforms-section, #popular-components-section-maui .platforms-section {margin-bottom: 9px }#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {font-size: 10px }}@media (max-width:360px) {#popular-components-section .platforms-section .framework-items, #popular-components-section-maui .platforms-section .framework-items {font-size: 9px }#popular-components-section .platforms-section .platforms-icon, #popular-components-section-maui .platforms-section .platforms-icon {margin-right: 3px }}.flutter-roadmap, .maui-roadmap {margin: 0 85px 85px !important }.flutter-roadmap .coming-soon-flutter, .flutter-roadmap .coming-soon-maui, .maui-roadmap .coming-soon-flutter, .maui-roadmap .coming-soon-maui {background: #f5f9ff;border: 1px solid #d7e1ea;border-radius: 15px;font-size: 16px;color: #3a3a3a;letter-spacing: .1px;text-align: center;line-height: 27px }.flutter-roadmap .coming-soon-flutter h2, .flutter-roadmap .coming-soon-maui h2, .maui-roadmap .coming-soon-flutter h2, .maui-roadmap .coming-soon-maui h2 {text-align: center;font-size: 33px;color: #333;font-weight: 500;margin-top: 20px;margin-bottom: 20px }.flutter-roadmap .coming-soon-flutter .description, .flutter-roadmap .coming-soon-flutter .description-maui, .flutter-roadmap .coming-soon-maui .description, .flutter-roadmap .coming-soon-maui .description-maui, .maui-roadmap .coming-soon-flutter .description, .maui-roadmap .coming-soon-flutter .description-maui, .maui-roadmap .coming-soon-maui .description, .maui-roadmap .coming-soon-maui .description-maui {margin: 0 40px 30px }.flutter-roadmap .coming-soon-flutter .description a, .flutter-roadmap .coming-soon-flutter .description-maui a, .flutter-roadmap .coming-soon-maui .description a, .flutter-roadmap .coming-soon-maui .description-maui a, .maui-roadmap .coming-soon-flutter .description a, .maui-roadmap .coming-soon-flutter .description-maui a, .maui-roadmap .coming-soon-maui .description a, .maui-roadmap .coming-soon-maui .description-maui a {color: #0073dc;font-weight: 600 }.flutter-roadmap .coming-soon-flutter .description a:hover, .flutter-roadmap .coming-soon-flutter .description-maui a:hover, .flutter-roadmap .coming-soon-maui .description a:hover, .flutter-roadmap .coming-soon-maui .description-maui a:hover, .maui-roadmap .coming-soon-flutter .description a:hover, .maui-roadmap .coming-soon-flutter .description-maui a:hover, .maui-roadmap .coming-soon-maui .description a:hover, .maui-roadmap .coming-soon-maui .description-maui a:hover {text-decoration: underline }@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 }.flutter-roadmap, .maui-roadmap {margin: 0 20px 85px 25px !important }}.maui-roadmap {margin-bottom: 0 !important;margin-top: 60px !important }.coming-soon-maui {background: #ecf3fd !important }.coming-soon-maui h2 {text-align: center !important;font-size: 33px !important;color: #333 !important;font-weight: 500 !important;margin-top: 20px !important;margin-bottom: 20px !important }#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: flex;justify-content: center }#technical-support .container .row .category-columns {text-align: left;border-left: 1px solid #d3d3d3;margin-bottom: 20px;min-height: 150px }#technical-support .container .row .category-columns .category-heading-text {display: block;padding-bottom: 25px;font-weight: 700;font-size: 19px;color: #262e48 }#technical-support .container .row .category-additional-column .support-link-section, #technical-support .container .row .category-columns .support-link-section {display: flex;padding-bottom: 20px;font-size: 16px;color: #0254ff }#technical-support .container .row .category-additional-column .support-link-section .link-item-title, #technical-support .container .row .category-columns .support-link-section .link-item-title {font-weight: 600;position: relative;top: 4px;left: 12px }#technical-support .container .row .category-additional-column .support-link-section .link-item-title:hover, #technical-support .container .row .category-columns .support-link-section .link-item-title:hover {color: #0058c8 }#technical-support .container .row .category-additional-column {text-align: left;margin-top: 52px }#technical-support .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) {.category-columns:nth-child(4) {border-left: 0 !important;margin-top: 20px }.category-columns:nth-child(5) {margin-top: 20px }#technical-support .container .row .category-container {display: grid;grid-template-columns: 240px 240px 240px }#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 220px }}#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, img:last-child {margin-bottom: 0 }#faq .faq-list h3 .question-content {cursor: pointer;font-size: 16px;color: #1a1a1a;letter-spacing: 0;line-height: 23px;font-weight: 600;padding: 10px 20px 20px;display: table;width: 100% }#faq .faq-list h3 .question-content .tick-icon {display: table-cell;font-size: 14px;width: 10px;padding-right: 10px }#faq .faq-list h3 .question-content .faq-question {width: 84%;display: table-cell }#faq .faq-list h3 .question-content .permalink {display: table-cell;position: relative;top: 2px;left: 7px;padding-right: 7px }#faq .faq-list h3 .question-content .faq-arrow-icon {float: right;display: table-cell;top: 8px;position: relative }#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon svg, #faq .faq-list h3 .faq-collapse-icon svg {opacity: 1 }#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 }@media (max-width:1023px) and (min-width:768px) {.static-menu-navigation .container ul li .content-medium {padding: 0 20px }.static-menu-navigation .container ul {display: none }.static-menu-navigation .container .col-lg-12 {text-align: center }#faq {padding: 50px 0 40px }#faq h2 {margin-bottom: 40px }}#platform-pricing {padding: 6em 0 0 }#platform-pricing .text-center {color: #333 }#platform-pricing .h1, #platform-pricing h1 {font-size: 3em;font-weight: 700;color: #1a1a1a;letter-spacing: .1px;margin-bottom: 35px }#platform-pricing .sub-heading {font-weight: 600;font-size: 16px;color: #1a1a1a;text-align: center;line-height: 26px;margin-bottom: 2.5em }#platform-pricing .pricing {color: #333;background-color: #fff }#platform-pricing .description {font-size: 1.1em;margin: -2px 9% 50px;line-height: 1.8em }@media (max-width:479px) {#platform-pricing .description {margin: 0 15px }#platform-pricing .pricing {margin: 20px 0 !important }}@media (max-width:767px) and (min-width:480px) {#platform-pricing .description {margin-bottom: 30px }#platform-pricing .pricing {margin: 20px 20% !important }}#platform-pricing .pricing ul {margin: 25px 0 40px 15%;list-style: none;text-align: left }#platform-pricing .pricing ul li .list-items {margin-left: 25px;font-size: 16px;font-weight: 400 }@media (max-width:1200px) {#platform-pricing .pricing ul li .list-items {font-size: 14px }}#platform-pricing .pricing a .btn__text {color: #fff;letter-spacing: 2px;font-weight: 800 }a:active, a:focus, a:hover {text-decoration: none;outline: 0 }#responsive-tabs, #responsive-tabs-bottom {background: #fff;font-size: 15px;color: #1a1a1a;letter-spacing: 0;text-align: center;line-height: 16px;margin-bottom: 20px;padding-bottom: 20px;font-weight: 600 }@media (max-width:770px) {#responsive-tabs .container, #responsive-tabs-bottom .container {margin-right: -15px;margin-left: -15px }}#responsive-tabs .active, #responsive-tabs-bottom .active {background: #0073dc !important;color: #fff !important;border: 1px solid #0073dc !important }#responsive-tabs .data-global-license, #responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-global-license, #responsive-tabs-bottom .data-platform-tab {border: 1px solid #e6e6e6;height: 54px }#responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-platform-tab {border-radius: 4px 0 0 4px;padding: 5% 0 }#responsive-tabs .data-global-license, #responsive-tabs-bottom .data-global-license {padding: 5% 0;border-radius: 0 4px 4px 0 }@media (max-width:300px) {#responsive-tabs .data-global-license, #responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-global-license, #responsive-tabs-bottom .data-platform-tab {padding: 6% 0 }}@media (min-width:445px) and (max-width:499px) {#responsive-tabs .data-global-license, #responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-global-license, #responsive-tabs-bottom .data-platform-tab {padding: 4% 0 }}@media (max-width:459px) {#responsive-tabs .tab-content-height, #responsive-tabs-bottom .tab-content-height {padding-top: 10px !important }}@media (min-width:500px) and (max-width:566px) {#responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-platform-tab {padding: 18px 26px }}@media (min-width:567px) and (max-width:1199px) {#responsive-tabs .data-platform-tab, #responsive-tabs-bottom .data-platform-tab {padding: 18px 26px }}@media (min-width:535px) and (max-width:654px) {#responsive-tabs .data-global-license, #responsive-tabs-bottom .data-global-license {padding: 18px 26px }}@media (min-width:655px) and (max-width:1199px) {#responsive-tabs .data-global-license, #responsive-tabs-bottom .data-global-license {padding: 18px 26px }}#responsive-tabs .tab-items, #responsive-tabs-bottom .tab-items {cursor: pointer }#ft-controllist .container .row .content-heading {color: #7f7f7f;padding-bottom: 0;width: 100%;margin-bottom: 20px;font-family: "open sans";text-decoration: none }.file-format-tick {margin-left: 35px }.file-format-tick-mobile {margin-left: 20px !important }@media (max-width:460px) {.file-format-tick-mobile {margin-left: 0 !important }}@media (max-width:767px) {#technical-support .container .row .category-columns {border-left: 0 !important;min-height: auto }#technical-support .container .row .category-columns:first-of-type {margin-bottom: 0 }#technical-support .container .row .category-additional-column {min-height: auto;margin-bottom: 20px;margin-top: 0 }#technical-support .container .row .platform-heading-text {font-size: 24px;margin-top: 40px }#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 }#platform-pricing {padding: 50px 0 0 }#responsive-tabs, #responsive-tabs-bottom {font-size: 12px }}a {text-decoration: none;color: #4a90e2 }a:hover {color: #0450c2;cursor: pointer }.btn-custom {border: 1px solid #237ac1;outline: 0 !important }.btn-custom:hover {background-color: #237ac1;color: #fff }.btn-custom:focus {color: #237ac1;background-color: #fff }.btn-custom:active {color: #fff;background-color: #006db7 }#menu-wrapper {font-size: 14px;font-weight: 400 }.bold, .h5, h5 {font-weight: 600 }.lead, body, ul:not([class*=menu]) li>a {font-weight: 400 }.small {font-size: 12px }.error {font-size: 13px }.medium {font-size: 16px }.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-image: none !important;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);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: 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 a::after, .g2-widget-review a::after {content: "→" }#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {display: flex;position: absolute;left: 30px;bottom: 30px }.common-reviews .description {margin: 8px 0 100px !important }.common-reviews .name {margin-left: 0 !important }.app-logos-section {margin: 40px 30px;display: flex;flex-direction: column;align-items: center }@media (min-width:760px) and (max-width:991px) {#g2-widget .app-ratings, .g2-widget-review .app-ratings {width: 50.14px;height: 18.12px;margin-left: 5px;font-size: 12px;padding: 1px }#g2-widget .app-logos-section, .g2-widget-review .app-logos-section {margin: 40px 4px }#g2-widget .star-rating, .g2-widget-review .star-rating {height: 16.12px;width: 100px }#g2-widget .app-ratings-link, #g2-widget .reviews-count, .g2-widget-review .app-ratings-link, .g2-widget-review .reviews-count {font-size: 12px }#g2-widget .app-logo, .g2-widget-review .app-logo {height: 46px !important }}@media (max-width:527px) {#g2-widget .cards, .g2-widget-review .cards {margin: 0 15px 30px }}@media (max-width:280px) {#g2-widget .g2-author-section, .g2-widget-review .g2-author-section {margin-left: 8px;left: 12px }#g2-widget .cards, .g2-widget-review .cards {padding: 24px 20px }#g2-widget .name, .g2-widget-review .name {font-size: 11px }#g2-widget .app-logos-section, .g2-widget-review .app-logos-section {margin: 40px 6px }#g2-widget .g2-rating-img, .g2-widget-review .g2-rating-img {width: 89px }}@media (max-width:767px) {body {font-size: 11px }.small {font-size: 10px }.medium {font-size: 12px }.regular {font-size: 14px }.big {font-size: 16px }.h1, h1 {font-size: 26px !important }.h2, h2 {font-size: 22px !important }.h3, h3 {font-size: 18px !important }.h4, h4 {font-size: 14px !important }.h5, h5 {font-size: 12px !important }.h6, h6 {font-size: 10px !important }p {line-height: 20px }#g2-widget .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 }}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 }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 }}.lead {color: grey }.lead:not(:last-child) {margin-bottom: 1.3684210526em }.lead+.btn:last-child {margin-top: .92857143em }p.lead img {max-height: 1.68421053em }a, h1, h2, h3, h4, h5, h6, p, ul {margin: 0;padding: 0 }.h1, .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {font-weight: 300;font-variant-ligatures: common-ligatures;margin-top: 0;margin-bottom: 0 }.h2, h2 {font-size: 2.35714286em;line-height: 1.36363636em }.h3, h3 {font-size: 1.78571429em;line-height: 1.5em }.h4, .lead, h4 {font-size: 1.35714286em;line-height: 1.68421053em }.h5, h5 {font-size: 1em;line-height: 1.85714286em }p, ul {margin-bottom: .85714286em }.h1, h1 {letter-spacing: -.01em }.h1:not(:last-child), h1:not(:last-child) {margin-bottom: .5909090909em }.h2, h2 {margin-bottom: .7878787879em }.h3, h3 {margin-bottom: 1.04em }.h4, h4 {margin-bottom: 1.3684210526em;font-weight: 400 }.h6:not(:last-child), h6:not(:last-child) {margin-bottom: 2.1666666667em }.btn__text {letter-spacing: .5px }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 }.maui-new-ft, section.border--bottom:not([data-gradient-bg]) {border-bottom: 1px solid #ececec }section.text-center div[class*=col-]:first-child:last-child {margin: 0 auto;float: none }.back-to-top {position: fixed;width: 3.71428571em;height: 3.71428571em;background: #fff;border-radius: 50%;text-align: center;right: 1.85714286em;bottom: 3.71428571em;padding-top: 12px;box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);z-index: 99;border: 1px solid #ececec;transition: .2s ease-out;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out }.back-to-top i {color: #252525 }.back-to-top .active:hover {transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0) }.back-to-top:not(.active) {opacity: 0;transform: translate3d(0, 20px, 0);-webkit-transform: translate3d(0, 20px, 0);pointer-events: none }.fixed-menu {background-color: #f3f3f3 !important;left: 0;position: fixed !important;top: 0;width: 100%;z-index: 1000 }.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 }.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 }@media all and (max-width:767px) {.h1, h1 {font-size: 2.35714286em;line-height: 1.36363636em }.h2, h2 {font-size: 1.78571429em;line-height: 1.5em }.h3, .lead, h3 {font-size: 1.35714286em }.h3, h3 {line-height: 1.85714286em }.lead {line-height: 1.68421053em }section {padding: 3.57142857em 0 }}.icon--lg {font-size: 5.57142857em }#demos .app-icons .playstore-icon, .icon:not(.block) {display: inline-block }.feature-3 img {margin-bottom: .1666666667em }[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 }.off-screen-content {content-visibility: auto }@media(min-width:992px) {#maui-banner, #maui-banner-event {background-image: url(https://cdn.syncfusion.com/content/images/FT/Maui/master/banner_image_2022-v3.webp) }}.maui-highlights {background: unset }#popular-components-section-maui .first-list-element {margin-left: 15% }.maui-highlights .maui-highlight-column {margin-left: 8% }.maui-highlights .four-col-content p {width: 76% }.maui-highlights h2 {margin-right: 14%;margin-left: 14%;line-height: 52px }.btn__text {font-weight: 700;font-size: 12px;opacity: 1 !important }#technical-support h2 {font-size: 33px }#technical-support img {width: 81px;height: 80px }.back-to-top {margin: 0 6px 50px 0 }#popular-components-section-maui .description {padding-bottom: 30px !important }#popular-components-section-maui .view-more {max-width: unset;margin-bottom: 0 !important }@media (max-width:992px) {#maui-banner, #maui-banner-event {background: unset !important;background-image: none !important }.maui-highlights .four-col-content p {width: unset }.maui-highlights h2 {margin-right: unset;margin-left: unset }#popular-components-section-maui .content-section {text-align: center }}@media (min-width:1024px) {#popular-components-section-maui {background-image: url(https://cdn.syncfusion.com/content/stylesheets/FT/maui/dev/Most+Popular+images/webp/Control_bg.webp) background-size:43% !important;background-position: 81% 48% !important }}@media (min-width:1600px) {#popular-components-section-maui {background-size: 44% !important;background-position: 77% 48% !important }}.maui-new-ft .support-link-section span:hover {color: #0451c8 }.maui .platform-heading {width: auto }@media (max-width:768px) {#platform-pricing .sub-heading {font-size: 14px }.maui-highlights .maui-highlight-column {margin-left: unset }.maui-roadmap {margin-bottom: 20px !important;margin-top: 60px !important }.microsoft-section {background-image: url(https://cdn.syncfusion.com/content/images/FT/maui-toolkit/microsoft-banner-mobile.svg);padding-bottom: 64px;padding-top: 60px !important;.microsoft-buttons {a {justify-content: center }}p {margin-bottom: 30px }}}#maui-banner-event .event-heading {font-weight: 700;font-size: 38px;line-height: 55px;width: 85% }#maui-banner-event .event-description {font-size: 15px;line-height: 26px }#maui-banner-event .event-subheading {margin-top: 38px }.popular-controls-section {background-color: #fff;padding: 60px 0 }.popular-controls-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: center;font-weight: 700;line-height: 44px;width: 55%;margin: 0 auto 1em }#ft-controllist {background-color: #fff;padding-bottom: 0 !important;display: none }#ft-controllist .content-heading {color: #000 !important;font-weight: 700 !important }#ft-controllist li .badge-preview {background-color: #FFF6EA !important;width: 58px;height: 18px;border: 1px solid #FDD592;color: #9A6409 !important;font-weight: 600 !important;padding: 4px 7px;border-radius: 24px;font-size: 10px !important;position: relative;top: 0;line-height: 10px !important }#ft-controllist .section-list {width: 210px !important }#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 #control-items {margin-top: -6px }#ft-controllist .container .row {margin-left: 0 }#ft-controllist .container .row #ft-control-platform {margin: -68px 30px 0 }#demos .app-icons .middle, #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 {font-weight: 600;font-size: 16px }#ft-controllist .container .row .list-items {list-style-type: none;padding-left: 0;line-height: 20px;height: auto }#ft-controllist .container .row .list-items .feature {position: relative;z-index: 1;cursor: pointer;color: #0057ff;font-weight: 600;font-family: "open sans";text-decoration: none;font-size: 14px }#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 .content-medium {width: 105%;list-style-type: none;padding-left: 0 }#ft-controllist .container .row .content-medium .feature {position: relative;z-index: 1;cursor: pointer;color: #2384e4;font-weight: 600;font-family: "open sans";text-decoration: none;font-size: 1.2em }#ft-controllist .container .row li {height: 20px }#ft-controllist .container .row li span {color: #2384e4;font-weight: 600;font-family: "Open Sans";text-decoration: none;font-size: 1.2em }#ft-controllist .container .row h3 {line-height: 23px }@media (max-width:991px) {#popular-components-section #framework-content, #popular-components-section-maui #framework-content {margin-top: 30px }.flutter-roadmap .coming-soon-flutter, .flutter-roadmap .coming-soon-maui, .maui-roadmap .coming-soon-flutter, .maui-roadmap .coming-soon-maui {margin-left: 15px !important;margin-right: 15px !important;padding-left: 15px !important;padding-right: 15px !important }.flutter-roadmap .coming-soon-flutter .description, .flutter-roadmap .coming-soon-flutter .description-maui, .flutter-roadmap .coming-soon-maui .description, .flutter-roadmap .coming-soon-maui .description-maui, .maui-roadmap .coming-soon-flutter .description, .maui-roadmap .coming-soon-flutter .description-maui, .maui-roadmap .coming-soon-maui .description, .maui-roadmap .coming-soon-maui .description-maui {font-size: 12px !important }.popular-controls-section h2 {width: 100%;padding: 0 30px;line-height: 37px }}@media (min-width:600px) and (max-width:769px) {.popular-controls-section h2 {width: 75%;padding: 0 30px;line-height: 37px }}@media (max-width:1079px) {#ft-controllist li {width: 220px !important }}@media (max-width:992px) and (min-width:768px) {#ft-controllist li {width: 105% !important }}@media (max-width:1023px) {#platform-pricing .pricing ul li .list-items {font-size: 13px }.popular-controls-section {padding: 60px 0 0 !important }}@media (max-width:767px) {#ft-controllist .section-list {width: 100% !important }#ft-controllist .container .row {padding-top: 45px }#ft-controllist .container #control-items {margin: 0 5% }.popular-controls-section h2 {padding: 0 30px;margin: 0 auto }.microsoft-section {h2 {font-size: 24px !important;line-height: 36px !important }}}@media (min-width:1200px) {#popular-components-section .nav-tabs .col-lg-2, #popular-components-section-maui .nav-tabs .col-lg-2 {width: 14.28% }#technical-support.technical-support-new .container .row .heading-3 .category-additional-column, #technical-support.technical-support-new .container .row .heading-3 .category-columns {width: 20% !important }.popular-controls-section {padding-bottom: 0 !important }}@media (max-width:1279px) {.popular-controls-section {padding: 60px 0 0 !important }#ft-controllist {padding-bottom: 0 !important }#ft-controllist .container #control-items {margin: -25px auto 11px }#ft-controllist .container .row .content-heading {width: 54% }#ft-controllist .container .row .list-items {width: 105% }}@media (max-width:708px) {#ft-controllist .container .row .list-items {width: 243px !important }}@media (max-width:1279px) and (min-width:1024px) {#controls {margin-top: 0 !important }}@media (max-width:1024px) and (min-width:768px) {.row.masonry {margin-left: 0 }}@media (max-width:767px) and (min-width:320px) {#ft-controllist {overflow: hidden }#ft-controllist .sub-heading {margin-left: -12px;font-weight: 700 }#ft-controllist #more-controls {display: block;margin: -105px auto 25px }#ft-controllist .container {margin-bottom: 68px;padding-top: 0 }#ft-controllist .container .row {padding-top: 71px }#ft-controllist .container .row .content-heading {width: 140% }#ft-controllist .container .row .section-list {width: 100%;padding-left: 18px;padding-bottom: 0 }#ft-controllist .container .row h3 {line-height: 18px }#ft-controllist .container .row .list-items {padding-left: 0 }#ft-controllist .container #control-items {margin-top: -5px }}@media (max-width:1200px) and (min-width:820px) {#ft-controllist .container .row .section-list, #ft-controllist .container .row .section-list ul, #ft-controllist .container .row .section-list ul li {width: 170px !important }}#demos {background-image: url(https://cdn.syncfusion.com/content/images/FT/common/demo/wpf-banner.png);background-repeat: no-repeat;padding: 60px 0;background-size: cover }#demos .h1, #demos h1 {font-size: 33px !important;font-weight: 700;color: #1a1a1a;letter-spacing: 0;margin-bottom: 16px }#demos .lead {font-size: 16px;color: #1a1a1a;margin-bottom: 34px;padding: 0 18%;text-align: center;line-height: 30px }#demos .app-icons {padding: 0;margin: 40px 0 0 }#demos .app-icons .row {margin-right: 0;margin-left: 0 }#demos .app-icons .playstore-icon .app-icon .avif, #demos .app-icons .playstore-icon .app-icon .default {opacity: 1;height: 90px;width: 300px;border-radius: 6px;box-shadow: 0 2px 16px 0 rgb(12 17 97 / .1) }#demos .app-icons .playstore-icon .app-icon .avif:hover, #demos .app-icons .playstore-icon .app-icon .default:hover {box-shadow: 0 2px 26px 0 rgb(12 17 97 / .2) }#demos .app-icons .second-column-icons, #demos .app-icons .third-column-icons {margin-left: 25px }@media (max-width:340px) {#demos .app-icons .playstore-icon .app-icon .avif, #demos .app-icons .playstore-icon .app-icon .default {width: 250px }}@media (max-width:769px) {#demos {padding: 40px 0 }#demos .h1, #demos h1 {font-size: 26px !important }#demos .app-icons {padding: 0 }#demos .app-icons #first-icon, #demos .app-icons #third-icon {margin-right: 25px }#demos .app-icons .playstore-icon {display: block;margin: 0 auto 22px }}@media (max-width:991px) {#demos .lead {padding: 0 15px;font-size: 12px;line-height: 25px }}@media (min-width:769px) and (max-width:1200px) {#demos .app-icons #second-icon {margin-top: 20px }}@media (max-width:1820px) {#technical-support img {width: 44px;height: 46px }#demos .h1, #demos h1 {font-size: 2.5em }}#g2-widget .app-ratings-link:hover, .g2-widget-review .app-ratings-link:hover {color: #0450c2 !important;cursor: pointer }.platform-banner-section h2.NoCreditCardDesktopFT, .platform-banner-section h2.NoCreditCardMobileFT {font-family: Open Sans;font-size: 14px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;text-align: start;color: #64748b;margin: -28px 0 18px 30px }@media (max-width:990px) {.platform-banner-section h2.NoCreditCardDesktopFT, .platform-banner-section h2.NoCreditCardMobileFT {margin: -23px 0 30px 25px;font-size: 13px !important }}@media (max-width:380px) {.platform-banner-section h2.NoCreditCardDesktopFT, .platform-banner-section h2.NoCreditCardMobileFT {margin: -28px 0 25px 8px;font-size: 12px !important }}.platform-banner-section #NocreditDesktopContent {display: block }@media (max-width:320px) {.platform-banner-section #NocreditDesktopContent {display: none }}.platform-banner-section #NocreditMobileContent {display: none }@media (max-width:320px) {.platform-banner-section #NocreditMobileContent {display: block;margin-bottom: -30px }}.platform-banner-section .downloads-count {margin: 0;display: flex;column-gap: 10px }.platform-banner-section .downloads-count .downloads-count-content {display: inline-block;position: relative;vertical-align: middle;color: #1a1a1a }.platform-banner-section .downloads-count .downloads-count-content:hover {color: #0057FF }.platform-banner-section .downloads-count .downloads-count-content span {font-weight: 700;font-size: 14px;line-height: 22px }.platform-banner-section .downloads-count img {margin: 0 }@media (max-width:320px) {.platform-banner-section .downloads-count {margin-top: 0 }}.floatingmenuBuy-NowUnique {margin-left: 20px;border: 1px solid #0073DC;background-color: #0073DC;color: #FFFFFF !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 }.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 }}@media(max-width:893px) {.competitive-banner-section .container {margin-bottom: 56px }}@media(max-width:767px) {.competitive-banner-section .container {margin-top: 36px;padding-left: 16px;padding-right: 16px }}.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 .row {flex-direction: column;row-gap: 40px;padding-bottom: 7px;padding-top: 10px;padding-right: 33px }}@media(max-width:767px) {.competitive-banner-section .container .row {padding-top: 0 }}@media(max-width:540px) {.competitive-banner-section .container .row {padding-left: 1px;padding-right: 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 }}@media(max-width:540px) {.competitive-banner-section .container .row .count-background {height: 98px;padding-left: 22px }}@media(max-width:360px) {.competitive-banner-section .container .row .count-background {padding-left: 16px }}@media(max-width:340px) {.competitive-banner-section .container .row .count-background {height: 81px;padding-left: 11px }}.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 }@media(max-width:540px) {.competitive-banner-section .container .row .count-background span {font-size: 12px;line-height: 18px }}@media(max-width:360px) {.competitive-banner-section .container .row .count-background span {font-size: 11px }}@media(max-width:340px) {.competitive-banner-section .container .row .count-background span {font-size: 10px }}.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 }@media(max-width:540px) {.competitive-banner-section .container .row .competitve-banner-heading {font-size: 20px;line-height: 30px }}.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% }}@media(max-width:540px) {.competitive-banner-section .container .row .competitive-banner-content {font-size: 12px;line-height: 20px }}.competitive-banner-section .container .row .competitive-banner-FT-image {padding: 3px 6px 3px 0;display: flex }@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 {height: 274px;width: 324px;margin: auto 0 auto auto }@media(max-width:893px) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-right: auto }}@media(max-width:540px) {.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) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 16% }}@media(max-width:360px) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 12% }}@media(max-width:340px) {.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 8% }}.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 }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link:focus {text-decoration: none }@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) {.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 12px }}.visual-studio-segment-all {margin: 0;background: 0 0;width: auto;text-align: left;padding: 0 }.visual-studio-image {max-width: 25px !important;min-width: 25px !important;margin: 0;display: inline-block }.visual-studio-text {display: inline-block;position: relative;vertical-align: middle;font-size: 14px;color: #0c0c0c;letter-spacing: .07px;line-height: 21px;padding: 0;margin-right: 0 }.maui-ui {height: auto;background-image: url(https://cdn.syncfusion.com/content/images/products/maui-ui-kit-v1.webp);background-size: cover;background-position: center top;background-repeat: no-repeat;padding: 104px 0;text-align: left;background-color: #f3f4f6 }.maui-ui span {color: #475569;letter-spacing: .2px;font-size: 16px }.maui-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 }.maui-ui a:hover {background-color: #0050EB;color: #fff;border: 1px solid #0050EB }.maui-ui a:focus {color: #fff;outline: unset }.maui-ui .heading {font-weight: 700;color: #0F172A;margin: 3px 0 10px 0;font-size: 33px;line-height: 45px }.maui-ui .sub-heading {margin: 0 25px 30px 0;color: #64748B;font-size: 16px;line-height: 25px }.maui-ui .sub-heading b {color: #475569 }@media (max-width:991px) {.maui-ui {background-image: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/xamarin-ui-mobile.png);text-align: center;padding: 60px 0 }.maui-ui .sub-heading {margin-left: 0;margin-right: 0 }}img[src*="maui-ui-kit.svg"] {margin-top: 2.5px }@media (min-width:1200px) {#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 20% }}.support-link-section img[src*="maui-ui-kit.svg"]+.link-item-title {margin-left: -2px }.platform-banner-section .banner-g2-container {display: flex;border: 1px solid #D4DAE7;border-radius: 12px;margin-top: 32px;margin-bottom: 32px;padding: 20px 18px;width: max-content;background-color: #FFF }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .g2-image {width: 40px;height: 40px }}@media (max-width:992px) {.platform-banner-section .banner-g2-container {width: -moz-max-content;width: max-content }}@media (max-width:550px) {.platform-banner-section .banner-g2-container {flex-direction: column;width: 100%;margin-top: 24px }.platform-banner-section .banner-g2-container .g2-container {border-bottom: 1px solid #D4DAE7;padding-bottom: 20px;margin-bottom: 20px }}.platform-banner-section .banner-g2-container .g2-container {border-right: 1px solid #D4DAE7;padding-right: 20px;margin-right: 20px }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .g2-container {padding-right: 18px }}@media (max-width:550px) {.platform-banner-section .banner-g2-container .g2-container {border-right: none;padding-right: 0;margin-right: 0 }}.platform-banner-section .banner-g2-container .rating-container .rating-review {display: flex;-moz-column-gap: 8px;column-gap: 8px;margin-top: 1.5px;width: -moz-max-content;width: max-content }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .rating-container .rating-review {-moz-column-gap: 6px;column-gap: 6px }}.platform-banner-section .banner-g2-container .rating-container .rating-review span {font-size: 18px;color: #0F172A;font-weight: 700 }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .rating-container .rating-review span {font-size: 16px }}.platform-banner-section .banner-g2-container .rating-container .rating-review a {font-size: 13px;color: #0057FF;font-weight: 400;align-self: center;padding-top: 2px }.platform-banner-section .banner-g2-container .rating-container .rating-review a:hover {color: #3278ff }.platform-banner-section .banner-g2-container img {margin-bottom: 0 }.platform-banner-section .banner-g2-container .g2-container {display: flex;-moz-column-gap: 12px;column-gap: 12px;align-items: center }@media (max-width:1200px) {.platform-banner-section .banner-g2-container .g2-container {-moz-column-gap: 10px;column-gap: 10px }}.support-and-downloads-count {display: flex;flex-direction: column;row-gap: 10px;margin: 0 }.support-and-downloads-count .visual-studio-text-xamarin {display: flex;column-gap: 10px }@media (max-width:1200px) and (min-width:992px) {.support-and-downloads-count .visual-studio-text {width: 144px }}@media (min-width:767px) {.downloads-count {padding: 0;margin: 0 !important }}@media (max-width:766px) {.downloads-count {margin: 0 !important }}.support-and-downloads-count .visual-studio-text {font-weight: 400 !important }.support-and-downloads-count .visual-studio-text span {font-weight: 700 !important }@media (max-width:992px) and (min-width:769px) {#demos .app-icons .middle {padding-top: 0;margin-left: 25px }#demos .app-icons .middle.second-column-icons {padding-top: 20px }#demos .app-icons .third-column-icons {margin-left: 0;margin-top: 20px }}@media (max-width:768px) {#demos .app-icons .middle {padding-top: 0 }}.banner-cta-wrapper {display: flex;flex-direction: column;gap: 20px;max-width: 600px;margin-top: 40px }.banner-btn-group {display: flex;flex-wrap: wrap;gap: 16px;align-items: flex-start }.trial-btn-section {display: flex;flex-direction: column;gap: 8px }.banner-cta-btn, .samples-nav-link {display: inline-flex;text-decoration: none;transition: .3s }.banner-cta-btn {align-items: center;justify-content: center;padding: 14px 24px;border-radius: 6px;font-weight: 600;font-size: 16px;line-height: 1.2;border: 2px solid #fff0;cursor: pointer;min-height: 43px;white-space: nowrap;min-width: 180px }.primary-cta-btn {background-color: #0057ff;color: #fff;border-color: #0057ff }.primary-cta-btn:hover, .secondary-cta-btn:hover {background-color: #0050eb;border-color: #0050eb;color: #fff }.secondary-cta-btn {background-color: #fff0;color: #0057ff;border-color: #0057ff }.cta-btn-text {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif }.trial-disclaimer-text {font-size: 14px;color: #666;margin: 0;font-style: italic;text-align: left }.explore-samples-section {flex-basis: 100%;margin-top: 4px }.samples-nav-link {align-items: flex-end;gap: 5px;color: #0057ff;font-size: 16px;font-weight: 500 }.samples-nav-link:hover {color: #0050eb }.nav-link-text {font-weight: 600 }.nav-arrow-icon {font-size: 20px }@media (max-width:549px) {.banner-cta-wrapper {padding: 0 16px;gap: 16px;text-align: center }.banner-btn-group {flex-direction: column;gap: 12px;width: 100%;align-items: center }.trial-btn-section {width: 100%;max-width: 300px;align-items: center }.banner-cta-btn {width: 100%;max-width: 300px;padding: 14px 24px;font-size: 16px;min-height: 43px;justify-content: center }.trial-disclaimer-text {text-align: center;font-size: 13px }.explore-samples-section {text-align: center;margin-top: 8px;width: 100% }.samples-nav-link {font-size: 15px;justify-content: center }}@media (max-width:480px) {.banner-cta-wrapper {padding: 0 12px }.banner-cta-btn {padding: 14px 20px;font-size: 15px;min-height: 52px;max-width: 280px }.trial-disclaimer-text {font-size: 12px }.samples-nav-link {font-size: 14px }}@media (min-width:550px) {.banner-cta-wrapper, .explore-samples-section, .trial-disclaimer-text {text-align: left }.banner-btn-group, .samples-nav-link {justify-content: flex-start }}.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;line-height: 22px }#ft-controllist .feature .ai-icon, #ft-controllist .no-url-control .ai-icon {width: 16px;height: 16px;padding: 3px 0 }#ft-controllist .feature .ai-icon img, #ft-controllist .no-url-control .ai-icon img {vertical-align: unset }#ft-controllist .feature .link-content, #ft-controllist .no-url-control .link-content {display: flex !important;flex-wrap: wrap;align-items: center;gap: 4px;flex: 1 }#ft-controllist #ft-control-platform .section-list .content-heading {padding-left: 22px }@media (max-width:767px) {#ft-controllist .section-list, #ft-controllist .container .row .list-items {width: 200px }#ft-controllist .container .row .section-list {padding-left: 0 }}.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 148px }.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 }.ai-tools-and-assistant-section {padding-bottom: 100px }.ai-tools-and-assistant-section .ai-tools-assistant-content-wrapper {display: flex;flex-direction: row;padding: 55px 50px 65px 55px;background: url(https://cdn.syncfusion.com/content/images/FT/ai-tools-assistant/ai-tools-assistant-background-v1.webp);border: 8px solid #E7E0FF;border-radius: 24px;background-size: cover;background-position: center;background-repeat: no-repeat }.ai-tools-and-assistant-section .ai-tools-assistant-heading {font-weight: 600;font-size: 24px !important;line-height: 36px;color: #0F172A }.ai-tools-and-assistant-section .ai-tools-assistant-description {font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: .08px;color: #0F172A;margin-bottom: 35px }.ai-tools-and-assistant-section .ai-tools-assistant-description a{color: #0057FF;}.ai-tools-and-assistant-section .ai-tools-assistant-link {font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: .34px;color: #0057FF;border: 1px solid #0057FF;border-radius: 6px;padding: 10px 16px;text-align: center }.ai-tools-and-assistant-section .ai-tools-assistant-link:hover {background-color: #EDF3FF }.ai-tools-and-assistant-section .ai-powered-tools {padding-right: 56px;position: relative }.ai-tools-and-assistant-section .ai-assistant {padding-left: 56px;position: relative }.ai-tools-and-assistant-section .vertical-divider {border: 1px solid #c3b3fa }.ai-tools-and-assistant-section .ai-assistant-image {background-size: contain;background-repeat: no-repeat;position: absolute;width: 175px;height: 180px;background-image: url(https://cdn.syncfusion.com/content/images/FT/ai-tools-assistant/ai-coding-assistant.webp);right: -115px;top: -135px;background-position: top }@media (max-width: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 }.ai-tools-and-assistant-section {padding-bottom: 65px;padding-right: 20px;padding-left: 20px }.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;font-size: 14px }.ai-tools-and-assistant-section .ai-tools-assistant-heading {font-size: 20px !important;font-weight: 700;line-height: 32px }}@media (max-width:550px) {.ai-toolkit-container {padding-left: 0;margin-bottom: 72px }.ai-toolkit-container .content-section {padding-left: 20px;padding-right: 10px }}@media (max-width:500px) {.ai-toolkit-container {margin-bottom: 88px;margin-top: 16px !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 }.ai-tools-and-assistant-section {max-width: 1150px }}@media (max-width:1199px) and (min-width:992px) {.ai-toolkit-container .content-section {width: 58.33% }}@media (max-width:970px) {.ai-tools-and-assistant-section .ai-powered-tools-image {display: none }.ai-tools-and-assistant-section .ai-assistant-image {display: none }}@media (min-width:767px) {.ai-tools-and-assistant-section .ai-assistant {width: 50% }.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 }}.carousel-cell {width: 100%;cursor: default;}.case-study-slider-section {padding-top: 80px;padding-bottom: 130px;margin-top: 30px;background: linear-gradient(180deg, rgba(233, 241, 255, 0.5) 0%, rgba(241, 246, 255, 0) 20.95%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(180deg, rgba(233, 241, 255, 0.72) 0%, rgba(233, 241, 255, 0) 10.13%, rgba(233, 241, 255, 0) 84.97%, rgba(233, 241, 255, 0.72) 100%);}@media (max-width: 768px) {.case-study-slider-section {padding-top: 56px;padding-bottom: 56px;margin-top: 0;}}.case-study-slider-section .case-study-header-segment {margin-left: auto;margin-right: auto;}@media (min-width: 768px) {.case-study-slider-section .case-study-header-segment {width: 750px;}}@media (min-width: 992px) {.case-study-slider-section .case-study-header-segment {width: 970px;}}@media (min-width: 1200px) {.case-study-slider-section .case-study-header-segment {width: 1170px;padding-left: 12px;padding-right: 12px;}}@media (max-width: 768px) {.case-study-slider-section .case-study-header-segment {padding-left: 15px;padding-right: 15px;}}.case-study-slider-section .case-study-header {font-size: 32px;line-height: 48px;color: #0F172A;font-weight: 700;margin-bottom: 16px;text-align: left;margin-top: 0;}.case-study-slider-section .feature-header span:not(.subtext) {font-weight: 700;color: #067647;font-size: 24px;line-height: 36px;}.case-study-slider-section .feature-header .subtext {font-size: 18px;padding-left: 0px;}.case-study-slider-section .feature-in-bold-1, .case-study-slider-section .feature-in-bold-2 {display: flex;flex-direction: column;row-gap: 4px;padding-left: 25px;}.case-study-slider-section .feature-in-bold-1 .feature-text, .case-study-slider-section .feature-in-bold-2 .feature-text {margin-left: 10px;color: #0F172A !important;font-weight: 600 !important;font-size: 20px !important;}.case-study-slider-section .feature-in-bold-1 span:not(.feature-text), .case-study-slider-section .feature-in-bold-2 span:not(.feature-text) {font-size: 46px;font-weight: 700;color: #067647;display: flex;-moz-column-gap: 30px;column-gap: 30px;line-height: 60px;position: relative;left: -25px;}.case-study-slider-section .feature-in-bold-1 span:not(.feature-text)::before, .case-study-slider-section .feature-in-bold-2 span:not(.feature-text)::before {content: "";width: 4px;height: 60px;background-color: #C3E5D7;border-radius: 6px;}@media (max-width: 767px) {.case-study-slider-section .feature-in-bold-1 span:not(.feature-text), .case-study-slider-section .feature-in-bold-2 span:not(.feature-text) {font-size: 32px;line-height: 50px;}}.case-study-slider-section .feature-in-bold-2 {margin-top: 10px;}.case-study-slider-section .feature-in-bold-2 span:not(.feature-text) {color: #5925DC;border-color: #D9D3E7;}.case-study-slider-section .case-study-description {font-size: 16px;line-height: 25px;color: #475569;font-weight: 400;margin-bottom: 24px;}@media (min-width: 992px) {.case-study-slider-section .case-study-description {width: 99%;}}.case-study-slider-section .explore-case-studies {font-size: 16px;border: 1px solid #0057FF;border-radius: 6px;padding: 11.2px 16px;line-height: 24px;color: #0057FF;font-weight: 600;display: flex;align-items: center;-moz-column-gap: 7px;column-gap: 7px;width: -moz-max-content;width: max-content;margin-bottom: 48px;}.case-study-slider-section .explore-case-studies:hover {background-color: #e8f1ff;text-decoration: none;}.case-study-slider-section .container {border: 1px solid #CFD6E2;border-radius: 24px;background-color: #F3F7FF;padding: 12px;}@media (max-width: 767px) {.case-study-slider-section .container {border: none;background: none;padding: 15px;}}@media (max-width: 500px) {.case-study-slider-section .container {padding: 0;}}@media (min-width: 1200px) {.case-study-slider-section .container {width: 1150px;}}.case-study-slider-section .container .button-list {display: flex;justify-content: space-around;width: 100%;border-bottom: 1px solid #DDDDDD;overflow: hidden;white-space: nowrap;scroll-behavior: smooth;padding-top: 0 !important;padding-left: 0;margin-top: 0;}.case-study-slider-section .container .button-list::after, .case-study-slider-section .container .button-list::before {display: none;}.case-study-slider-section .container .button-list li {padding: 0;flex: 0 0 auto;list-style-type: none;}.case-study-slider-section .container .button-list li button {position: relative;border: none;background: none;height: 86px;overflow: hidden;}.case-study-slider-section .container .button-list li button img {margin-bottom: 0;filter: grayscale(1) brightness(1);opacity: 0.6;width: 100%;height: auto;}.case-study-slider-section .container .button-list li button .progress-bar-base {position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #D7DEED;z-index: 1;border-radius: 8px;display: none;}.case-study-slider-section .container .button-list li button .progress-bar-fill {position: absolute;left: 0;bottom: 0;height: 4px;width: 0%;background: #0057FF;transition: none;z-index: 2;border-radius: 8px;animation: none;}.case-study-slider-section .container .button-list li button.active .progress-bar-fill {animation: progress-bar-animate 8s linear forwards;animation-play-state: running;}.case-study-slider-section .container .button-list li button.reset-animation .progress-bar-fill {animation: none;width: 0% !important;}.case-study-slider-section .container .button-list li button.stop-animation .progress-bar-fill {animation: none;width: 100% !important;}.case-study-slider-section .container .button-list li button.active, .case-study-slider-section .container .button-list li button:hover {opacity: 1;}.case-study-slider-section .container .button-list li button.active img, .case-study-slider-section .container .button-list li button:hover img {filter: none;opacity: 1;}.case-study-slider-section .container .button-list li button.active .progress-bar-base, .case-study-slider-section .container .button-list li button:hover .progress-bar-base {display: block;}@media (max-width: 992px) {.case-study-slider-section .container .button-list li {padding-left: 15px;padding-right: 15px;}.case-study-slider-section .container .button-list li button {height: 56px;}}.case-study-slider-section .border-container {border: 1px solid #CFD6E2;border-radius: 16px;background-color: #fff;}@media (max-width: 767px) {.case-study-slider-section .border-container {border: none;border-radius: none;}}.case-study-slider-section .carousel {margin: 23px;}.case-study-slider-section .carousel .carousel-cell {overflow: hidden;}@media (max-width: 992px) {.case-study-slider-section .carousel .carousel-cell {display: flex;flex-direction: column;justify-content: space-around;}}@media (max-width: 1200px) and (min-width: 992px) {.case-study-slider-section .carousel .carousel-cell .col-md-5 {width: 39%;}.case-study-slider-section .carousel .carousel-cell .col-md-7 {width: 61%;}}.case-study-slider-section .carousel .flickity-viewport {overflow: hidden;}@media (max-width: 767px) {.case-study-slider-section .carousel {padding: 0;}}.case-study-slider-section .carousel .industry-type, .case-study-slider-section .carousel .feature-header {font-size: 20px !important;line-height: 30px;color: #0F172A;font-weight: 700;margin-bottom: 0;text-align: left;margin-top: 0;}.case-study-slider-section .carousel p {color: #475569;font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 0;}.case-study-slider-section .carousel .content {padding-right: 20px;}.case-study-slider-section .carousel .content hr {width: 100%;border-top: 1px solid #DDE2ED;margin-top: 28px;margin-bottom: 28px;display: block !important;}@media (max-width: 767px) {.case-study-slider-section .carousel .content {padding-left: 0;padding-right: 0;}}.case-study-slider-section .carousel .feature-list-container {display: flex;gap: 32px;flex-direction: row;}.case-study-slider-section .carousel .feature-list {display: flex;flex-direction: row;-moz-column-gap: 22px;column-gap: 22px;}.case-study-slider-section .carousel .feature-list img {margin-bottom: 0;}.case-study-slider-section .carousel .feature-list:nth-of-type(1) {margin-bottom: 34px;}.case-study-slider-section .carousel .content {display: flex;justify-content: center;flex-direction: column;}@media (max-width: 992px) {.case-study-slider-section .carousel .content {justify-content: start;margin-top: 30px;margin-bottom: 32px;}}@media (min-width: 992px) {.case-study-slider-section .carousel .content {min-height: 396px;}}.case-study-slider-section .carousel .customer-story-col {--opacity-normal-start: 0.1;--color-switch-position: 49.15%;border-radius: 16px;background-size: 102% 102%;transition: background-size 0.5s ease;min-height: 396px;display: flex;margin-top: auto;padding: 0;}@media (max-width: 992px) {.case-study-slider-section .carousel .customer-story-col {margin-top: unset;}}.case-study-slider-section .carousel .customer-story-col .customer-card-link {display: flex;flex-direction: column;justify-content: end;row-gap: 16px;transition: 0.6s cubic-bezier(0.7, 0, 0, 1);transition-property: transform, opacity;padding: 28px;}@media (max-width: 768px) {.case-study-slider-section .carousel .customer-story-col .customer-card-link {padding: 20px;}}.case-study-slider-section .carousel .customer-story-col p {font-size: 20px;line-height: 32px;color: #ffffff;font-weight: 600;margin-bottom: 0;}@media (max-width: 767px) {.case-study-slider-section .carousel .customer-story-col p {font-size: 16px;line-height: 26px;}}.case-study-slider-section .carousel .customer-story-col img {margin-bottom: 8px;}.case-study-slider-section .carousel .customer-story-col .user-details {font-weight: 700;}.case-study-slider-section .carousel .customer-story-col .user-details span {font-weight: 400;font-size: 16px;font-style: italic;color: rgba(255, 255, 255, 0.8);}.case-study-slider-section .carousel .customer-story-col .read-story-cta {font-size: 16px;line-height: 24px;color: #FFD018;font-weight: 600;display: flex;align-items: center;-moz-column-gap: 7px;column-gap: 7px;margin-top: 4px;}.case-study-slider-section .carousel .customer-story-col .read-story-cta:hover {color: #E1BD00;text-decoration: none;}.case-study-slider-section .carousel .customer-story-col:hover {background-size: 100% 100%;}.case-study-slider-section .carousel .customer-story-col:hover .customer-card-link .read-story-cta {visibility: visible;}@media (max-width: 700px) {.case-study-slider-section .carousel .customer-story-col {background-size: 102% 125%;}.case-study-slider-section .carousel .customer-story-col:hover {background-size: 100% 125%;}}.case-study-slider-section .carousel .customer-story-col.bg-lazy .customer-card-link .read-story-cta {color: #8d720b;}.case-study-slider-section .carousel .flickity-page-dots {bottom: -75px;position: absolute;position: absolute;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;display: flex;justify-content: center;}.case-study-slider-section .carousel .flickity-page-dots .dot {background-color: #C9D1DF;margin: 0 3px;opacity: 1;width: 8px;height: 8px;border-radius: 50%;}.case-study-slider-section .carousel .flickity-page-dots .dot:hover {cursor: pointer;}.case-study-slider-section .carousel .flickity-page-dots .is-selected {background-color: #0057FF;width: 34px;border-radius: 8px;}@media (max-width: 767px) {.case-study-slider-section .carousel .flickity-page-dots {bottom: -50px;}}@keyframes progress-bar-animate {from {width: 0%;}to {width: 100%;}}