#banner-content .ft-two-column .col-lg-8 img, #control-content img, img {max-width: 100% }#control-list #control-category-list, #control-list h4, #control-list li a, .chart-navigation-bar .static-navbar li, .chart-types-navigation .content-heading, .chart-types-navigation li {white-space: nowrap;text-overflow: ellipsis;overflow: hidden }#control-content .ft-two-column .carousel .carousel-inner div:first-child, #control-content .ft-two-column .carousel .carousel-inner div:last-child, #control-content .row .col-lg-6 .carousel .carousel-inner div:first-child, #control-content .row .col-lg-6 .carousel .carousel-inner div:last-child, #control-content .row .col-md-4 .carousel .carousel-inner div:first-child, #control-content .row .col-md-4 .carousel .carousel-inner div:last-child, #control-content .two-col-carousel .carousel .carousel-inner div:first-child, #control-content .two-col-carousel .carousel .carousel-inner div:last-child, #static-footer #next-link, .boxed>div[class*=col-]:last-child:not(.boxed), .tabs .tab__title:not(.btn), .un-limited-lic {padding-right: 0 }#ft-control-list #ft-control-platform .most-downlod-icon::before, #ft-control-list .most-downlods-note .most-downlod-icon::before {content: url(https://cdn.syncfusion.com/content/images/FT/Xamarin/v2/most-downloaded.svg) }#banner-content, #master-breadcrumb #breadcrumb .bread-crumb-separator img, #nuget-btn {visibility: hidden }.featuretour-markdown.themes-section .accordion, .h1, .h2, .h3, .h4, .h5, .h6, body, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Helvetica, Arial, sans-serif }#retired-product-information-message {display: none;position: absolute;opacity: .95;width: 100%;z-index: 999;background-color: #fff7d7;border-bottom: 1px solid #eada96 }#retired-product-information-message .common-message {float: none;margin: auto;text-align: center;line-height: 26px;padding: 15px 0 }#retired-product-information-message .information_close_icon {width: 70px;float: right;padding: 34px 30px;margin-top: -83px;cursor: pointer !important }@media(max-width:1199px) {#retired-product-information-message .common-message {line-height: inherit }#retired-product-information-message .information_close_icon {padding: 30px;margin-top: -75px }}#retired-product-information-message .information_close_icon:focus, #retired-product-information-message .information_close_icon:hover {background-color: #fcefbb }.fixed-navbar {background-color: #fff;left: 0;position: fixed;top: 0;width: 100%;z-index: 1000 }#faq .faq-list h3 .collapsed .faq-arrow-icon .faq-collapse-icon, #faq .faq-list h3 .faq-expand-icon, #featuretour-markdown #control-content .carousel-caption, #ft-controllist #more-controls, #nuget-btn, #supported-frameworks-strip-segment.supported-frameworks #mobile-strip-section, .carousel-left-icon, .carousel-right-icon, .ft-demo-link-wrapper {display: none }#control-navigation {padding-left: 9px }#current-control-details {margin-left: 5px }.selected {color: #006db7 !important;border-left: 3px solid #006db7;padding-left: 15px !important }.btn, .btn:active, .btn:focus, a, a:active, a:focus, a:hover {outline: 0 !important;text-decoration: none }.static-navbar {border-bottom: 1px solid #f3f3f3;box-shadow: 0 5px 10px -12px;margin-bottom: 60px;padding-bottom: 0;padding-top: 5px }.panel-body, .panel-default {box-shadow: none !important;border: none !important }#control-list #control-category-list .disabled, .static-navbar .disabled {pointer-events: none;cursor: default }.static-navbar .left-panel {padding-left: 0;padding-top: 14px;display: block }.static-navbar .right-panel {padding-top: 5px }#supported-frameworks-strip-segment.supported-frameworks #framework-platforms, .static-navbar .right-panel ul {float: right }.static-navbar .right-panel ul li {margin-left: 10px }.static-navbar .arrow-image {background: url(//cdn.syncfusion.com/content/images/common/common-icons-03.png) -219px -58px no-repeat;height: 10px;width: 15px }#control-content .row .col-lg-6:first-child, #control-content .row .col-md-6:first-child, .static-navbar ul {padding-left: 0 }.static-navbar ul li {display: inline-block !important;list-style-type: none }#control-content hr {margin: 0 0 0 -20px;border: none;border-top: 1px solid #ccc }#control-content hr:last-child {border-top: none !important }#control-content .ft-one-column .col-lg-4 img, #control-content .ft-one-column .col-lg-4 object, #control-content .ft-one-column .col-lg-5 img, #control-content .ft-one-column .col-lg-5 object, #control-content .ft-one-column .col-lg-6 img, #control-content .ft-one-column .col-lg-6 object, #control-content .ft-one-column .ft-two-column:nth-of-type(2), #control-content .ft-one-column .text-center, #control-content .multi-column-conent-container .text-center, #featuretour-markdown #control-content .ft-one-column img, #featuretour-markdown #control-content .ft-one-column object {padding-top: 0 !important }#control-content .ft-one-column .ft-column-header h2, #control-content .ft-two-column .col-lg-8 p img, #control-content .ft-two-column .col-lg-8 p object, #control-content .multi-column-conent-container .multi-col-contents .two-col-content img, #control-content .multi-column-conent-container .multi-col-contents .two-col-content object, #control-content .multi-column-conent-container .text-left, #control-content .one-col-carousel .ft-column-header, #control-content .row:first-child, #control-content .two-col-carousel .col-lg-8 p img, #control-content .two-col-carousel .col-lg-8 p object, #featuretour-markdown #control-content .ft-column-header, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content img, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content object, 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 }#control-content .ft-column-header h2, #control-content .multi-column-conent-container .text-left h2 {margin-top: 0;margin-bottom: 35px }#control-content .multi-column-conent-container .multi-col-contents, #link-section {padding-left: 0;padding-right: 0 }#control-content .multi-column-conent-container .multi-col-contents h3 {font-size: 22px;font-weight: 600 }#control-content .multi-column-conent-container .multi-col-contents .three-col-content {padding-right: 40px }#control-content .multi-column-conent-container .multi-col-contents .three-col-content img, #control-content .multi-column-conent-container .multi-col-contents .three-col-content object {margin: 0;padding-top: 30px }#banner-content h1, #control-content .ft-two-column ul, #control-content .multi-column-conent-container .multi-col-contents .three-col-content h3, #control-content .multi-column-conent-container .multi-col-contents .two-col-content h3, #control-content .row p, #strip-segment, .desc-template .banner-descrip, .list-template .banner-descrip, .popular-banner #download-now-button, .popular-banner #view-demos-now-button {margin-bottom: 25px }#control-content .ft-two-column div:first-child, #control-content .multi-column-conent-container .multi-col-contents .two-col-content, #control-content .two-col-carousel div:first-child {padding-left: 0;padding-right: 40px }#control-content .multi-column-conent-container .multi-col-contents .two-col-content .slide {width: auto;display: inline-block }#control-content .one-col-carousel .slide {margin-top: 30px;margin-bottom: 30px }#control-content .one-col-carousel .slide .carousel-indicators, #control-content .row .slide .carousel-indicators, #control-content .two-col-carousel .slide .carousel-indicators {bottom: -50px }#control-content .one-col-carousel .slide .carousel-indicators li, #control-content .row .slide .carousel-indicators li, #control-content .two-col-carousel .slide .carousel-indicators li {background-color: #ccc }#control-content .one-col-carousel .slide .carousel-indicators .active, #control-content .row .slide .carousel-indicators .active, #control-content .two-col-carousel .slide .carousel-indicators .active {background-color: #999 }#control-content .row .link-padding, #control-content .row .slide, #control-content .two-col-carousel .slide, #featuretour-markdown #control-content .ft-column-header p, #featuretour-markdown #control-content .multi-column-conent-container .three-col-content>p:last-child, #featuretour-markdown #control-content .multi-column-conent-container .two-col-content>p:last-child, #featuretour-markdown #control-content .multi-column-conent-container>p, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content {margin-bottom: 30px }#control-content .ft-one-column .ft-column-header {margin-top: -20px;padding-top: 0 }#control-content .ft-two-column div:last-child, #control-content .two-col-carousel div:last-child {padding-left: 0;padding-right: 15px }#control-content .ft-two-column .col-lg-4 h2, #control-content .row .col-lg-4 h2, #control-content .two-col-carousel .col-lg-4 h2, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content iframe, #supported-frameworks-strip-segment.supported-frameworks.standard-banner-section.essential-js2, .featuretour-markdown.themes-section .iframe-slider:first-child {margin-top: 0 }#control-content .one-col-carousel, #control-content .two-col-carousel {margin-bottom: 50px }#control-content .ft-column-header {padding-top: 45px }#control-content table {width: 100%;margin-bottom: 35px;border: 1px solid #ccc }#control-content table tr {border-collapse: collapse;border-bottom: 1px dotted #ccc }#control-content table tr:last-child {border-bottom: 0 solid #ccc }#control-content table th {border-bottom: 1px solid #ccc;padding: 10px;text-align: center }#control-content table td:first-child, #control-content table th:first-child {text-align: left;width: 50% }#control-content table td {padding: 10px;text-align: center;text-align: -moz-center;text-align: -webkit-center }#control-content .row {padding: 45px 25px }#control-content .row iframe, #featuretour-markdown #control-content .row iframe, .featuretour-markdown .control-content iframe {width: 100%;height: 500px;border: 0 solid #fff }#control-content .row p img, #control-content .row p object, #control-content .row ul li img, #control-content .row ul li object {padding-top: 25px }#control-content .row .row, #control-content .row .row:first-child {padding-left: 15px }#control-content .row .row:last-child {padding-right: 15px }#control-content .row h1, #control-content .row h2, #control-content .row h3 {margin-top: 0;margin-bottom: 25px }#ControlPageNavigationLink .arrow-element, #FeaturePageNavigationLink .arrow-element, #control-content .row .heading-section, .bigger {font-size: 24px }#control-content .row li, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-field, .desc-list-template .banner-descrip {margin-bottom: 15px }#control-content .row .col-lg-4 h4, #control-content .row .col-lg-6 h4, #control-content .row .col-md-4 h4 {margin-top: 20px;margin-bottom: 20px }#control-content .row .col-lg-4 {padding-left: 0;padding-right: 30px }#control-content .row img, #control-content .row object {display: block;height: auto;max-width: 100%;margin: 0 auto }#control-content .row ul {margin-top: 20px;font-size: 13px;line-height: 20px;letter-spacing: .25px;margin-left: 20px }#control-content .row ul li {margin-bottom: 9px;padding-left: 8px }#control-content .row .btn a {border-radius: 2px;color: #fff;display: inline-block;margin-left: -12px;padding: 8px 10px;text-align: center;text-decoration: none;font-size: 14px;background-color: #1ea6d6 }#ControlPageNavigationLink, #FeaturePageNavigationLink {margin-bottom: 66px }#ControlPageNavigationLink .arrow-element a::before, #FeaturePageNavigationLink .arrow-element a::before {speak: none;font-style: normal;font-weight: bolder;text-transform: none;line-height: 2;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: '\e900';color: #0073dc;position: absolute;top: 3px;margin-left: -20px;display: inline-block;font-size: 17px;transition-delay: 0s;transition-duration: .3s;transition-property: all;font-family: icomoon !important;font-variant: normal }#ControlPageNavigationLink .arrow-element a:hover::before, #FeaturePageNavigationLink .arrow-element a:hover::before, #banner-content .ft-two-column .btn a, #banner-content .ft-two-column .col-lg-5 .btn:hover a, #banner-content .ft-two-column .col-lg-6 .btn:hover a, #control-banner-content .samples-nav-link, #control-banner-content.video-banner #overviewVideo, #strip-segment.angular-js2-banner .framework .framework-name, #strip-segment.aspnetcore-js2-banner .framework .framework-name, #strip-segment.aspnetmvc-js2-banner .framework .framework-name, #strip-segment.javascript-UI-banner .framework .framework-name, #strip-segment.react-js2-banner .framework .framework-name, .btn--primary .btn__text, .btn--primary i, .btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text, .btn--primary:visited .btn__text, .btn--primary:visited i, .imagebg:not(.image--light) blockquote, .imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul {color: #fff }#control-content .ai-feature-expose a:hover, #control-static-menu #mobile-navigation-link span:hover, #control-static-menu #navigation-link span:hover, #control-static-menu .control-heading-section .bread-crumb .platform:hover, #featuretour-markdown #control-content .row ul li a:hover, #featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link:hover, #ft-control-platform .tabs-container .tabs-content li .tab__content a:hover, #ft-controllist #ft-control-platform .section-list ul li a:hover, #ft-controllist #ft-control-platform .section-list ul li span:hover, #other-supported-frameworks .two-col-content ul li a:hover, a:hover {color: #0450c2 }#ControlPageNavigationLink .arrow-element .actual-control-name, #FeaturePageNavigationLink .arrow-element .actual-control-name {color: #0073dc;font-size: 18px;font-weight: 600;transition-delay: 0s;transition-duration: .4s;transition-property: all;padding: 12px 36px 12px 54px;border: 2px solid initial;border-image: initial;border-radius: 40px }#ControlPageNavigationLink .arrow-element .actual-control-name:hover, #FeaturePageNavigationLink .arrow-element .actual-control-name:hover {color: #fff;border: 2px solid #0073dc;background-color: #0073dc }#control-list h2, #control-list h3, #control-list h4, #control-list h5, #featuretour-markdown {color: #1a1a1a }#control-list li, #control-list p {color: #111 }#control-list li {list-style-type: none;margin-bottom: 8px }#control-list li a {color: #111;margin-left: -40px;padding-left: 18px;display: block;width: 150px }#control-list li a:hover {color: #237ac1;border-left: 3px solid #237ac1;padding-left: 15px !important }#control-list #search-category, #recent-activities-section .title .topic, #sales-section .ft-two-column .col-lg-5:first-of-type img, #sales-section .ft-two-column .col-lg-6:first-of-type img {width: 100% }#control-list #search-category #searchText, .small {font-size: 12px }#control-list #control-category {min-height: 50px;max-height: 300px;margin-left: -10px;padding-top: 15px }#ft-control-list #ft-control-platform .tabs-container .tabs-content, #ft-control-platform .tabs-container .tabs-content, #ft-controllist #control-items {margin-left: 4% }#control-list #control-category h4 {padding-left: 16px }#banner-content .ft-two-column .col-lg-8, #control-list #control-category .no-result, #control-static-menu #mobile-navigation-link, #control-static-menu #navigation-link, #controls-list .popular-controls-list, #featuretour-markdown #control-content .ft-one-column.more-information, #ft-control-list, #strip-segment.angular-js2-banner #framework-strip, #strip-segment.aspnetcore-js2-banner #framework-strip, #strip-segment.aspnetmvc-js2-banner #framework-strip, #strip-segment.javascript-UI-banner #framework-strip, #strip-segment.react-js2-banner #framework-strip, #supported-frameworks-strip-segment.supported-frameworks #framework-strip {text-align: center }#control-list #control-category-list, #control-list h4 {display: block;width: 150px }#control-list #control-category-list {margin-bottom: 20px }#control-list #control-category-list .disabled:hover {color: #111 !important;cursor: default;border-left: 0 solid #111 !important;padding-left: 18px !important }#control-list #control-category-list .disabled:focus, .competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link:focus, a, ul:not([class*=menu]) li>a:hover {text-decoration: none }#control-list .title-subheadings {min-height: 0;max-height: 200px;margin-left: -15px }#banner-content .container .background-img-left, .background-img, .background-img-leftside {position: absolute;top: 0;width: 100%;left: 0 }#banner-content .container .background-img-left p, #deprecatedmessage .content-area .text, #faq .faq-list h3, #featuretour-markdown #control-content .row ul li p, #strip-segment #framework-platforms .framework-items .framework-hover img, .background-img p, .background-img-leftside p, img:last-child {margin-bottom: 0 }#banner-content .container .background-img-left img, .background-img img, .background-img-leftside img {display: block;margin: auto;max-width: none }#banner-content {background-color: #0777d3;color: #fff;position: relative;overflow: hidden }#banner-content .ft-two-column {margin-top: 30px;padding-bottom: 15px }#banner-content .ft-two-column .col-lg-5, #banner-content .ft-two-column .col-lg-6 {z-index: 1;color: #1a1a1a;height: 500px;padding-top: 15px;padding-left: 0 }#banner-content .ft-two-column .col-lg-5 .btn, #banner-content .ft-two-column .col-lg-6 .btn {border: 1px solid #1c1c1c;margin-top: 20px;background-color: #fff0 }#banner-content .ft-two-column .col-lg-5 .btn a, #banner-content .ft-two-column .col-lg-6 .btn a {color: #1c1c1c }#banner-content .ft-two-column .col-lg-5 .btn:hover, #banner-content .ft-two-column .col-lg-6 .btn:hover {background-color: #1c1c1c;color: #fff }#banner-content .ft-two-column .col-lg-5 .community-licenses, #banner-content .ft-two-column .col-lg-6 .community-licenses {background-image: url(//cdn.syncfusion.com/content/images/FT/FTControl/Banner/CL.png);background-position: -1px -2px;background-repeat: no-repeat;height: 83px;margin-top: 35px;padding-top: 18px;background-size: 15% }#banner-content .ft-two-column .col-lg-5 .community-licenses a, #banner-content .ft-two-column .col-lg-6 .community-licenses a {color: #1a1a1a;padding-left: 85px;pointer-events: none;cursor: default }#banner-content .ft-two-column .col-lg-5 .community-licenses a strong, #banner-content .ft-two-column .col-lg-6 .community-licenses a strong {color: #e3464d !important;pointer-events: initial;cursor: pointer;font-weight: 500 }#banner-content .ft-two-column .col-lg-5 .community-licenses a strong:hover, #banner-content .ft-two-column .col-lg-6 .community-licenses a strong:hover, .desc-template ul li a:hover, .list-template ul li a:hover {text-decoration: underline }#banner-content .ft-two-column .btn {border: 1px solid #fff;margin-top: 20px }#banner-content .ft-two-column .btn:hover, #single-column-link-segment .read-now-button:hover {background-color: #fff }#banner-content .ft-two-column .btn:hover a {color: #3c2e76 }#controls-list .popular-controls-list .control-link a:hover, .btn-custom {color: #237ac1 }#banner-content p {line-height: 30px }#banner-contact-section {background-color: #05599e;color: #fff }#banner-contact-section .multi-column-conent-container .two-col-content {margin-bottom: 5px }#banner-contact-section .multi-column-conent-container .two-col-content p {margin-bottom: 0;line-height: 22px }#banner-contact-section .multi-column-conent-container .two-col-content:first-of-type {height: 55px !important;margin-top: 15px;padding-top: 5px;text-align: right;border-right: 1px solid #0777d3 }#banner-contact-section .multi-column-conent-container .two-col-content:first-of-type .contact-header, #banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .quote a {color: #ff0 }#banner-contact-section .multi-column-conent-container .two-col-content:first-of-type .contact-info, .h6, h6 {font-weight: 700 }#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) {height: 70px !important;margin-top: 10px }#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .customer-info {color: #ff0;font-weight: 700 }#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .quote {padding-right: 180px }#banner-contact-section .multi-column-conent-container .win-phone-contact:first-of-type {height: 63px !important }#banner-contact-section .multi-column-conent-container .win-phone-contact:nth-of-type(2) {height: 92px !important }#sales-section {color: #1a1a1a;background-color: #ffab40 }#sales-section .ft-two-column .col-lg-5:first-of-type, #sales-section .ft-two-column .col-lg-6:first-of-type {padding-top: 50px;padding-bottom: 25px }#sales-section .ft-two-column .col-lg-5:first-of-type p, #sales-section .ft-two-column .col-lg-6:first-of-type p, #strip-segment.angular-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.react-js2-banner .content, #supported-frameworks-strip-segment.supported-frameworks .content {text-align: right }#sales-section .ft-two-column .col-lg-5:nth-of-type(2), #sales-section .ft-two-column .col-lg-6:nth-of-type(2) {padding-top: 50px;padding-right: 140px }#sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn, #sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn {border: 1px solid #1a1a1a;margin-top: 20px }#sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn a, #sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn a {color: #111;font-weight: 600 }#sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn:hover, #sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn:hover {background-color: #111 }#sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn:hover a, #sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn:hover a {color: #ffab40 }.control-pricing {background-color: #fff !important }#price-section, #pricing-section {padding-bottom: 50px !important;background-color: #f3f3f3;padding-top: 50px !important }#featuretour-markdown #control-content .ft-one-column.more-information p, #price-section h2, #pricing-section h2 {margin-bottom: 20px !important }#price-section h2, #price-section p, #pricing-section h2, #pricing-section p {text-align: center;font-weight: 700 }#price-section p, #pricing-section p, .big, .nav-arrow-icon {font-size: 20px }#price-section .pricing, #pricing-section .pricing {background-color: #f3f3f3;color: green;border-radius: 50px;padding: 12px 17px;border: 1px solid green;margin-left: 43% }#price-section .pricing strong, #pricing-section .pricing strong {font-size: 26px;font-weight: 700 }#price-section .pricing:hover, #pricing-section .pricing:hover {background-color: green;color: #fff }#price-section ul, #pricing-section ul {border: 1px solid #ccc;line-height: 28px !important;padding: 20px 45px;width: 55%;margin: auto !important }#price-section ul li, #pricing-section ul li {background-image: url(//cdn.syncfusion.com/content/images/FT/FTControl/XlsIO+landing+page+Final-10.png);background-position: 0 8px;background-size: 3%;background-repeat: no-repeat;list-style: none;padding-left: 32px !important;padding-top: 0 }.un-limited-lic {margin-top: -50px;padding-left: 0 }#controls-list {padding: 85px 0 70px }#controls-list .text-center h1 {font-size: 33px;font-weight: lighter;margin-bottom: 50px;color: #7f7f7f }#control-heading-section .text-center h5, #controls-list .text-center h5 {font-size: 19px !important;font-weight: 600;margin-bottom: 40px;color: #333 }#control-heading-section .popular-controls-list .chart-image, #control-heading-section .popular-controls-list .excel-image, #control-heading-section .popular-controls-list .grid-image, #controls-list .popular-controls-list .chart-image, #controls-list .popular-controls-list .diagramming-image, #controls-list .popular-controls-list .gantt-image, #controls-list .popular-controls-list .grid-image {border-right: 1px solid #d8d8d8 }#control-heading-section .popular-controls-list .control-link, #controls-list .popular-controls-list .control-link {padding: 0 25px;display: inline-block }#control-heading-section .popular-controls-list .control-link span, #controls-list .popular-controls-list .control-link span {font-size: 2em;float: left;line-height: 25px }#controls-list .popular-controls-list .control-link a {font-size: 16px;padding-left: 10px;font-family: "open sans";font-weight: 600;color: #2384e4 }.lightswitchSilverlight {margin-top: -18px }.lightswitchhtml .container {border-bottom: 1px dashed #fff }#control-headinng-section h3 {font-size: 33px !important }#ft-controllist {text-align: center;padding: 0 0 70px }#ft-controllist #ft-control-platform .sub-heading {font-size: 1.5em !important;font-weight: 600;margin-bottom: 30px;color: #333;font-family: "open sans";margin-left: -5% }#ft-controllist #ft-control-platform .section-list {line-height: 2.2em;text-align: left;margin-bottom: 20px;width: 220px !important;overflow-x: hidden }#ft-controllist #ft-control-platform .section-list .content-heading {color: #1a1a1a;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-weight: 700;padding-bottom: 0;width: 100%;text-decoration: none;margin-bottom: 10px;font-size: 16px }#ft-controllist #ft-control-platform .section-list ul {width: 100%;margin-bottom: 12px }#ft-controllist #ft-control-platform .section-list ul li {width: 100% !important;word-break: break-word;list-style: none;line-height: 22px }#ft-controllist #ft-control-platform .section-list ul li a, #ft-controllist #ft-control-platform .section-list ul li span {color: #0057ff;font-weight: 600;text-decoration: none;font-size: 14px;z-index: 1;position: relative;cursor: pointer }@media(max-width:1279px) and (min-width:992px) {#ft-controllist .row .content-heading {width: 54% }}.chart-navigation-bar .mCustomScrollBox, .chart-navigation-bar .static-navbar .mCustomScrollBox {outline: 0 !important }.chart-navigation-bar .mCSB_dragger_bar {margin-right: -2px !important }.chart-navigation-bar .static-navbar {border-bottom: none !important;margin-bottom: 5px !important;box-shadow: none !important }.chart-navigation-bar .static-navbar:focus {outline: 0 !important;border: none !important }.chart-navigation-bar .static-navbar li {padding-bottom: 5px;list-style: none;font-size: 14px;width: 92% }.chart-navigation-bar .static-navbar li .selected {color: #0073dc !important;border-left: none !important;padding-left: 0 !important;width: auto;white-space: nowrap }#control-heading-section .popular-controls-list .control-link a:hover, .tabs li.active .tab__title, a {color: #4a90e2 }.chart-navigation-bar .static-navbar li a {color: #1a1a1a;width: auto;font-weight: 600;white-space: nowrap }#control-content .ft-one-column li[role=presentation] a:hover, .chart-navigation-bar .static-navbar li a:hover {color: #0073dc !important }#control-content .list-unstyled li a, .samples-nav-link:focus {color: #0057ff !important }.chart-fixed-menu-top {background-color: #fff;left: auto;position: fixed;top: 90px;z-index: 1 }.chart-top-menu {left: 0;position: fixed;top: 0;width: 100%;z-index: 2 }.chart-fixed-bottom {position: absolute;width: 100% }.chart-types-navigation {height: 350px }.chart-types-navigation .content-heading {color: #1a1a1a;font-weight: 600;font-size: 18px;margin-bottom: 14px;letter-spacing: -.2px;cursor: pointer;text-transform: uppercase }.chart-types-navigation .content-heading span {white-space: nowrap }.chart-types-navigation li {list-style: none;margin-bottom: 10px;width: 95% }.chart-types-navigation .charttype {font-size: 16px;color: #1a1a1a;letter-spacing: -.18px;line-height: 24px;white-space: nowrap;cursor: pointer;padding-right: 25px }#control-recent-activities-section .topic-heading a, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content ul li a, #ft-control-platform .tabs-container .tabs .active .tab__title .h5, #ft-control-platform .tabs-container .tabs .active .tab__title .h5:hover, #other-supported-frameworks .two-col-content ul li a, .chart-types-navigation .charttype:hover {color: #0057ff }.chart-types-navigation .charttype-selected {color: #0073dc;white-space: nowrap;border-right: 1px solid #0073dc }.chart-types-navigation .category-type {padding-right: 25px }.chart-types-navigation .category-selected {border-right: 1px solid #0073dc }.chart-types-navigation .mCSB_scrollTools {margin-right: -8px !important }#control-content .ai-feature-expose div:last-child, .panel-body {padding: 0 }.panel-default .panel-heading {background-color: #fff;border: none !important;padding: 0 !important }#master-breadcrumb #breadcrumb, #strip-segment.angular-js2-banner, #strip-segment.aspnetcore-js2-banner, #strip-segment.aspnetmvc-js2-banner, #strip-segment.javascript-UI-banner, #strip-segment.react-js2-banner {height: 70px }#master-breadcrumb #breadcrumb .content-small {float: left;font-size: 14px;margin: 17px 7px 21px 0;text-transform: uppercase }#master-breadcrumb #breadcrumb .bread-crumb-separator {float: left;margin: 21px 0;background: url(//cdn.syncfusion.com/content/images/home/new-seperator.png) no-repeat }#master-breadcrumb #breadcrumb .bread-crumb a {outline: 0;text-decoration: none;color: #111 }#master-breadcrumb #breadcrumb .bread-crumb-last {cursor: default;font-weight: 600 }@media(min-width:768px) and (max-width:1279px) {#master-breadcrumb #breadcrumb {height: 65px }#master-breadcrumb #breadcrumb .content-small {margin: 15px 6px 15px 0;font-size: 12px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 18px 0 15px }}.video-banner #hoverElement:hover, a:hover {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 }.h3 strong, .lead, body, h3 strong, ul:not([class*=menu]) li>a {font-weight: 400 }.smaller {font-size: 10px }.error {font-size: 13px }.normal {font-size: 14px }#control-banner-content .banner-descrip, #single-fold-control-banner .banner-descrip, #single-fold-horizontal-control-banner .banner-descrip, #whitebackground .banner-descrip, .medium, .video-banner #framework-content .support-content {font-size: 16px }.featuretour-markdown.themes-section .chart-type-link a, .regular {font-size: 18px }.ultra-big {font-size: 40px }p {line-height: 25px }@media(max-width:1279px) and (min-width:768px) {#retired-product-information-message .common-message .medium, .regular {font-size: 16px }#control-content .row .heading-section, .h3, h3 {font-size: 20px !important }body {font-size: 13px }.smaller {font-size: 9px }.small {font-size: 11px }.medium {font-size: 14px }.big {font-size: 18px }.bigger {font-size: 22px }.ultra-big {font-size: 32px }.h1, h1 {font-size: 30px !important }.h2, h2 {font-size: 26px !important }.h4, h4 {font-size: 16px !important }.h5, h5 {font-size: 13px !important }.h6, h6 {font-size: 11px !important }p {line-height: 24px }}#featuretour-markdown #control-content .ft-one-column .video_link, #featuretour-markdown #control-content .ft-two-column .video_link {border-radius: 4px;position: relative;margin: auto;text-align: center;background-color: #f6f6f6;background-size: 100% 100%;background-repeat: no-repeat }#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-one-column img, #featuretour-markdown #control-content .ft-one-column object, #featuretour-markdown #control-content .ft-two-column .video-frame, #quote-section img {margin: auto }#featuretour-markdown #control-content .ft-one-column .video-playiconalignment, #featuretour-markdown #control-content .ft-two-column .video-playiconalignment {position: absolute;top: 0;bottom: 0;cursor: pointer;display: inline-block;-webkit-box-shadow: 0 2px 10px 0 #000;box-shadow: 0 2px 10px 0 #000;border-radius: 100px;background-color: #fff;width: 91px;height: 91px;margin: auto }#featuretour-markdown #control-content .ft-one-column .video-playiconalignment:hover, #featuretour-markdown #control-content .ft-two-column .video-playiconalignment:hover {-webkit-box-shadow: 0 1px 39px 0 #000;box-shadow: 0 1px 39px 0 #000 }#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-one-column .video_link {height: 450px;width: 800px }#featuretour-markdown #control-content .ft-one-column .video-playiconalignment {left: 45% }#featuretour-markdown #control-content .ft-two-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video_link {height: 300px }#featuretour-markdown #control-content .ft-two-column .video-playiconalignment {margin-left: -20px !important;margin: auto }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 }.h6, h6, p+a:not(.btn) {font-size: .85714286em;line-height: 2.16666667em }#awards #award-desc #award-desc-line-1, #faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon, #faq .faq-list h3 .faq-collapse-icon, 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 }#EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button:hover, #deprecatedmessage .switch-btn .switch-button:hover, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .logon-field .submit:hover, [class*=imagebg]:not(.image--light) p {opacity: .9 }#EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn:hover, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close:hover, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close:hover, #static-footer #next-link .arrow-element a:hover, #static-footer #next-link .content #next-element a:hover, #static-footer #previous-link .arrow-element a:hover, #static-footer #previous-link .content #prev-element a:hover, .tabs li:not(.active), .tabs>li {opacity: .5 }.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 }.lead {color: gray }#control-banner-content .samples-nav-link:focus, #control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button span, #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums li .copy-button span, .primary-cta-btn:focus, .standard-banner {color: #fff !important }.lead:not(:last-child) {margin-bottom: 1.36842105263158em }.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;-webkit-font-variant-ligatures: common-ligatures;font-variant-ligatures: common-ligatures;margin-top: 0;margin-bottom: 0 }.h2, h2 {font-size: 2.35714286em;line-height: 1.36363636em }.h3, h3 {font-size: 1.78571429em;line-height: 1.5em }.h4, .lead, h4 {font-size: 1.35714286em;line-height: 1.68421053em }.h5, h5 {font-size: 1em;line-height: 1.85714286em }blockquote, ol, p, pre, table, ul {margin-bottom: .85714286em }a:active, a:focus, a:hover {text-decoration: none;outline: 0 }.h1, h1 {letter-spacing: -.01em }.h1:not(:last-child), h1:not(:last-child) {margin-bottom: .59090909090909em }.h2, h2 {margin-bottom: .78787878787879em }.h3, blockquote:not(:last-child), h3 {margin-bottom: 1.04em }blockquote {font-family: Merriweather, serif;font-style: italic;font-weight: 300 }blockquote>p {font-size: 1em !important }.h4, h4 {margin-bottom: 1.36842105263158em;font-weight: 400 }.h4.inline-block+.h4.inline-block:not(.typed-text), h4.inline-block+.h4.inline-block:not(.typed-text) {margin-left: .68421052631579em }.h6:not(:last-child), h6:not(:last-child) {margin-bottom: 2.16666666666667em }.h6.type--uppercase, h6.type--uppercase {letter-spacing: 1px;margin-right: -1px }img {margin-bottom: 1.85714286em }section {padding-top: 6em;padding-bottom: 5em }section.border--bottom:not([data-gradient-bg]) {border-bottom: 1px solid #ececec }.video-banner, section.unpad {overflow: hidden }section.text-center div[class*=col-]:first-child:last-child {margin: 0 auto;float: none }.back-to-top {position: fixed;width: 3.71428571em;height: 3.71428571em;background: #fff;border-radius: 50%;text-align: center;right: 1.85714286em;bottom: 3.71428571em;padding-top: 12px;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);-webkit-box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);box-shadow: 0 0 25px 0 rgb(0 0 0 / .04);z-index: 99;border: 1px solid #ececec;transition: .2s ease-out;-webkit-transition: .2s ease-out;-moz-transition: .2s ease-out }.back-to-top i {color: #252525 }.back-to-top .active:hover {transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0) }.back-to-top:not(.active) {opacity: 0;transform: translate3d(0, 20px, 0);-webkit-transform: translate3d(0, 20px, 0);pointer-events: none }.btn--primary, .btn--primary:visited {background: #4a90e2;border-color: #4a90e2 }.btn--primary:hover {background: #609de6 }.btn--primary:active {background: #3483de }.btn--primary-2, .btn--primary-2:visited {background: #465773;border-color: #465773 }.btn--primary-2:hover {background: #506383 }.btn--primary-2:active {background: #3c4b63 }.btn--sm {padding: .30952381em 1.85714286em }.btn .btn--sm+.btn--sm {margin-left: .92857143em }.type--uppercase {text-transform: uppercase }.btn.type--uppercase {letter-spacing: .5px }.boxed {position: relative;overflow: hidden;padding: 1.85714286em;margin-bottom: 30px;border-radius: 6px }.boxed.boxed--border, .tabs {border: 1px solid #ececec }.boxed.boxed--lg {padding: 2.78571429em }#static-footer #previous-link, .boxed>div[class*=col-]:first-child:not(.boxed), .tabs li:first-child .tab__title:not(.btn) {padding-left: 0 }.icon--lg {font-size: 5.57142857em }#strip-segment.angular-js2-banner #framework-platforms, #strip-segment.aspnetcore-js2-banner #framework-platforms, #strip-segment.aspnetmvc-js2-banner #framework-platforms, #strip-segment.javascript-UI-banner #framework-platforms, #strip-segment.react-js2-banner #framework-platforms, .icon:not(.block) {display: inline-block }.feature-3 img {margin-bottom: .16666666666667em }@media all and (min-width:768px) {.mt--3 {margin-top: 5.57142857em }}@media all and (max-width:990px) {.mt--3 {margin-top: 2.78571429em }}[class*=" stack-"]:before, [class^=stack-]:before {font-family: stack-interface;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased }#EJ2Modal, #deprecatedmessage {font-family: "open sans" !important }@font-face {font-family: Merriweather;font-style: italic;font-weight: 300;src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v20/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvo.woff) format("woff");font-display: swap }@font-face {font-family: Merriweather;font-style: normal;font-weight: 300;src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v20/u-4n0qyriQwlOrhSvowK_l521wRZWMf8.woff) format("woff");font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcs.woff) format("woff");font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhv.woff) format("woff");font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0d.woff) format("woff");font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhv.woff) format("woff");font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhv.woff) format("woff");font-display: swap }@font-face {font-family: Merriweather;font-style: normal;font-weight: 300;src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nrpPmMW7T3WCII-UZW2GGCw.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: Merriweather;font-style: normal;font-weight: 300;src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nqAAODQ6hKuKTT6yBk7tJss.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: Merriweather;font-style: normal;font-weight: 300;src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nhLwFvNxpkIoVzlXSkPSYkA.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: Merriweather;font-style: normal;font-weight: 300;src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v15/ZvcMqxEwPfh2qDWBPxn6nk4GofcKVZz6wtzX_QUIqsI.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }@font-face {font-family: Merriweather;font-style: italic;font-weight: 300;src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIFvxabc8-Ua_u_bDyl2V6ao.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: Merriweather;font-style: italic;font-weight: 300;src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwII_1JgVyIQZ7vlaYT5eo8zo.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: Merriweather;font-style: italic;font-weight: 300;src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIJpID8tihKRMKfpfDQ5OzSE.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: Merriweather;font-style: italic;font-weight: 300;src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v15/EYh7Vl4ywhowqULgRdYwIHM1hBkL4m68a-ReB_y0NYc.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");unicode-range: U+1F00-1FFF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");unicode-range: U+370-3FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");unicode-range: U+102-103, U+1EA0-1EF9, U+20AB;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range: U+1F00-1FFF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range: U+370-3FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range: U+102-103, U+1EA0-1EF9, U+20AB;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");unicode-range: U+1F00-1FFF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");unicode-range: U+370-3FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");unicode-range: U+102-103, U+1EA0-1EF9, U+20AB;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 600;src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");unicode-range: U+1F00-1FFF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");unicode-range: U+370-3FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");unicode-range: U+102-103, U+1EA0-1EF9, U+20AB;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 700;src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");unicode-range: U+1F00-1FFF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");unicode-range: U+370-3FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");unicode-range: U+102-103, U+1EA0-1EF9, U+20AB;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;font-display: swap }@font-face {font-family: 'Open Sans';font-style: italic;font-weight: 400;src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;font-display: swap }.tabs {display: inline-block;border-radius: 6px;margin-bottom: 1.85714286em }#ft-control-platform .tabs-container .tabs li:not(:last-child), .tabs li:not(:last-child) {border-right: 1px solid #ececec }.tabs li {-webkit-transition: .3s;padding: .92857143em 1.85714286em;display: inline-block }.tabs .tab__title {transition: .3s;-webkit-transition: .3s;-moz-transition: .3s }.tabs li:hover {opacity: 1;cursor: pointer }.tabs>li {display: inline-block;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none }.tabs-container[data-content-align=left] .tabs-content {text-align: left;position: relative;margin-top: 1em }.tabs-content>li:not(.active) .tab__content {position: absolute;left: 0;top: 0;display: block;opacity: 0;pointer-events: none;animation: .5s forwards fadeOutRight;-webkit-animation: .5s forwards fadeOutRight }.tabs-content>li.active {animation: .5s forwards fadeInLeft;-webkit-animation: .5s forwards fadeInLeft;-webkit-backface-visibility: hidden;backface-visibility: hidden }.tabs-content {position: relative }@keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 50px, 0);-webkit-transform: translate3d(0, 50px, 0) }to {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased }}@-webkit-keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 50px, 0);-webkit-transform: translate3d(0, 50px, 0) }to {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased }}@keyframes fadeInDown {from {opacity: 0;transform: translate3d(0, -100px, 0);-webkit-transform: translate3d(0, -100px, 0) }to {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased }}@-webkit-keyframes fadeInDown {from {opacity: 0;transform: translate3d(0, -100px, 0);-webkit-transform: translate3d(0, -100px, 0) }to {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased }}@keyframes fadeOutUp {from {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0) }to {opacity: 0;transform: translate3d(0, -50px, 0);-webkit-transform: translate3d(0, -50px, 0);-webkit-font-smoothing: antialiased }}@-webkit-keyframes fadeOutUp {from {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0) }to {opacity: 0;transform: translate3d(0, -50px, 0);-webkit-transform: translate3d(0, -50px, 0);-webkit-font-smoothing: antialiased }}@keyframes fadeOutRight {from {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0) }to {opacity: 0;transform: translate3d(50px, 0, 0);-webkit-transform: translate3d(50px, 0, 0);-webkit-font-smoothing: antialiased }}@-webkit-keyframes fadeOutRight {from {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0) }to {opacity: 0;transform: translate3d(50px, 0, 0);-webkit-transform: translate3d(50px, 0, 0);-webkit-font-smoothing: antialiased }}@keyframes fadeInLeft {from {opacity: 0;transform: translate3d(-50px, 0, 0);-webkit-transform: translate3d(-50px, 0, 0) }to {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased }}@-webkit-keyframes fadeInLeft {from {opacity: 0;transform: translate3d(-50px, 0, 0);-webkit-transform: translate3d(-50px, 0, 0) }to {opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-webkit-font-smoothing: antialiased }}@keyframes pulse {0% {opacity: 0;transform: scale(1);-webkit-transform: scale(1) }50% {opacity: 1 }100% {opacity: 0;transform: scale(2);-webkit-transform: scale(2) }}@-webkit-keyframes pulse {0% {opacity: 0;transform: scale(1);-webkit-transform: scale(1) }50% {opacity: 1 }100% {opacity: 0;transform: scale(2);-webkit-transform: scale(2) }}@keyframes kenBurns {0% {-webkit-transform: scale(1);transform: scale(1) }100% {-webkit-transform: scale(1.1);transform: scale(1.1) }}@-webkit-keyframes kenBurns {0% {-webkit-transform: scale(1);transform: scale(1) }100% {-webkit-transform: scale(1.1);transform: scale(1.1) }}#ej2-learn-more-strip, .carousel-caption {display: none !important }#overlay-stripe-content {background-color: #ffe6a1;-webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / .4);box-shadow: 0 5px 15px 0 rgb(0 0 0 / .4);position: absolute;padding: 20px;z-index: 1;width: 100%;display: none }#overlay-stripe-content .description {color: #1a1a1a;letter-spacing: .32px;display: inline;font-size: 16px;line-height: 24px;vertical-align: middle;font-weight: 600 }#overlay-stripe-content p.btn {display: inline;margin-left: 2%;background: #fff;border-radius: 5px;padding: 6px 0 }#overlay-stripe-content p.btn a {line-height: 20px;color: #1a1a1a;font-weight: 700;padding: 6px 18px;letter-spacing: .3px;font-size: 13px;text-transform: uppercase }#overlay-stripe-content p.btn:hover, #overlay-stripe-content svg:hover {opacity: .85 }#overlay-stripe-content svg {float: right;cursor: pointer;margin-top: 2px;color: #1a1a1a }#overlay-stripe-content svg path {fill: #1a1a1a }#control-content .list-unstyled, .common-reviews .name {margin-left: 0 !important }#control-content .list-unstyled li {padding-left: 0 !important;line-height: 15px !important }#control-content .ai-feature-expose div:first-child ul li a:hover, #control-content .list-unstyled li a:hover, #faq .faq-list .answer-content a:hover, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content ul li a:hover, #featuretour-markdown #control-content .row p a:hover {color: #0450c2 !important }#control-content .ai-feature-expose a::after, #control-content .list-unstyled li a:after, #g2-widget a::after, .featuretour-markdown.themes-section .chart-type-link a::after, .g2-widget-review a::after {content: " →" }#control-content .ft-one-column #code-snippet-1, #control-content .ft-one-column #code-snippet-2, #control-content .ft-one-column #code-snippet-3, #control-content .ft-one-column #code-snippet-4 {border: none;width: auto }#control-content .ft-one-column #code-snippet-1 .nav-tabs, #control-content .ft-one-column #code-snippet-2 .nav-tabs, #control-content .ft-one-column #code-snippet-3 .nav-tabs, #control-content .ft-one-column #code-snippet-4 .nav-tabs {border: none !important }#control-content .ft-one-column #code-snippet-1 ul, #control-content .ft-one-column #code-snippet-2 ul, #control-content .ft-one-column #code-snippet-3 ul, #control-content .ft-one-column #code-snippet-4 ul {margin-left: 0;text-transform: uppercase }#control-content .ft-one-column #code-snippet-1 ul .active a, #control-content .ft-one-column #code-snippet-2 ul .active a, #control-content .ft-one-column #code-snippet-3 ul .active a, #control-content .ft-one-column #code-snippet-4 ul .active a {color: #0073dc;font-weight: 700;border: none;border-bottom: 2px solid #0073dc !important }#control-content .ft-one-column #code-snippet-1 ul li, #control-content .ft-one-column #code-snippet-2 ul li, #control-content .ft-one-column #code-snippet-3 ul li, #control-content .ft-one-column #code-snippet-4 ul li {border: none !important;padding: 0 .857143em 0 0;margin-bottom: -1px !important }#control-content .ft-one-column #code-snippet-1 ul li a, #control-content .ft-one-column #code-snippet-2 ul li a, #control-content .ft-one-column #code-snippet-3 ul li a, #control-content .ft-one-column #code-snippet-4 ul li a {color: #1a1a1a;font-weight: 400;border: none;padding: 0;margin-right: 22px }#control-content .ft-one-column #code-snippet-1 ul li a:hover, #control-content .ft-one-column #code-snippet-2 ul li a:hover, #control-content .ft-one-column #code-snippet-3 ul li a:hover, #control-content .ft-one-column #code-snippet-4 ul li a:hover {color: #0073dc;background-color: #fff;border: none }#control-content .ft-one-column #code-snippet-1 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-1 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-1 ul li:nth-child(4), #control-content .ft-one-column #code-snippet-2 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-2 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-2 ul li:nth-child(4), #control-content .ft-one-column #code-snippet-3 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-3 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-3 ul li:nth-child(4), #control-content .ft-one-column #code-snippet-4 ul li:nth-child(2), #control-content .ft-one-column #code-snippet-4 ul li:nth-child(3), #control-content .ft-one-column #code-snippet-4 ul li:nth-child(4) {padding: 0 .857143em }#control-content .ft-one-column #code-snippet-1 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-1 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-1 ul li:nth-child(4) a, #control-content .ft-one-column #code-snippet-2 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-2 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-2 ul li:nth-child(4) a, #control-content .ft-one-column #code-snippet-3 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-3 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-3 ul li:nth-child(4) a, #control-content .ft-one-column #code-snippet-4 ul li:nth-child(2) a, #control-content .ft-one-column #code-snippet-4 ul li:nth-child(3) a, #control-content .ft-one-column #code-snippet-4 ul li:nth-child(4) a {margin-left: -32px }#control-content .ft-one-column li[role=presentation] {list-style: none;text-transform: uppercase;border: none;font-size: 16px;padding: 0;margin-bottom: -4px;display: table;font-weight: 700 }#control-content .ft-one-column li[role=presentation] a {color: #0073dc !important;cursor: default }#control-content .ft-one-column .tab-pane .highlight {border: 1px solid #ccc;margin-top: 20px;background-color: #002451;width: auto }#control-content .ft-one-column .tab-pane .highlight .prettyprint {border: none;padding: 42px 15px 40px 30px;background-color: #002451;margin-bottom: 0;-moz-tab-size: 4;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;position: relative }#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button, #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums li .copy-button {font-family: "Open Sans";cursor: pointer;border: 0;font-size: 16px;font-weight: 500;padding: 10px 15px;color: #fff;background-color: #fff0;position: absolute;top: 0;right: 0 }#EJ2Modal .ej2-modal-content .close:focus, #EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn:focus, #control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button:focus, #control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums li .copy-button:focus, #deprecatedmessage .switch-btn .switch-button:focus, #install-and-download .install-nuget:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close:focus {outline: 0 }#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button .icon-copy-to-clipboard {margin-right: 5px;float: left;margin-top: 3px }@-moz-document url-prefix() {#control-content .ft-one-column .tab-pane .highlight .prettyprint .copy-button .icon-copy-to-clipboard {margin-right: 5px;float: left;margin-top: 3px }}#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {word-wrap: normal !important;max-height: 292px;scrollbar-color: #405268 #fff0;scrollbar-width: thin }#control-content .highlight .prettyprint .linenums::-webkit-scrollbar {height: 5px;width: 5px }#control-content .highlight .prettyprint .linenums::-webkit-scrollbar-thumb {background-color: #405268;border-radius: 6px }#control-content .highlight .prettyprint .linenums::-webkit-scrollbar-corner {background-color: #fff0 }.flutter-banner-icons .support-content {margin-top: 30px;font-size: 13px;color: #000;letter-spacing: 1px;margin-bottom: 6px;line-height: 19px;font-weight: 600;font-family: "open sans" !important }.flutter-banner-icons .apple-store-icon {margin: 0 5px 5px -6px;width: 70px }.flutter-banner-icons .android-store-icon, .flutter-banner-icons .web-beta-icon {margin: 0 5px 5px 0;width: 70px }.support-link {padding: 20px }#strip-segment.angular-js2-banner .strip-opacity, #strip-segment.aspnetcore-js2-banner .strip-opacity, #strip-segment.aspnetmvc-js2-banner .strip-opacity, #strip-segment.javascript-UI-banner .strip-opacity, #strip-segment.react-js2-banner .strip-opacity {background-color: rgb(0 0 0 / .2);height: 70px }#strip-segment.angular-js2-banner #framework-content, #strip-segment.aspnetcore-js2-banner #framework-content, #strip-segment.aspnetmvc-js2-banner #framework-content, #strip-segment.javascript-UI-banner #framework-content, #strip-segment.react-js2-banner #framework-content {display: inline-block;vertical-align: top;margin-right: 7px }#strip-segment.angular-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {font-size: 16px;font-weight: 600;width: 138px;display: inline-block;margin-top: 13px;line-height: 19px;padding-right: 21px;border-right: 1px solid #fff;color: #fff }#strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {display: inline-block;text-align: center;margin-right: 0 }#strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {width: 75px;padding-top: 5px }#strip-segment.angular-js2-banner .framework .framework-items:hover #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items:hover #framework-hover, #strip-segment.aspnetmvc-js2-banner .framework .framework-items:hover #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items:hover #framework-hover, #strip-segment.react-js2-banner .framework .framework-items:hover #framework-hover, #supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:hover .framework-hover {background: rgb(0 0 0 / .2) }#strip-segment.angular-js2-banner .framework img, #strip-segment.aspnetcore-js2-banner .framework img, #strip-segment.aspnetmvc-js2-banner .framework img, #strip-segment.javascript-UI-banner .framework img, #strip-segment.react-js2-banner .framework img {margin-bottom: -4px }#supported-frameworks-strip-segment.supported-frameworks.standard-banner-section {display: inline-block;float: none !important;margin-top: 1em }@media(max-width:1920px) {#control-banner-content.has-supported-frameworks, #whitebackground.has-supported-frameworks {height: 270px;background-size: 100% 100% }#control-banner-content.has-supported-frameworks .banner-sub-heading, #whitebackground.has-supported-frameworks .banner-sub-heading {margin-bottom: 15px;margin-top: 35px }}@media(max-width:2560px) {#control-banner-content.has-supported-frameworks .banner-sub-heading, #whitebackground.has-supported-frameworks .banner-sub-heading {margin-top: 35px;margin-bottom: 15px }}@media(min-width:980px) and (max-width:1200px) {#supported-frameworks-strip-segment.supported-frameWorks-four-platform #framework-content {max-width: 75px !important;font-size: 8px !important;height: 34px !important;padding: 6px 8px !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework img {height: 32px !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-hover {padding: 0 3px 2px !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-items:last-child:hover .framework-hover {border-radius: 0 5px 5px 0 !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-items:first-child .framework-hover {padding: 0 3px 2px 5px !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-name {font-size: 9px !important }}#supported-frameworks-strip-segment.supported-frameworks.essential-js2 {margin-right: 20px;padding-bottom: 30px }#supported-frameworks-strip-segment.supported-frameworks .strip-opacity {background-color: rgb(0 0 0 / .2);border-radius: 5px }#supported-frameworks-strip-segment.supported-frameworks #framework-content {font-size: 10px;letter-spacing: .61px;text-align: right;max-width: 90px;margin: 0;display: inline-block;vertical-align: middle;color: #fff;padding: 4px 8px;height: 36px;background: rgb(0 0 0 / .2);border-radius: 5px 0 0 5px }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items {display: inline-block;text-align: center;margin-right: 0;height: 36px;float: left }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items .framework-hover {padding: 0 3px }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:last-child .framework-hover {padding: 0 5px 0 3px }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:last-child:hover .framework-hover {background: rgb(0 0 0 / .2);border-radius: 0 5px 5px 0 }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:first-child .framework-hover {padding: 0 5px }#supported-frameworks-strip-segment.supported-frameworks .framework img {margin: 0;display: inline-block;height: 36px;width: 26px }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {color: #fff;display: inline-block }#supported-frameworks-strip-segment.supported-frameworks.vue #framework-content {max-width: 89px }#control-static-menu {height: auto;background-color: #fff;-webkit-box-shadow: 0 2px 2px #e5e5e5;box-shadow: 0 2px 2px #e5e5e5;color: #fff;position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: -1px;z-index: 2;margin-bottom: 3em }#control-static-menu .control-heading-section .bread-crumb {text-align: left;position: relative;padding-top: 17px;font-size: 16px;margin-bottom: .85714286em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333 }#control-static-menu .control-heading-section .bread-crumb .feature-control-name, #control-static-menu .control-heading-section .bread-crumb .platform {color: #0057ff;font-weight: 700 }#control-static-menu .control-heading-section .bread-crumb #feature-content-name, #control-static-menu .control-heading-section .bread-crumb #static-control-name, #single-column-link-segment .read-now-button:hover .btn__text, #static-footer #next-link .content #next-element a, #static-footer #previous-link .content #prev-element a {color: #000 }#control-static-menu .control-heading-section .bread-crumb .seaprator {border-right: 1px solid #000;padding-left: 8px;margin-right: 12px }#control-static-menu #mobile-navigation-link span, #control-static-menu #navigation-link span {color: #0057ff;font-weight: 700;cursor: pointer;vertical-align: middle }#control-static-menu #mobile-navigation-link .syncfusionlayout-down-arow, #control-static-menu #navigation-link .syncfusionlayout-down-arow {font-size: 16px;font-weight: 400 }#control-static-menu #navigation-link {padding-top: 17px }#control-static-menu #mobile-navigation-link {padding-bottom: 10px }#control-static-menu .right-panel ul {float: right;padding-top: 15px;margin-bottom: 0 !important }#control-static-menu .right-panel ul li {display: inline-block;margin-bottom: 10px }#control-static-menu .right-panel ul li a {padding: 8px 16px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border: 1px solid #0057ff;background-color: #fff0;color: #0057ff;font-size: 12px;border-radius: 4px;margin-left: 16px }#control-content .ai-feature-expose div:first-child ul li .bold-text, #control-static-menu .right-panel ul li a .btn__text, .nav-link-text {font-weight: 600 }#control-static-menu .right-panel ul li a:hover {background-color: #e0ecff }#control-static-menu .right-panel ul li #try-now-button, #control-static-menu .right-panel ul li #try-now-button-static {color: #fff;background: #0057ff;border-color: #0057ff }#control-banner-content .samples-nav-link:hover, #control-static-menu .right-panel ul li #try-now-button-static:hover, #control-static-menu .right-panel ul li #try-now-button:hover {opacity: .8;color: #fff }.popular-banner {height: auto;background-size: 1920px auto;min-height: 400px }.standard-banner {height: 250px;text-align: center;background-size: 1920px 250px }.desc-list-template .banner-heading {margin-top: 45px;line-height: 40px;font-size: 30px }.desc-list-template ul {margin-bottom: 25px;line-height: 24px;font-size: 14px }.desc-template .banner-heading, .list-template .banner-heading {margin-top: 45px;line-height: 45px;font-size: 32px }.desc-template ul, .list-template ul {margin-bottom: 30px;font-size: 16px }.desc-template ul li, .list-template ul li {margin-bottom: 10px;line-height: 24px }.desc-template ul li a, .list-template ul li a {color: #fff533 }#whitebackground #view-demos-now-button {color: #0487ff !important;border-color: #0487ff !important;border-width: 2px !important }#control-banner-content, #whitebackground {background-color: #0450c2;color: #fff;background-position: 45% 100%;background-repeat: no-repeat }#control-banner-content .col-lg-6, #whitebackground .col-lg-6 {width: 45% }@media(min-width:768px) {#ft-controllist #ft-control-platform .section-list .badge-preview {font-size: 11px }#deprecatedmessage .content-area .responsive-btn {display: none }}#control-banner-content .banner-heading, #whitebackground .banner-heading {font-weight: 700;margin-bottom: 15px }#control-banner-content .banner-sub-heading, #single-fold-control-banner .banner-sub-heading, #single-fold-horizontal-control-banner .banner-sub-heading, #whitebackground .banner-sub-heading {margin-top: 50px }#control-banner-content .banner-inner-heading, #single-fold-control-banner .banner-inner-heading, #single-fold-horizontal-control-banner .banner-inner-heading, #whitebackground .banner-inner-heading {font-size: 26px;font-weight: 300;line-height: 2.5em }#control-banner-content .banner-main-heading, #single-fold-control-banner .banner-main-heading, #single-fold-horizontal-control-banner .banner-main-heading, #whitebackground .banner-main-heading {font-weight: 700;font-size: 36px }#control-banner-content ul, #whitebackground ul {margin-left: 15px }#control-banner-content #download-now-button, #whitebackground #download-now-button {padding: 4px 26px;font-weight: 600;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border: 2px solid #fff;background-color: #fff;color: #000;font-size: 16px }#control-banner-content #download-now-button .btn__text, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .already-login .existing-login, #single-fold-control-banner #buy-now-button .btn__text, #single-fold-control-banner #download-now-button .btn__text, #single-fold-horizontal-control-banner #buy-now-button .btn__text, #single-fold-horizontal-control-banner #download-now-button .btn__text, #whitebackground #download-now-button .btn__text, .video-banner #buy-now-button .btn__text {font-weight: 700 }#control-banner-content #download-now-button:hover, #whitebackground #download-now-button:hover {opacity: .8;color: #000 }#control-banner-content #dot-net-support-section .vs-icon-container, #whitebackground #dot-net-support-section .vs-icon-container {width: 35px;height: 35px;color: #fff;background: #fff;padding: 8px;border-radius: 50%;position: absolute;margin-top: -8px }#control-banner-content #dot-net-support-section .vs-icon-container .vs-image-container, #control-banner-content #no-banner-dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container .vs-image-container {margin-top: -2px }#control-banner-content #dot-net-support-section .dot-net-support-text, #whitebackground #dot-net-support-section .dot-net-support-text {padding-bottom: 40px;padding-left: 45px }#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {width: 35px;height: 35px;color: #fff;background: #fff;padding: 8px;border-radius: 50%;position: absolute;margin-top: 7px;margin-left: 37.5% }#control-banner-content #no-banner-dot-net-support-section .dot-net-support-text, #whitebackground #no-banner-dot-net-support-section .dot-net-support-text {padding-bottom: 30px;padding-left: 30px;padding-top: 15px }#control-banner-content #view-demos-now-button, #whitebackground #view-demos-now-button {font-weight: 600;opacity: 1;border-radius: 6px;color: #fff;padding: 7px 18px;border: 1px solid #fff;font-size: 16px;margin-left: 15px }#control-banner-content #view-demos-now-button:hover, #whitebackground #view-demos-now-button:hover {background-color: rgb(0 0 0 / .1) !important }#whitebackground {background-color: transparent !important;color: #000 !important;overflow-x: hidden }#whitebackground .right-section-image {margin-top: 70px;margin-left: 0;width: 900px;height: 500px;max-width: inherit }#whitebackground #download-now-button {border: 2px solid #0073dc;background-color: #0073dc;color: #fff }#whitebackground #download-now-button:hover {background-color: #0d98ff !important;color: #fff !important;border: 2px solid #0d98ff !important }#strip-segment #framework-content {margin-bottom: .2em }#strip-segment #framework-content .support-content {font-size: 13px;color: #000;letter-spacing: 1px;line-height: 19px;font-weight: 600 }@media(max-width:1025px) {#strip-segment #framework-content .support-content {font-size: 12px }}#strip-segment #framework-platforms .framework-items {display: inline-block;width: 15%;max-width: 75px;border-radius: 2px }#strip-segment #framework-platforms .framework-items .framework-hover {text-align: center;padding: 5px }#strip-segment #framework-platforms .framework-items .framework-hover .framework-name {line-height: 16px;font-size: 12px;color: #0f0f0f;letter-spacing: 0;text-align: center;font-weight: 400 }@media (max-width:1279px) and (min-width:768px) {#strip-segment #framework-platforms .framework-items .framework-hover .framework-name, #supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {font-size: 11px !important }}#strip-segment #framework-platforms .framework-items:hover {background: rgb(0 0 0 / .06) }#strip-segment #framework-platforms .framework-items:hover .framework-name {font-weight: 500 }#strip-segment #framework-platforms .framework-items:last-child {margin-right: 0 }@media(max-width:1200px) and (min-width:990px) {.desc-list-template .banner-heading, .desc-template .banner-heading, .list-template .banner-heading {line-height: 36px;font-size: 24px !important }.desc-list-template ul, .desc-template ul, .list-template ul {font-size: 14px }.desc-list-template ul li, .desc-template ul li, .list-template ul li {margin-bottom: 5px;line-height: 22px }}@media(max-width:767px) and (max-width:1279px) and (min-width:768px) {#control-banner-content .banner-main-heading #control-banner-content .banner-inner-heading, #control-banner-content .banner-main-heading #whitebackground .banner-inner-heading {font-size: 20px }#control-banner-content .banner-main-heading #control-banner-content .banner-main-heading, #control-banner-content .banner-main-heading #whitebackground .banner-main-heading {font-size: 30px }}#static-footer {background: #f1f1f1;padding-top: 20px;padding-bottom: 20px }#static-footer .title-element {font-size: 18px;margin-bottom: 5px;font-weight: 600 }#static-footer #previous-link .arrow-element {display: inline;padding-right: 5px }#static-footer #next-link .arrow-element a, #static-footer #previous-link .arrow-element a {color: #000;font-weight: 700;font-size: 12px }#static-footer #next-link .content, #static-footer #previous-link .content {display: inline;font-size: 18px;font-weight: 700 }#static-footer #next-link .content #next-element, #static-footer #previous-link .content #prev-element, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section #timer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section .timer-nuget {display: inline }#static-footer #next-link {text-align: right }#static-footer #next-link .arrow-element {display: inline;padding-left: 5px }#download-free-trial {height: 160px;background-color: #1b205e;opacity: .9;background-image: url(https://cdn.syncfusion.com/content/images/FT/common/freetrial_bg.png);background-attachment: fixed;background-size: 100% 100%;padding: 65px 0;display: flex;justify-content: center;align-items: center }#download-free-trial h3 {color: #fff;font-size: 24px;margin-bottom: 0;line-height: 28px;font-weight: 600;text-align: center }#download-free-trial h3 a {padding: 7px 15px;color: #000;background-color: #ffd018;border: 1px solid #ffd018;font-weight: 700;border-radius: 5px;font-size: 14px;margin-left: 0;text-transform: uppercase }#download-free-trial h3 a:hover {background-color: #e1bd00 }#download-free-trial h3 a:active {background-color: #e1af00 }.bg-lazy {background-color: inherit !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: block;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 }@media(min-width:1200px) {#technical-support .container .row .category-additional-column, #technical-support .container .row .category-columns {width: 20% }.supporting-frameworks-and-browsers #control-content {justify-content: center;width: 1140px !important }}.category-columns:first-of-type {border-left: 0 !important }@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 }}#technical-support .support-link-section img {width: 25px;height: 25px;margin-bottom: 0 }#quote-section {padding-top: 100px;padding-bottom: 100px;background-color: #0072c6 }#quote-section .quote {color: #fff;padding-left: 18%;padding-right: 18%;font-weight: 600;text-align: center;font-size: 24px;margin-bottom: 38px }#control-heading-section {background-color: #f7f7f7;padding: 70px 0 }#control-heading-section h3 {text-align: center;font-weight: 700;font-size: 33px;color: #1a1a1a }#ft-controllist .container {border: 0 solid #fff !important }#ft-control-list .most-downlods-note {font-style: italic;color: #000 }#ft-control-list .most-downlods-note .most-downlod-icon::before {margin-right: 4px }#ft-control-list .most-downlods-note .most-downlod-icon {position: relative;top: 3px;display: inline-block;-webkit-font-smoothing: antialiased }#ft-control-list #ft-control-platform .sub-heading {font-size: 1.5em !important;font-weight: 600;margin-bottom: 30px;color: #333;font-family: "open sans" }#ft-control-list #ft-control-platform .most-downlod-icon {position: relative;top: 2px;display: inline-block;-webkit-font-smoothing: antialiased }#ft-control-list #ft-control-platform .tabs-container .tabs li:not(:last-child) {border-right: 1.5px solid #ececec }#EJ2Modal .ej2-modal-content .close:hover, #faq .faq-list h3 .collapsed .faq-arrow-icon .faq-expand-icon svg, #faq .faq-list h3 .faq-collapse-icon svg, #ft-control-list #ft-control-platform .tabs-container .tabs .active {opacity: 1 }#ft-control-list #ft-control-platform .tabs-container .tabs-content .section-list, #ft-control-platform .tabs-container .tabs-content .section-list {margin-bottom: 3em !important }#ft-control-list #ft-control-platform .tabs-container .tabs-content li {list-style: none;line-height: 2.2em;opacity: 0 }#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading, #ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .platform_names {color: #000;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-weight: 600;padding-bottom: 0;width: 100%;text-decoration: none;margin-bottom: 5px }#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a {color: #2384e4;font-weight: 600;text-decoration: none }#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a:hover {color: #237ac1 }#ft-control-platform .sub-heading {font-size: 3.2em;font-weight: 700;margin-bottom: 1em;color: #1a1a1a }#ft-control-platform .tabs-container .tabs {border: 1px solid #cacaca;border-radius: 6px }#ft-control-platform .tabs-container .tabs .active {opacity: 1;background: #ebf7ff }#ft-control-platform .tabs-container .tabs li {opacity: 1;padding: .92857143em 2em }#ft-control-platform .tabs-container .tabs li .tab__title .h5 {font-size: 1.2em;color: #1a1a1a }#ft-control-platform .tabs-container .tabs li .tab__title .h5:hover {color: #0073dc }#ft-control-platform .tabs-container .tabs li:first-child {border-radius: 6px 0 0 6px }#ft-control-platform .tabs-container .tabs li:last-child {border-radius: 0 6px 6px 0 }#ft-control-platform .tabs-container .tabs-content li {list-style: none;line-height: 2.2em;opacity: 0 }#ft-control-platform .tabs-container .tabs-content li .tab__content {line-height: 2.2em }#ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading, #ft-control-platform .tabs-container .tabs-content li .tab__content .platform_names {color: #1a1a1a;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-weight: 700;padding-bottom: 0;width: 100%;text-decoration: none;margin-bottom: 10px;font-size: 1.2em }#ft-control-platform .tabs-container .tabs-content li .tab__content a {color: #0073dc;font-weight: 600;text-decoration: none;font-size: 1.2em }#control-heading-section .text-center h1 {font-size: 33px;font-weight: lighter;margin-bottom: 50px;color: #1a1a1a }#control-heading-section .popular-controls-list {margin: 0 22% }#control-heading-section .popular-controls-list .control-link a {font-size: 16px;padding-left: 10px;color: #1a1a1a }#featuretour-markdown .other-controls .text-center {text-align: left !important }#featuretour-markdown .file-format-control .ft-column-header.text-center, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists {padding-bottom: 30px }#featuretour-markdown #control-content .ft-one-column.more-information a {border-right: 1px solid #000;padding-right: 10px;margin-right: 10px }#featuretour-markdown #control-content .ft-one-column.more-information a:last-child {border-right: 1px solid #fff }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content {padding-right: 50px }#featuretour-markdown #control-content .row:first-child img, #featuretour-markdown #control-content .row:first-child object {margin: auto !important }#featuretour-markdown #control-content .row h2 {font-size: 30px;font-weight: 700;margin-bottom: 14px }#featuretour-markdown #control-content .row .overview {text-align: center;font-size: 33px !important }#featuretour-markdown #control-content .row .why-choose-header {color: #1a1a1a;letter-spacing: 0;margin-bottom: 2em;font-weight: 700 }#featuretour-markdown #control-content .row .why-choose-sub-header {font-size: 18px;color: #1a1a1a;letter-spacing: .1px;text-align: left;line-height: 25px;font-weight: 700 }#featuretour-markdown #control-content .row .why-choose-content, #start-trail {font-size: 15px }#control-content .row .first-col-padding, #featuretour-markdown #control-content .row .first-col {margin-left: 15px !important }#featuretour-markdown #control-content .shadow-effect {box-shadow: 0 10px 25px .1px #dadce0;border-radius: 10px;border: 1px solid #cbd5e1 }#featuretour-markdown #control-content .ft-one-column .gif-padding, #featuretour-markdown #control-content .gif-padding {padding: 15px !important }#featuretour-markdown #control-content .code-padding {padding: 0 20px 20px !important }#control-content .multi-column-conent-container .multi-col-contents .img-padding {padding: 0 !important }#featuretour-markdown #control-content .multi-column-conent-container .section-padding {margin-bottom: 34px !important }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-padding {margin-bottom: 45px !important }#featuretour-markdown #control-content .row .heading-section {font-size: 30px;font-weight: 600;margin-bottom: 14px;letter-spacing: 0;line-height: 1.36363636em }@media(max-width:1279px) and (min-width:768px) {#quote-section {padding-top: 70px;padding-bottom: 70px }#quote-section .quote {color: #fff;padding-left: 14%;padding-right: 14%;font-size: 20px !important }#featuretour-markdown #control-content .row .heading-section {font-size: 26px !important }}#featuretour-markdown #control-content .row p {font-weight: 500;line-height: 26px;font-size: 16px }#featuretour-markdown #control-content .row p a {font-weight: 600;color: #0073dc !important }#featuretour-markdown #control-content .row ul li {margin-bottom: 5px;font-size: 16px;line-height: 26px }#featuretour-markdown #control-content .row ul li a {line-height: 26px;font-weight: 600;color: #0057ff }#featuretour-markdown #control-content .row code {font-size: 16px;color: #1a1a1a;background-color: #fff;font-weight: 700;font-family: inherit }#featuretour-markdown #control-content .row .carousel-control {background-image: none !important }#featuretour-markdown #control-content .row .carousel-control .glyphicon-chevron-left, #featuretour-markdown #control-content .row .carousel-control .glyphicon-chevron-right {color: #000 !important }#featuretour-markdown #control-content .multi-column-conent-container .three-col-content h3, #featuretour-markdown #control-content .multi-column-conent-container .two-col-content h3 {font-size: 22px;font-weight: 700;margin-bottom: 14px }#featuretour-markdown #control-content .multi-column-conent-container .three-col-content iframe, #featuretour-markdown #control-content .multi-column-conent-container .two-col-content iframe {margin-top: 10px }#featuretour-markdown #control-content .multi-column-conent-container .three-col-content>p:first-child, #featuretour-markdown #control-content .multi-column-conent-container .two-col-content>p:first-child {margin-bottom: 14px }#featuretour-markdown #control-content .ft-one-column object, #featuretour-markdown #control-content .ft-two-column img {padding-top: 0;margin: 0 auto }#featuretour-markdown #control-content .multi-col-contents img, #featuretour-markdown #control-content .multi-col-contents object {margin: 0 }@media(max-width:1023px) {.background-img {left: 0 }.background-img img {display: block !important }#banner-content .ft-two-column .col-lg-8 img, #control-banner-content.video-banner .animatedBannerImage .banner-image-segment {display: none !important }#banner-content .ft-two-column .btn, #sales-section .ft-two-column .col-lg-5:nth-of-type(2) .btn, #sales-section .ft-two-column .col-lg-6:nth-of-type(2) .btn {margin-top: 10px }#banner-content h1 {margin-bottom: 15px }#banner-contact-section .multi-column-conent-container .two-col-content:first-of-type {text-align: center;border-right: 0 solid }#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2), #sales-section .ft-two-column .col-lg-5:first-of-type, #sales-section .ft-two-column .col-lg-6:first-of-type {display: none }#sales-section .ft-two-column .col-lg-5:nth-of-type(2), #sales-section .ft-two-column .col-lg-6:nth-of-type(2) {padding-top: 20px;padding-right: 140px;padding-bottom: 20px }#awards-customer .e-rotator-wrap {margin: auto !important }#controls-list {padding: 50px 0 30px }#control-heading-section .text-center h1, #controls-list .text-center h1 {margin-bottom: 40px }#ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content .content-heading, #ft-control-list #ft-control-platform .tabs-container .tabs-content li .tab__content a {font-size: 1em }#control-heading-section {padding: 50px 0 }#featuretour-markdown #control-content {border-right: 0 solid #fff !important }#featuretour-markdown #control-content .row h2 {margin-bottom: 10px }#featuretour-markdown #control-content .row p {font-size: 14px;line-height: 25px }#featuretour-markdown #control-content .row ul {margin-top: 10px;margin-bottom: 20px }#featuretour-markdown #control-content .row ul li {margin-bottom: 10px;font-size: 14px;line-height: 24px }#featuretour-markdown #control-content .row code {font-size: 14px }#featuretour-markdown #control-content .col-lg-4, #featuretour-markdown #control-content .col-md-4 {padding-bottom: 0 }#featuretour-markdown #control-content .col-lg-6, #featuretour-markdown #control-content .col-lg-6:first-child, #featuretour-markdown #control-content .col-md-6, #featuretour-markdown #control-content .col-md-6:first-child {padding-top: 0;padding-bottom: 0 }#featuretour-markdown #control-content .two-col-in-multi-col .two-col-content {margin-bottom: 0 }#featuretour-markdown #control-content .two-col-in-multi-col .two-col-content iframe {margin-bottom: 10px;margin-top: 0 }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content h3, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content h3 {margin-bottom: 5px }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content img, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content object, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content img, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content object {padding-top: 20px }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content iframe, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content iframe {margin-top: 20px }#featuretour-markdown #control-content .two-col-in-multi-col .two-col-content img, #featuretour-markdown #control-content .two-col-in-multi-col .two-col-content object {padding-top: 0 }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .three-col-content, #featuretour-markdown #control-content .multi-column-conent-container .multi-col-contents .two-col-content {padding-right: 15px !important }#featuretour-markdown #control-content .multi-column-conent-container .multi-col-padding {margin-bottom: 45px !important }#control-banner-content.video-banner .animatedBannerImage.ft-video-banner-height, .video-banner .ft-video-banner-height {height: auto !important }}@media (max-width:767px) {#strip-segment #framework-platforms .framework-items .framework-hover .framework-name, #supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {font-size: 10px !important }#featuretour-markdown #control-content {padding-left: 0;padding-right: 0 }}.back-to-top {margin: 0 6px 65px 0 }.swaychat-chat-widget .swaychat-chatbox-container.swaychat-minimize-window {margin: 0 0 20px }#syncfusion-partners {padding: 10px 0;background: #f3f3f3 }#syncfusion-partners p {padding-top: 12px;font-size: 14px;color: #2c2c2c;letter-spacing: .7px;line-height: 16px;margin-bottom: 7px }#syncfusion-partners img {padding-bottom: .5em;max-width: 80% }#company-list {padding: 20px 0;background: #f3f3f3;max-height: 152px }@media(max-width:1820px) {#company-list {padding: 15px 0 }#company-list h2 {display: none }}@media(max-width:768px) {#whitebackground .col-lg-6 {width: 100% !important }#whitebackground .right-section-image {display: none }#single-fold-platform-banner #strip-segment #framework-content .support-content {padding-left: 15px }#supported-frameworks-strip-segment {margin-left: 1em }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {font-size: 16px !important;line-height: 36px }#supported-frameworks-strip-segment #mobile-strip-section {display: block !important;font-size: 13px;margin-left: 5px;margin-bottom: 8px }#supported-frameworks-strip-segment #framework-content {visibility: hidden;width: 0;padding: 0 !important }#company-list {padding-bottom: 0;padding-top: 0;max-height: none }#company-list h2 {padding: 20px 10px 0;font-size: 20px !important }#company-list img {max-width: 600px }#technical-support .container .row .category-container {padding-left: 44px !important;display: block;padding-bottom: 40px }}#company-list h2 {padding-top: 12px;font-size: 18px;color: #000;letter-spacing: .49px;line-height: 19px;font-weight: 500;margin-bottom: 1em }#company-list img {padding-bottom: .5em;width: 100% }@media(max-width:1820px) {#company-list img {padding-bottom: 0;max-width: 900px }}#single-fold-horizontal-control-banner ul li {line-height: 27px !important;margin-bottom: 18px !important }@media(max-width:992px) {#ft-controllist {padding-bottom: 0 }#ft-controllist #ft-control-platform .section-list ul li {width: 140% }#ft-controllist .row .content-heading, #ft-controllist .row .list-items {width: 150% }.desc-template {height: 300px !important }.desc-list-template .banner-heading, .desc-template .banner-heading, .list-template .banner-heading {line-height: 34px }#control-banner-content, #whitebackground {background-position: 0 !important }#control-banner-content .col-lg-6 {width: 100% }#whitebackground .right-section-image {margin-top: 120px }#single-fold-horizontal-control-banner {background-size: auto auto !important;background-position: left top !important }#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {max-width: 500px }}@media(min-width:992px) and (max-width:1261px) {#single-fold-horizontal-control-banner {background-size: auto 80% !important;background-position: center top !important }}#single-fold-control-banner, #single-fold-horizontal-control-banner {background-color: #fff0;color: #1a1a1a;background-size: auto 100%;background-position: center top;background-repeat: no-repeat;padding: 3.5em 0 }#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-weight: 700;margin-bottom: 21px;letter-spacing: 0;line-height: 44px;font-size: 2.2em }@media(max-width:1279px) {#price-section h2, #pricing-section h2 {margin-bottom: 30px !important }#ft-controllist .container #control-items {margin-bottom: 11px;margin-top: 0;margin-left: 0 }#ft-controllist .container .Vstudio {margin-bottom: 35px }#ft-controllist .container .Vstudio .vshr {display: inline-flex;width: 28% }#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-one-column .video_link, #featuretour-markdown #control-content .ft-two-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video_link {margin-bottom: 30px }#control-content .ft-one-column #code-snippet-1, #control-content .ft-one-column #code-snippet-2, #control-content .ft-one-column #code-snippet-3, #control-content .ft-one-column #code-snippet-4, #control-content .ft-one-column .tab-pane .highlight {width: 100% }#strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {top: 2px;position: relative }#ft-control-list {padding-bottom: 10px }#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-size: 30px !important }}#single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {margin-bottom: 2.5em;margin-left: -6px }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {font-size: 16px;color: #1a1a1a;letter-spacing: 0;display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 34px;list-style: none }@media(max-width:1024px) {#control-content .ft-one-column .tab-pane .highlight .prettyprint {padding-left: 0;padding-bottom: 0;padding-right: 0 }#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {overflow: auto }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {font-size: 16px !important;line-height: 24px }}#single-fold-control-banner ul li::before, #single-fold-horizontal-control-banner ul li::before {content: url(https://cdn.syncfusion.com/content/images/FTControl/Angular/bullet.svg);position: relative;top: 8px;padding-right: 1em }#single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {padding: 9px 32px;text-transform: uppercase;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background: #0073dc;border-radius: 6px;color: #fff;font-size: 16px;border: 2px solid #0073dc }#single-fold-control-banner #download-now-button:hover, #single-fold-horizontal-control-banner #download-now-button:hover {background-color: #0d98ff !important;border: 2px solid #0d98ff }#single-fold-control-banner #buy-now-button, #single-fold-horizontal-control-banner #buy-now-button {padding: 9px 32px;text-transform: uppercase;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border-radius: 6px;font-size: 16px;color: #0073dc;background: #fff !important;border: 2px solid #0073dc;margin-left: 1em }#single-fold-control-banner #buy-now-button:hover, #single-fold-horizontal-control-banner #buy-now-button:hover {border: 2px solid #0d98ff;color: #0d98ff }@media(max-width:1261px) {#single-fold-control-banner {background-size: auto 120% !important }}@media(max-width:991px) {#overlay-stripe-content .description {display: block;margin-bottom: 12px }#overlay-stripe-content p.btn {margin-left: 0 }#overlay-stripe-content svg {margin-top: -5px;width: 16px;height: 15px }#single-fold-horizontal-control-banner ul li {margin-bottom: 0 !important }#single-fold-control-banner {background-size: auto auto;background-position: left top }}.get-package {padding: 9px 20px !important }@media(min-width:992px) and (max-width:1200px) {#control-heading-section .popular-controls-list {margin: 0 20% }#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-size: 30px !important;margin-bottom: 15px;margin-top: 20px;line-height: 37px }#single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {margin-bottom: 1.7em }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {margin-bottom: 3px }}iframe.lazy-iframe:not(.loaded) {background-image: url(https://cdn.syncfusion.com/content/images/FTControl/common/iframe-loader-v1.svg);background-repeat: no-repeat;background-position: center center;-webkit-box-shadow: none !important;box-shadow: none !important;background-size: 48px }#single-column-link-segment {background: #252532;padding: 4em 0 }#single-column-link-segment h2 {font-size: 30px;color: #fff;letter-spacing: .16px;text-align: center;line-height: 44px;margin: 0 14% 1em;font-weight: 500 }#single-column-link-segment .download-now-button {font-weight: 600;font-size: 16px;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;background: #0073dc;border-radius: 6px;color: #fff;margin: 5px;padding: 10px 18px;white-space: normal }#single-column-link-segment .download-now-button:hover {background-color: #2384e4 }#single-column-link-segment .read-now-button {font-weight: 600;font-size: 16px;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border-color: #fff;border-radius: 6px;color: #fff;margin: 20px;padding: 10px 24px;white-space: normal }#single-column-link-segment .read-now-button span:first-child {top: 2px }@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) }10% {opacity: .1 }20% {opacity: .2 }30% {opacity: .3 }40% {opacity: .4 }50% {opacity: .5 }60% {opacity: .6 }70% {opacity: .7 }90% {opacity: .8;opacity: .9 }100% {opacity: 1 }}@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) }10% {opacity: .1 }20% {opacity: .2 }30% {opacity: .3 }40% {opacity: .4 }50% {opacity: .5 }60% {opacity: .6 }70% {opacity: .7 }90% {opacity: .8;opacity: .9 }100% {opacity: 1 }}.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn }@-webkit-keyframes zoomOut {0% {opacity: 1 }10% {opacity: .9 }20% {opacity: .8 }30% {opacity: .7 }40% {opacity: .6 }50% {opacity: .5 }60% {opacity: .4 }70% {opacity: .3 }90% {opacity: .2;opacity: .1 }100% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) }}@keyframes zoomOut {0% {opacity: 1 }10% {opacity: .9 }20% {opacity: .8 }30% {opacity: .7 }40% {opacity: .6 }50% {opacity: .5 }60% {opacity: .4 }70% {opacity: .3 }90% {opacity: .2;opacity: .1 }100% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) }}.zoomOut {-webkit-animation-name: zoomOut;animation-name: zoomOut }.animated {-webkit-animation-duration: .25s;animation-duration: .25s;-webkit-animation-fill-mode: both;animation-fill-mode: both }.video-banner .right-section-image {width: 900px;height: 500px;max-width: inherit;margin-left: 0 !important }.video-banner #lottie, .video-banner #ripple {background-color: #fff0;width: 165px;height: 165px;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);text-align: center;opacity: 1;position: absolute;top: 37.5%;left: 70% }.video-banner #lottie svg, .video-banner #ripple svg {pointer-events: none }.video-banner .modal.fade {opacity: 1;z-index: 100001;background: rgb(0 0 0 / .5);top: 0 }.video-banner .modal.fade .modal-dialog {-webkit-transform: translate(0);transform: translate(0);margin-top: 30px !important }.video-banner .modal-dialog {position: relative;display: table;overflow-y: hidden;overflow-x: hidden;width: 1100px;height: 620px }.modal-open .modal, .modal.thankyou {overflow-y: hidden !important }.video-banner .banner-heading {font-size: 36px;line-height: 50px;margin-bottom: 30px !important }.video-banner ul li {font-size: 18px;line-height: 31px }.video-banner #download-now-button {display: inline-block;padding: 9px 32px !important;text-transform: uppercase;border-radius: 4.32px !important }.video-banner #download-now-button:hover {background-color: #0487ff !important;border: 2px solid #0487ff !important;opacity: 1 !important }.video-banner #buy-now-button {padding: 9px 32px;text-transform: uppercase;transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;border-radius: 6px;font-size: 16px;color: #0073dc;background: #fff !important;border: 2px solid #0073dc;margin-left: 1em;vertical-align: top }.video-banner #buy-now-button:hover {border: 2px solid #0487ff;background: #0487ff !important;color: #fff }.video-banner .vertical-alignment-helper {display: flex;height: 100%;width: 100%;pointer-events: none }.video-banner .vertical-align-center {display: table-cell;vertical-align: middle;pointer-events: none;top: -40px }.video-banner .modal-content {background-color: transparent !important;max-width: inherit;width: inherit;height: inherit;margin: 12px auto 0;pointer-events: all }.video-banner .modal-body {padding: 0 !important;height: 100%;background: #000 }.video-banner .close {opacity: 1 !important;margin-right: 20px;margin-top: 60px }.video-banner .close:hover {opacity: .5 !important }.video-banner #modalCloseIcon {width: 40px;height: 40px }#control-content .ai-feature-expose div:last-child img, .video-banner #videoFrame {width: 100%;height: 100% }.video-banner #overviewVideo {color: #0073dc;text-align: left;padding-bottom: 20px;display: none }.video-banner #overviewVideo:hover {color: #0487ff;cursor: pointer }.video-banner #overviewVideo span {text-decoration: underline;font-size: 16px;vertical-align: text-bottom;line-height: 40px }@media(min-width:769px) {.video-banner #overviewVideo {display: none }}.video-banner #playImage {height: 32px;width: 32px;margin-right: 14px;display: inline-block;background-size: contain !important;background: url(https://cdn.syncfusion.com/content/images/FT/Banners/play-button.png) }.video-banner #playImage:hover {background: url(https://cdn.syncfusion.com/content/images/FT/Banners/play-button-hover.png) }.video-banner #hoverElement {height: 88px;width: 88px;position: absolute;top: 23%;left: 24%;z-index: 1;border-radius: 60px;background: 0 0 }@media(max-width:1260px) {#supported-frameworks-strip-segment.supported-frameworks.essential-js2 {padding-bottom: 0 !important }#download-now-button, #view-demos-now-button {display: block;max-width: 150px;margin-bottom: 1.5em !important;float: left }#supported-frameworks-strip-segment {float: left !important;display: block;margin-bottom: 3em;clear: both }#single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {display: inline-block;margin-bottom: 0 !important;margin-left: 0;max-width: 233px }#control-banner-content #dot-net-support-section, #whitebackground #dot-net-support-section {padding-top: 70px }}@media(max-width:1200px) {#control-heading-section .popular-controls-list .control-link span, #controls-list .popular-controls-list .control-link span {line-height: 22px }#control-heading-section .popular-controls-list .control-link a, #controls-list .popular-controls-list .control-link a, #overlay-stripe-content .description {font-size: 14px }#overlay-stripe-content p.btn a {font-size: 12px }#download-free-trial {height: auto;background-position: center center }#download-free-trial h3 span {display: inline-block }#download-free-trial h3 a {padding: 9px 20px;font-size: 14px;display: inline-block;margin: 20px 0 0 }#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 35% }}@media(min-width:1024px) {.video-banner .close {margin-right: 15% }.video-banner .modal-content {width: 80%;height: 80%;margin-top: 12px }}@media (min-width:601px) and (max-width:768px) {.video-banner #modalCloseIcon {margin-right: 5px }}@media(max-width:767px) {.video-banner #modalCloseIcon {width: 25px;height: 25px }.video-banner .close {margin-right: 2px;margin-bottom: 5px }body {font-size: 11px }.smaller {font-size: 8px }.small {font-size: 10px }#controls-list .popular-controls-list .control-link a, .medium {font-size: 12px }.regular {font-size: 14px }.big {font-size: 16px }.bigger {font-size: 20px }.ultra-big {font-size: 28px }.h1, h1 {font-size: 26px !important }.h2, h2 {font-size: 22px !important }#control-content .row .heading-section, .h3, h3 {font-size: 18px !important }.h4, h4 {font-size: 14px !important }.h5, h5 {font-size: 12px !important }.h6, h6 {font-size: 10px !important }#banner-content p, p {line-height: 20px }#retired-product-information-message .container {padding-right: 50px }#retired-product-information-message .information_close_icon {padding: 27px 20px;margin-top: -63px;width: 50px }#ControlPageNavigationLink .arrow-element a::before, #FeaturePageNavigationLink .arrow-element a::before {top: 8px;margin-left: -15px;display: inline-block;font-size: 14px }#ControlPageNavigationLink .arrow-element a:hover::before, #FeaturePageNavigationLink .arrow-element a:hover::before {top: 8px }#ControlPageNavigationLink .arrow-element .actual-control-name, #FeaturePageNavigationLink .arrow-element .actual-control-name {font-size: 12px;padding: 8px 12px 8px 30px }#control-navigation, .static-navbar .left-panel {display: none }#control-content, #control-navigation {border-left: 0 solid #ccc }#control-content, #control-content .one-col-carousel, #control-content .two-col-carousel, .static-navbar {margin-bottom: 25px }.static-navbar .right-panel {text-align: center }.static-navbar .right-panel ul {float: none }.static-navbar .right-panel li {margin: auto }.static-navbar .right-panel li:first-child {padding-bottom: 10px }#control-content .ft-two-column .col-lg-5, #control-content .ft-two-column .col-lg-6, #control-content .two-col-carousel .col-lg-6 {padding-top: 0 }#control-content .ft-column-header {padding-top: 25px }#control-content .ft-column-header h2 {margin-top: 0;margin-bottom: 20px }#control-content .ft-two-column ul, #control-content .row h1, #control-content .row h2, #control-content .row h3, #control-content .row p {margin-bottom: 20px }#control-content .row {padding-right: 0;margin-left: 0;margin-right: 0;padding-bottom: 5px;padding-top: 25px }#control-content .row li img, #control-content .row li object {margin-left: -8px }#control-content .col-lg-6:first-child, #control-content .col-md-6:first-child {padding-right: 0 !important;padding-bottom: 25px;padding-top: 0 }#control-content .col-lg-6:last-child, #control-content .col-md-6:last-child {padding-left: 0 !important }#control-content .col-lg-6, #control-content .col-md-6 {padding-top: 25px;padding-bottom: 25px }#control-content .col-lg-4, #control-content .col-md-4 {padding-right: 0 !important;padding-bottom: 25px }#control-content .col-lg-4:last-child, #control-content .col-md-4:last-child {padding-bottom: 0 }.background-img-leftside {left: -165% }#banner-content {height: 475px }#banner-content .ft-two-column .col-lg-5, #banner-content .ft-two-column .col-lg-6 {height: 340px;padding-left: 15px }#banner-content .ft-two-column .col-lg-5 .community-licenses, #banner-content .ft-two-column .col-lg-6 .community-licenses {padding-top: 10px;background-size: 10% }#banner-content .ft-two-column .col-lg-5 .community-licenses a, #banner-content .ft-two-column .col-lg-6 .community-licenses a {padding-left: 65px }#banner-content .container .background-img-left {left: -125% }#banner-content .container .img-right {left: -148% }#price-section .pricing, #pricing-section .pricing {padding: 5px 13px;margin-left: 36% }#price-section ul, #pricing-section ul {padding: 15px;width: 100%;line-height: 22px !important }#price-section ul li, #pricing-section ul li {background-position: 0 9px;background-size: 3% auto;padding-left: 27px !important;padding-top: 5px }#controls-list .popular-controls-list .control-link {padding: 0 30px;margin-bottom: 15px }}#lottie {background-image: url(https://cdn.syncfusion.com/content/images/FT/blue-hover-button.svg) }@media(min-width:2559px) {.video-banner .close {margin-right: 24% }}@media(max-width:991px) {#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 30.5% }}#faq {padding: 70px 0 55px;background-color: #fafafa }#faq h2 {text-align: center;font-weight: 700;font-size: 33px;color: #1a1a1a;margin-bottom: 50px }#faq .faq-list {border: 1px solid #d7ebff;background: #fff;border-radius: 5px;margin-bottom: 15px }#faq .faq-list h3 .question-content {cursor: pointer;font-size: 16px;color: #1a1a1a;letter-spacing: 0;line-height: 23px;font-weight: 600;padding: 10px 20px 20px;display: table;width: 100% }#faq .faq-list h3 .question-content .tick-icon {display: table-cell;font-size: 14px;width: 10px;padding-right: 10px }#faq .faq-list h3 .question-content .faq-question {width: 84%;display: table-cell }#faq .faq-list h3 .question-content .permalink {display: table-cell;position: relative;top: 2px;left: 7px;padding-right: 7px }#faq .faq-list h3 .question-content .faq-arrow-icon {float: right;display: table-cell;top: 8px;position: relative }#faq .faq-list .answer-content {padding: 0 20px 25px;font-size: 14px;color: #585858;letter-spacing: 0;line-height: 25px }#faq .faq-list .answer-content 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 }#awards {background-color: #f5f9fd;text-align: center;padding-top: 50px;padding-bottom: 60px;overflow: hidden;width: 100% }#awards #award-heading {color: #1a1a1a;font-size: 33px;text-align: center;margin-bottom: 20px;font-weight: 700;letter-spacing: .11px }#awards #award-desc {font-size: 16px;color: #1a1a1a;line-height: 28px;margin-bottom: 40px }#awards .all-awards img {width: 75% }@media(max-width:1199px) and (min-width:768px) {#awards #award-heading {font-size: 26px !important }#awards #award-desc {font-size: 14px !important }}#deprecatedmessage {background-image: linear-gradient(270deg, #0047c6 0, #8200d6 100%);border: 1px solid #756aea;padding: 15px 30px;border-radius: 5px;vertical-align: middle;margin: 2.5% 5% -2.5%;position: relative }#deprecatedmessage .left-image {display: table-cell;width: 48px;height: 48px;padding-left: 0 !important }#deprecatedmessage .content-area {font-size: 14px;color: #fff;line-height: 17px;display: table-cell;vertical-align: middle;padding-left: 20px !important;padding-right: 30px }#deprecatedmessage .switch-btn {display: table-cell;vertical-align: middle }#deprecatedmessage .switch-btn .switch-button {background: #fae000;box-shadow: 0 6px 8px 0 rgb(0 32 92 / .49);height: 38px;border-radius: 20px;padding-left: 25px;padding-right: 25px }#deprecatedmessage .switch-btn .switch-button .switch-button-ej1 {color: #000 !important;font-size: 14px;line-height: 17px;font-weight: 600;vertical-align: middle }#EJ2Modal {background: rgb(255 255 255 / .8);padding: 0 }#EJ2Modal .ej2-dialog {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) }#EJ2Modal .ej2-modal-content {background: #013;box-shadow: 0 2px 25px 0 rgb(4 19 50 / .49);border-radius: 8px }#EJ2Modal .ej2-modal-content .close {padding-right: 15px;padding-top: 10px;font-size: 25px;font-weight: 500;color: #fff;opacity: .6 }#EJ2Modal .ej2-modal-content .modal-body {margin-top: 30px;padding-bottom: 5px }#EJ2Modal .ej2-modal-content .modal-body .ej2-image {margin-left: auto;margin-right: auto;width: 190px }#EJ2Modal .ej2-modal-content .modal-body .ej2-message {font-size: 14px;color: #fff;letter-spacing: 0;text-align: center;line-height: 22px;padding: 0 20px }#EJ2Modal .ej2-modal-content .modal-footer {padding-top: 0;text-align: center;border-top: none }#EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button {background: #006af1;border-radius: 4.27px;padding: 15px 25px;margin-bottom: 20px;font-weight: 600 }#EJ2Modal .ej2-modal-content .modal-footer .modal-switch-button .essential-js-btn {font-size: 14px;color: #fff;letter-spacing: 0;text-align: center }#EJ2Modal .ej2-modal-content .modal-footer .no-thanks-btn {display: block;font-size: 13px;text-decoration: underline;color: #fff;margin-bottom: 10px }@media(max-width:992px) and (min-width:601px) {#EJ2Modal .ej2-dialog {max-width: 50% }}@media(min-width:993px) {#EJ2Modal .ej2-dialog {max-width: 450px }}.modal-backdrop {opacity: 0 !important;opacity: .5 !important }.KBej1depreciate, .KBej1depreciate .imagebg .background-image-holder {height: 355px !important }.KBej1depreciate #deprecatedmessage {z-index: 3;margin-bottom: 0 !important }.KBej1depreciate .imagebg {margin-top: -111px }.KBej1depreciate .imagebg .kb-header-container {margin-top: 100px !important }@media(max-width:992px) and (min-width:768px) {.KBej1depreciate .imagebg {margin-top: -140px }.KBej1depreciate .imagebg .kb-header-container {margin-top: 125px !important }}.ej1depreciatekb {margin-bottom: 0 !important }.ej1depreciateforum {margin-bottom: 1.5% !important }.modal.thankyou {outline: 0;width: 70% !important;margin: 0 auto }.modal.thankyou .modal-dialog {overflow-y: hidden !important;width: 53% !important;margin: 15% auto }.modal.thankyou .modal-dialog .modal-content .modal-body .loader {margin: 8% auto auto;border: 4px solid #f3f3f3;border-radius: 50%;border-top: 4px solid #3498db;width: 52px;height: 52px;-webkit-animation: 2s linear infinite spin;animation: 2s linear infinite spin }@-webkit-keyframes spin {0% {-webkit-transform: rotate(0) }100% {-webkit-transform: rotate(360deg) }}@keyframes spin {0% {-webkit-transform: rotate(0);transform: rotate(0) }100% {-webkit-transform: rotate(360deg);transform: rotate(360deg) }}.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {color: #000;text-align: center;font-size: 19px;margin-top: 5%;font-weight: 700 }.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform {color: #000;text-align: center;font-size: 19px;font-weight: 700 }.modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {color: #000;text-align: center;font-size: 14px;padding-top: 4%;padding-bottom: 10% }.modal.thankyou .modal-dialog .modal-content .modal-body hr#section-divider {border: 0;clear: both;display: block;width: 90%;background-color: #ccc;margin-top: 0 !important;height: 1px }.modal.thankyou .modal-dialog .modal-content .modal-body .footer {text-align: center;color: #000;font-size: 14px }@media(max-width:1150px) {.modal.thankyou .modal-dialog {width: 60% !important }.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform, .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {font-size: 18px }.modal.thankyou .modal-dialog .modal-content .modal-body .footer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {font-size: 13px }}@media(max-width:1040px) {.modal.thankyou .modal-dialog {width: 65% !important }}@media(max-width:945px) {.modal.thankyou .modal-dialog {width: 75% !important }}@media(max-width:819px) {.modal.thankyou .modal-dialog {width: 85% !important }.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform, .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {font-size: 18px }.modal.thankyou .modal-dialog .modal-content .modal-body .footer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {font-size: 13px }}#start-trail {font-weight: 700;padding-left: 2%;padding-bottom: 2% }#install-and-download {max-height: 35px }#install-and-download .setup-download {font-size: 14px;height: 39px;border: 1px solid #0073dc;background-color: #0073dc;color: #fff;text-transform: uppercase;border-radius: 4.32px !important;padding-top: 8px;font-weight: 700;padding-right: 11px;padding-left: 7px;margin-left: 9px;display: inline }#install-and-download .setup-download img {width: 20px;margin-right: 5px;vertical-align: middle;padding-bottom: 2% }#install-and-download .setup-download:hover {background: #0698ff !important;border: 1px solid #0698ff }#install-and-download .install-nuget {font-size: 14px;height: 39px;border: 1px solid #0073dc;background-color: #fff;color: #0073dc;margin-left: 20px;text-transform: uppercase;border-radius: 4.32px !important;padding-top: 7px;padding-right: 11px;float: right }#install-and-download .install-nuget img {margin-top: -7px;padding-right: 5px;width: 25px }#install-and-download .install-nuget:hover {background: #0698ff;border: 1px solid #0698ff;color: #fff }@media(max-width:1200px) {#install-and-download .install-nuget, #install-and-download .setup-download {font-size: 12px }}#install-with-nuget {overflow-y: auto !important }#install-with-nuget .nuget-dialog {overflow: auto;border: 0;width: 100% !important;height: auto !important;max-width: 835px;position: relative;margin-top: 5% !important }#install-with-nuget .nuget-dialog .nuget-modal {display: -webkit-box;display: -ms-flexbox;display: flex;border: none !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-shadow: 0 2px 24px 0 rgb(0 0 0 / .41);box-shadow: 0 2px 24px 0 rgb(0 0 0 / .41) }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close {font-weight: 500;color: #1a1a1a;margin-top: 15px !important;margin-right: 20px;opacity: 1 }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section {width: 57%;float: left;background-color: #fff !important;border-radius: 7px 0 0 7px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements {margin: 60px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .field-validation-error {color: #d84d4d }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox button:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox input[type]:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox select:focus, #install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox textarea:focus {border-color: #76abe9;-webkit-box-shadow: none;box-shadow: none;outline: 0 }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-textbox .input-validation-error {border: 1px solid #d84d4d !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .signup-heading {font-size: 24px;color: #1a1a1a;letter-spacing: -.18px;font-weight: 700;text-align: center;margin-bottom: 20px;line-height: 32px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements #email-tooltip {top: -46px;left: 115.75px;display: none;-webkit-transition: .2s;transition: .2s;content: attr(data-tooltip);position: absolute;background: #565656;color: #fff;border: 1px solid #565656;padding: 3px 12px;pointer-events: none;font-size: 11px;line-height: 18px;font-weight: 600;border-radius: 2px;z-index: 2;font-family: 'Open Sans';width: 75%;white-space: unset;-webkit-box-shadow: none;box-shadow: none }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .form-field .form-control {height: 40px;border: 1px solid #cecece;border-radius: 7px;margin-bottom: 4px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-policy {display: table;margin-bottom: 20px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-policy #isuseracceptedpolicy {display: table-cell }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-policy .policy {display: table-cell;font-weight: 400;cursor: pointer;padding-left: .5em;vertical-align: top }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .logon-field {margin-bottom: 22px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .logon-field .submit {outline: 0 !important;background: #0073dc;opacity: 1;width: 100%;border-radius: 7px;text-align: center;color: #fff !important;padding: 15px 10px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-no-thanks-link {text-align: center;font-family: inherit;font-weight: 600;font-size: 13px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .already-login {font-size: 14px;color: #020202;letter-spacing: 0;text-align: center;margin-bottom: 20px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section {width: 43%;float: right;background: #0073dc;border-radius: 0 7px 7px 0 }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close {font-weight: 300;color: #fff;margin-top: 15px !important;margin-right: 20px;opacity: 1 }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits {margin: 60px 55px 35px;color: #fff;letter-spacing: 0 }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .right-heading {font-size: 18px;font-weight: 600;margin-bottom: 30px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right {font-size: 14px;line-height: 21px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .tick-mark {margin-bottom: 0 !important;padding-right: 15px;max-width: none }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .benefit-content {display: block;margin-left: 30px;margin-top: -20px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .benefit-content a {color: #f9ff00 }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists .benefit-content a:hover {opacity: .7 }#control-recent-activities-section, #recent-activities-section {padding: 0 1.5% 80px }#control-recent-activities-section h2, #recent-activities-section h2 {margin-bottom: 0;padding: 50px 0 15px;font-weight: 700;font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: center }#control-recent-activities-section .description, #recent-activities-description {font-size: 15px;color: #1a1a1a;letter-spacing: .43px;text-align: center;line-height: 24px;margin-bottom: 0;padding-left: 1.5%;padding-right: 1.5%;font-weight: 500 }#control-recent-activities-section .two-col-content, #recent-activities-section .title {padding-top: 40px }#recent-activities-section .title .topic h3 {font-weight: 600;padding-left: 10px;font-size: 14px !important;line-height: 26px;-webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%) }#recent-activities-section .blog-topic {color: #9d5000 }#recent-activities-section .blog-topic h3 {background-color: rgb(255 132 0 / .2);width: 75px }#recent-activities-section .video-topic {color: #7e3ec3 }#recent-activities-section .video-topic h3 {background-color: rgb(165 83 255 / .2);width: 85px }#recent-activities-section .topic-heading {font-size: 19px;color: #0254ff;letter-spacing: 0;line-height: 26px;font-weight: 600;padding-bottom: 7px;padding-top: 15px }#recent-activities-section .topic-heading a, #recent-activities-section .topic-heading a:active, #recent-activities-section .topic-heading a:focus {color: unset }#recent-activities-section .topic-heading a:hover {color: unset;text-decoration: underline }#recent-activities-section .published-date {font-size: 14px;color: #6b7289;font-weight: 500 }@media(min-width:617px) and (max-width:1199px) {#recent-activities-section h2 {font-size: 33px !important;padding: 50px 10% 15px !important }#recent-activities-section .topic h3 {font-size: 14px !important }}.featuretour-markdown.themes-section .iframe-slider iframe, .featuretour-markdown.themes-section .iframe-slider img {visibility: hidden;max-height: 0;width: 100% }.featuretour-markdown.themes-section .iframe-slider iframe:first-child, .featuretour-markdown.themes-section .iframe-slider img:first-child {max-height: 750px;visibility: visible }.featuretour-markdown.themes-section .mobile-accordion .accordion {min-height: unset !important }.featuretour-markdown.themes-section .accordion .accordion__title.ui-state-active {color: #0073dc !important;border: none !important }.featuretour-markdown.themes-section .accordion .accordion__title {opacity: 1;border: none;border-radius: 0;margin-bottom: 0;background: 0 0;padding: 16px 0;font-weight: 700;font-size: 20px;color: #1a1a1a;border-bottom: 1px solid #dbdbdb !important;outline: 0 !important;transition: none;-webkit-transition: none;-moz-transition: none }.featuretour-markdown.themes-section .accordion .accordion__title:hover, .featuretour-markdown.themes-section .accordion .active .accordion__title {color: #0073dc }#NocreditMobileContent, #featuretour-markdown #control-content #code-editor, #featuretour-markdown .iframe-preview-link, .featuretour-markdown.themes-section .accordion .accordion__title span, .featuretour-markdown.themes-section .accordion .accordion__title::before {display: none }.featuretour-markdown.themes-section .accordion .accordion__content {border: none;padding: 0 0 1em;border-bottom: 1px solid #dbdbdb }.featuretour-markdown.themes-section .accordion .accordion__content .lead {padding: 0;font-size: 14px !important;color: #1a1a1a !important;font-weight: 600 !important;margin-bottom: 0 !important;line-height: 1.68421053em !important }#NocreditDesktopContent, .featuretour-markdown.themes-section .accordion .accordion__content .block {display: block }#g2-widget .carousel.is-expanded, .featuretour-markdown.themes-section .accordion .accordion__content .block img, .g2-widget-review .carousel.is-expanded {width: 100% }.featuretour-markdown.themes-section .accordion .active .accordion__content {max-height: 700px;border-bottom: 1px solid #dbdbdb }.featuretour-markdown.themes-section .accordion .active .accordion__content iframe, .featuretour-markdown.themes-section .accordion .active .accordion__content img {display: block !important }.featuretour-markdown.themes-section ul li {list-style: none;margin-bottom: 0 !important;border-bottom: 1px solid #dbdbdb }.featuretour-markdown.themes-section h2 {font-size: 33px;color: #1a1a1a;letter-spacing: 0;text-align: left;margin-bottom: 14px;font-weight: 700 }.featuretour-markdown.themes-section p.heading-description {text-align: left;margin-bottom: 40px !important;font-weight: 500;line-height: 26px;font-size: 16px;color: #1a1a1a }.featuretour-markdown.themes-section .chart-type-link {text-align: right !important;margin-top: 1em;margin-right: 6em }.featuretour-markdown.themes-section .chart-type-link.mobile-link {margin: 0 0 2em 1em !important }.featuretour-markdown .control-content img, .featuretour-markdown .control-content object {height: auto;border: 0 solid #fff }.featuretour-markdown.themes-section .iframe-slider {margin-top: -26px }#featuretour-markdown #control-content .multi-col-contents {display: flex;flex-wrap: wrap }@media(max-width:718px) {#retired-product-information-message .information_close_icon {padding: 26px 20px;margin-top: -63px;width: 50px }}@media(max-width:484px) {#retired-product-information-message .information_close_icon {padding: 43px 20px;margin-top: -97px;width: 50px }}@media(max-width:560px) and (min-width:361px) {#banner-content .container .background-img-left {left: -190% }}@media(max-width:650px) and (min-width:501px) {#banner-content .container .img-right {left: -191% !important }}@media(max-width:500px) and (min-width:361px) {#banner-content .container .img-right {left: -265% !important }}@media(max-width:360px) {.background-img-leftside {left: -255% }.img-right {left: -300% !important }#banner-content .ft-two-column .col-lg-5, #banner-content .ft-two-column .col-lg-6 {height: 400px }#banner-content .ft-two-column .col-lg-5 .community-licenses, #banner-content .ft-two-column .col-lg-6 .community-licenses {background-size: 15% }#banner-content .ft-two-column .col-lg-5 .community-licenses a, #banner-content .ft-two-column .col-lg-6 .community-licenses a {padding-left: 55px !important }#banner-content .container .background-img-left {left: -215% }#price-section .pricing, #pricing-section .pricing {margin-left: 23% }#price-section ul li, #pricing-section ul li {background-size: 5% auto }}@media(max-width:1279px) and (min-width:1024px) {#price-section .pricing, #pricing-section .pricing {margin-left: 41% }#price-section ul, #pricing-section ul {padding: 20px 30px;width: 61% }}@media(max-width:767px) and (min-width:501px) {#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-one-column .video_link, #featuretour-markdown #control-content .ft-two-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video_link {width: 400px;height: 200px }#featuretour-markdown #control-content .ft-one-column .video-playiconalignment {left: 42%;width: 70px;height: 70px }#featuretour-markdown #control-content .ft-two-column .video-playiconalignment {left: 46%;width: 70px;height: 70px }}@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 }.h1, h1 {font-size: 2.35714286em;line-height: 1.36363636em }.h2, h2 {font-size: 1.78571429em;line-height: 1.5em }.h3, .lead, h3 {font-size: 1.35714286em }.h3, h3 {line-height: 1.85714286em }.lead {line-height: 1.68421053em }section {padding: 3.57142857em 0 }.boxed, .boxed.boxed--lg {padding: 1.23809524em }.boxed, .boxed:last-child {margin-bottom: 15px }.boxed div[class*=col-]:not(.boxed) {padding: 0 }}@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 }}@media(max-width:460px) and (min-width:390px) {#strip-segment.angular-js2-banner, #strip-segment.angular-js2-banner .strip-opacity, #strip-segment.aspnetcore-js2-banner, #strip-segment.aspnetcore-js2-banner .strip-opacity, #strip-segment.aspnetmvc-js2-banner, #strip-segment.aspnetmvc-js2-banner .strip-opacity, #strip-segment.javascript-UI-banner, #strip-segment.javascript-UI-banner .strip-opacity, #strip-segment.react-js2-banner, #strip-segment.react-js2-banner .strip-opacity {height: 55px }#strip-segment.angular-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.react-js2-banner .content {padding-left: 0 }#strip-segment.angular-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {font-size: 12px;width: 105px;line-height: 16px;padding-right: 15px }#strip-segment.angular-js2-banner .framework, #strip-segment.aspnetcore-js2-banner .framework, #strip-segment.aspnetmvc-js2-banner .framework, #strip-segment.javascript-UI-banner .framework, #strip-segment.react-js2-banner .framework {padding-right: 0;padding-left: 0 }#strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {margin-right: 0 }#strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {width: 45px;height: 55px;top: 1px !important;padding-top: 8px }#strip-segment.angular-js2-banner .framework .framework-items h6, #strip-segment.aspnetcore-js2-banner .framework .framework-items h6, #strip-segment.aspnetmvc-js2-banner .framework .framework-items h6, #strip-segment.javascript-UI-banner .framework .framework-items h6, #strip-segment.react-js2-banner .framework .framework-items h6 {font-size: 8px !important }#strip-segment.angular-js2-banner .framework .framework-items img, #strip-segment.aspnetcore-js2-banner .framework .framework-items img, #strip-segment.aspnetmvc-js2-banner .framework .framework-items img, #strip-segment.javascript-UI-banner .framework .framework-items img, #strip-segment.react-js2-banner .framework .framework-items img {max-width: 52% }}@media(max-width:389px) {#strip-segment.angular-js2-banner, #strip-segment.angular-js2-banner .strip-opacity, #strip-segment.aspnetcore-js2-banner, #strip-segment.aspnetcore-js2-banner .strip-opacity, #strip-segment.aspnetmvc-js2-banner, #strip-segment.aspnetmvc-js2-banner .strip-opacity, #strip-segment.javascript-UI-banner, #strip-segment.javascript-UI-banner .strip-opacity, #strip-segment.react-js2-banner, #strip-segment.react-js2-banner .strip-opacity {height: 55px }#strip-segment.angular-js2-banner #framework-content, #strip-segment.aspnetcore-js2-banner #framework-content, #strip-segment.aspnetmvc-js2-banner #framework-content, #strip-segment.javascript-UI-banner #framework-content, #strip-segment.react-js2-banner #framework-content {margin-right: 5px }#strip-segment.angular-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.react-js2-banner .content {padding-left: 0 }#strip-segment.angular-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {font-size: 10px;width: 85px;line-height: 14px;padding-right: 10px }#strip-segment.angular-js2-banner .framework, #strip-segment.aspnetcore-js2-banner .framework, #strip-segment.aspnetmvc-js2-banner .framework, #strip-segment.javascript-UI-banner .framework, #strip-segment.react-js2-banner .framework {padding-right: 0;padding-left: 0 }#strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {margin-right: 0 }#strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {width: 45px;height: 55px;padding-top: 8px;top: 1px !important }#strip-segment.angular-js2-banner .framework .framework-items h6, #strip-segment.aspnetcore-js2-banner .framework .framework-items h6, #strip-segment.aspnetmvc-js2-banner .framework .framework-items h6, #strip-segment.javascript-UI-banner .framework .framework-items h6, #strip-segment.react-js2-banner .framework .framework-items h6 {font-size: 8px !important }#strip-segment.angular-js2-banner .framework .framework-items img, #strip-segment.aspnetcore-js2-banner .framework .framework-items img, #strip-segment.aspnetmvc-js2-banner .framework .framework-items img, #strip-segment.javascript-UI-banner .framework .framework-items img, #strip-segment.react-js2-banner .framework .framework-items img {width: 52% }}@media(max-width:767px) and (min-width:461px) {#strip-segment.angular-js2-banner .content, #strip-segment.aspnetcore-js2-banner .content, #strip-segment.aspnetmvc-js2-banner .content, #strip-segment.javascript-UI-banner .content, #strip-segment.react-js2-banner .content {padding-left: 0 }#strip-segment.angular-js2-banner .content .support-content, #strip-segment.aspnetcore-js2-banner .content .support-content, #strip-segment.aspnetmvc-js2-banner .content .support-content, #strip-segment.javascript-UI-banner .content .support-content, #strip-segment.react-js2-banner .content .support-content {font-size: 14px;width: 138px;line-height: 20px }#strip-segment.angular-js2-banner .framework, #strip-segment.aspnetcore-js2-banner .framework, #strip-segment.aspnetmvc-js2-banner .framework, #strip-segment.javascript-UI-banner .framework, #strip-segment.react-js2-banner .framework {padding-right: 0;padding-left: 0 }#strip-segment.angular-js2-banner .framework .framework-items, #strip-segment.aspnetcore-js2-banner .framework .framework-items, #strip-segment.aspnetmvc-js2-banner .framework .framework-items, #strip-segment.javascript-UI-banner .framework .framework-items, #strip-segment.react-js2-banner .framework .framework-items {margin-right: 0 }#strip-segment.angular-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetcore-js2-banner .framework .framework-items #framework-hover, #strip-segment.aspnetmvc-js2-banner .framework .framework-items #framework-hover, #strip-segment.javascript-UI-banner .framework .framework-items #framework-hover, #strip-segment.react-js2-banner .framework .framework-items #framework-hover {width: 60px;height: 70px;top: 1px !important }}@media(max-width:766px) {#static-footer #next-link .content, #static-footer #previous-link .content, #static-footer .title-element {font-size: 14px }#static-footer #next-link .arrow-element a, #static-footer #previous-link .arrow-element a {font-size: 10px }}@media(max-width:359px) {#ft-control-list #ft-control-platform .tabs-container, #ft-control-platform .tabs-container {padding: 0 5px }#ft-control-list #ft-control-platform .tabs-container .tabs li .h5, #ft-control-platform .tabs-container .tabs li .h5 {font-size: 11px !important }}@media(min-width:540px) and (max-width:767px) {#control-heading-section .popular-controls-list {margin: 0 11% }}@media(max-width:539px) {#control-heading-section .popular-controls-list {margin: 0 1% }}@media(min-width:641px) and (max-width:767px) {.swaychat-chat-widget .swaychat-chatbox-container.swaychat-minimize-window {margin: 0 0 47px }.back-to-top {margin: 0 6px 90px 0 }}@media only screen and (max-width:640px) {.swaychat-chat-widget .swaychat-chatbox-container.swaychat-minimize-window {min-width: 70% !important;width: 70% !important;margin: 0 65px 82px 8px !important }.back-to-top {margin: 0 6px 50px 0 }}@media(max-width:492px) {#single-column-link-segment h2 {margin: 0 0 15px }}@media(min-width:601px) and (max-width:767px) {.video-banner .modal-dialog {width: 590px !important;height: 333px !important }}@media(min-width:481px) and (max-width:767px) {.video-banner .modal-dialog {width: 476px;height: 269px }.video-banner .banner-heading {font-size: 33px !important;line-height: 42px !important }.video-banner ul li {font-size: 14px !important;line-height: 22px !important }.video-banner #framework-platforms {margin-left: 10px }.video-banner #framework-content .support-content {font-size: 12px !important;line-height: 14px !important }.video-banner #download-now-button {margin-left: 0 !important }.video-banner #strip-segment {margin-left: -10px !important }}@media(max-width:480px) {#single-fold-control-banner ul, #single-fold-horizontal-control-banner ul, #supported-frameworks-strip-segment.supported-frameWorks-four-platform {margin-left: 0 }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework img {height: 26px !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-hover {padding: 4px 5px 4px 2px !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework framework-items:last-child:hover .framework-hover {border-radius: 0 5px 5px 0 !important }#supported-frameworks-strip-segment.supported-frameWorks-four-platform .framework .framework-items:first-child .framework-hover {padding: 4px 5px 4px 10px !important }#strip-segment {margin-top: 40px }#supported-frameworks-strip-segment #mobile-strip-section {display: block !important;font-size: 13px;margin-left: 15px;margin-bottom: 8px }#supported-frameworks-strip-segment #framework-content {visibility: hidden;width: 0;padding: 0 !important }#supported-frameworks-strip-segment.supported-frameworks .strip-opacity {background-color: #fff0;margin-left: 10px }#supported-frameworks-strip-segment.supported-frameworks #framework-platforms .framework-hover {padding: 5px !important;min-width: 55px }#supported-frameworks-strip-segment.supported-frameworks #framework-platforms .framework-hover .framework-name {display: block }#company-list h2 {display: block;line-height: 40px;margin-bottom: 10px }#company-list img {width: 70% !important;max-width: 300px !important;margin-bottom: 1em }#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-size: 30px !important;line-height: 40px;max-width: 90% }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {font-size: 18px !important;line-height: 24px;padding-bottom: 11px;position: relative;padding-left: 2em;text-indent: -2.4em }#single-fold-control-banner {padding: 3em 2em }.video-banner .modal-dialog {width: 400px;height: 226px }.video-banner .banner-heading {font-size: 33px !important;line-height: 42px !important }.video-banner ul li {font-size: 14px !important;line-height: 22px !important }.video-banner #framework-platforms {margin-left: 10px }.video-banner #framework-content .support-content {font-size: 12px !important;line-height: 14px !important }.video-banner #download-now-button {margin-left: 0 !important }.video-banner #strip-segment {margin-left: -10px !important;margin-top: 0 !important }#control-banner-content.video-banner {background-size: 2882px 700px !important }}@media(max-width:375px) {.video-banner .modal-dialog {width: 360px;height: 204px }#single-fold-platform-banner .banner-heading {font-size: 25px !important }}@media(max-width:767px) {#master-breadcrumb #breadcrumb {height: 50px }#master-breadcrumb #breadcrumb .content-small {margin: 13px 6px 15px 0;font-size: 12px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 16px 0 15px }#master-breadcrumb #breadcrumb .bread-crumb, #master-breadcrumb #breadcrumb .bread-crumb-separator {display: none }#master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2), #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {display: block }#overlay-stripe-content {padding: 20px 15px }#control-banner-content .banner-inner-heading {font-size: 18px }#control-banner-content .banner-main-heading {font-size: 26px }#technical-support .container .row .category-columns {border-left: 0 !important;min-height: auto;margin-bottom: 20px }#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 }#awards, #quote-section {padding-top: 50px;padding-bottom: 50px }#quote-section .quote {padding-left: 10%;padding-right: 10%;font-size: 16px !important }#ft-control-list #ft-control-platform .tabs-container .tabs li, #ft-control-platform .tabs-container .tabs li {padding: 10px }#ft-control-list #ft-control-platform .tabs-container .tabs-content {margin-left: 5%;text-align: left }#ft-control-platform .tabs-container .tabs-content {margin-left: 0;text-align: center }#control-heading-section .popular-controls-list .list-image {margin: 15px 0 }#control-heading-section .popular-controls-list .control-link {padding: 0 30px }#control-heading-section .popular-controls-list .control-link a, #deprecatedmessage .switch-btn .switch-button .switch-button-ej1 {font-size: 12px }#featuretour-markdown #control-content .row .heading-section {font-size: 22px !important;line-height: 1.5em }#control-banner-content.popular-banner, #whitebackground.popular-banner {height: auto;background-size: 2880px 600px }#control-banner-content.popular-banner h1.banner-heading, #whitebackground.popular-banner h1.banner-heading {font-size: 24px !important }#control-banner-content.popular-banner ul li, #whitebackground.popular-banner ul li {font-size: 14px !important }#syncfusion-partners .container img {max-width: 250px }#control-banner-content #dot-net-support-section, #whitebackground #dot-net-support-section {padding-left: 17px }#control-banner-content #dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #dot-net-support-section .vs-icon-container .vs-image-container {margin-top: -1px }#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {width: 30px;height: 30px;padding: 6px;position: absolute;margin-top: 7px;margin-left: 33.5% }#control-banner-content #no-banner-dot-net-support-section .vs-icon-container .vs-image-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container .vs-image-container {margin-top: -1.5px }#control-banner-content #no-banner-dot-net-support-section .dot-net-support-text, #whitebackground #no-banner-dot-net-support-section .dot-net-support-text {font-size: 12px;padding-left: 35px }#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 }#awards #award-heading {margin-bottom: 20px;font-size: 22px !important }#awards #award-desc {margin-bottom: 40px;font-size: 12px !important;padding-left: 30px;padding-right: 30px }#awards #award-desc #award-desc-line-1 {display: inline }#awards .all-awards img {width: 45% }#deprecatedmessage {display: none;padding: 15px }#deprecatedmessage .content-area {padding-left: 5%;padding-right: 0;font-size: 12px }#deprecatedmessage .switch-btn {text-align: center;padding-bottom: 10px;padding-top: 10px;float: left }#deprecatedmessage .switch-btn .switch-button {margin: 5% 0 2% }.featuretour-markdown.themes-section {padding: 0 0 3em }.featuretour-markdown.themes-section h2 {font-size: 24px !important;margin-bottom: 5px !important;margin-left: 10px }.featuretour-markdown.themes-section p.heading-description {margin-bottom: 5px !important;margin-left: 10px !important }.featuretour-markdown.themes-section .accordion .accordion__content .lead {font-size: 14px }.featuretour-markdown.themes-section .accordion .accordion__title {padding: 1em 0 }.featuretour-markdown.themes-section .accordion .accordion__content:last-child, .featuretour-markdown.themes-section .accordion .accordion__title:nth-last-child(2) {border-bottom: none !important }}@media(max-width:700px) {#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 30% }}@media(max-width:575px) {#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 25% }}@media(max-width:460px) {#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 21% }}@media(max-width:342px) {#control-banner-content #dot-net-support-section, #whitebackground #dot-net-support-section {padding-top: 128px }#control-banner-content #dot-net-support-section .dot-net-support-text, #whitebackground #dot-net-support-section .dot-net-support-text {padding-bottom: 40px }}@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: 40% auto 25px }#ft-controllist .badge-preview {font-size: 9px !important }#ft-controllist .container {margin-bottom: 68px;padding-top: 0 }#ft-controllist .container .row .content-heading {width: 100% }#ft-controllist .container .row .section-list {width: 100%;padding-left: 18px;padding-bottom: 0 }#ft-controllist .container .row .section-list .content-heading, #ft-controllist .container .row .section-list ul li a {font-size: 14px !important }#ft-controllist .container .row h3 {line-height: 18px }#ft-controllist .container .row .list-items {padding-left: 0 }#ft-controllist .container .Vstudio {margin: 7px 0 -50px;padding-top: 0 }#ft-controllist .container .Vstudio img {width: 30px }#ft-controllist .container .Vstudio .vstudio-text.big {padding-left: 20px }#ft-controllist .container .Vstudio .vshr {display: none;width: 25% }#ft-controllist .container #control-items {margin-top: 5% }.video-banner #overviewVideo {display: table-cell }}@media(max-width:420px) {#control-banner-content.has-supported-frameworks, #whitebackground.has-supported-frameworks {height: auto;background-size: 100% 100% }#strip-segment #framework-platforms .framework-items {width: 20% }#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-size: 23px !important;line-height: 30px;max-width: 100% }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {font-size: 16px !important;text-indent: -2.5em }#single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #download-now-button {width: 100%;margin-bottom: 1em !important;display: block !important;max-width: 100%;margin: 0 }#single-fold-control-banner #buy-now-button, #single-fold-horizontal-control-banner #buy-now-button, .video-banner #buy-now-button {width: 100%;margin-bottom: 1em !important;margin-left: 0 }#single-fold-control-banner {padding: 3em 1em }.video-banner #buy-now-button {max-width: 150px }#NocreditDesktopContent {margin: -10px 0 10px 5px }}@media(max-width:569px) {#awards .all-awards img {width: 61% }}@media(max-width:360px) {#awards .all-awards img {width: 68% }}@media(max-width:320px) {.video-banner .modal-dialog {width: 310px;height: 175px }#deprecatedmessage .content-area {padding-left: 15px !important;padding-right: 0 }}@media(max-width:600px) and (min-width:400px) {#EJ2Modal .ej2-dialog {width: 370px }}@media(max-width:425px) {#EJ2Modal .ej2-modal-content .modal-body .ej2-message {padding: 0 }}@media(max-width:722px) {.modal.thankyou .modal-dialog {width: 95% !important }.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform, .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {font-size: 17px }.modal.thankyou .modal-dialog .modal-content .modal-body .footer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {font-size: 12px }}@media(max-width:590px) {.modal.thankyou {width: 80% !important }.modal.thankyou .modal-dialog {width: 100% !important }}@media(max-width:400px) {#control-heading-section .popular-controls-list .control-link, #controls-list .popular-controls-list .control-link {padding: 0 11px !important }.flutter-banner-icons {text-align: center }#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 17% }.modal.thankyou .modal-dialog .modal-content .modal-body .footer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {font-size: 10px }#ThankYou_Modal .thank-model-Platform, #ThankYou_Modal .thank-model-description {font-size: 14px }#install-and-download .install-nuget {float: left;margin-left: 9px }}@media(max-width:336px) {#ThankYou_Modal .thank-model-Platform, #ThankYou_Modal .thank-model-description {font-size: 13px }}@media(max-width:768px) {#EJ2Modal .ej2-dialog {left: 48% }#install-and-download {margin-bottom: 40px }}@media(max-width:433px) {#install-and-download .install-nuget, #install-and-download .setup-download {font-size: 10px }}@media(max-width:341px) {#install-and-download {margin-bottom: 85px }#install-and-download .install-nuget {margin-top: 15px }}@media(max-width:768px) and (min-width:501px) {#install-with-nuget .nuget-dialog {width: 95% !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements {margin: 55px }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits {margin: 50px }}@media(max-width:500px) {#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-one-column .video_link, #featuretour-markdown #control-content .ft-two-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video_link {width: 250px;height: 150px }#featuretour-markdown #control-content .ft-one-column .video-playiconalignment {left: 42%;width: 50px;height: 50px }#featuretour-markdown #control-content .ft-two-column .video-playiconalignment {left: 46%;width: 50px;height: 50px }.modal.thankyou, .modal.thankyou .modal-dialog {width: 100% !important }#install-with-nuget .nuget-dialog {margin: 0 !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget {display: block !important;background-color: #fff !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget .nuget-dialog-close {display: block !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section {width: 100% !important;float: none !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements {margin: 50px 45px !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;width: 100% !important;float: none !important;border-radius: 0 0 7px 7px !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .nuget-dialog-close {display: none !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits {margin-top: 30px !important;margin-bottom: 20px !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .right-heading {margin-bottom: 20px !important }#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-right-section .benefits .content-section-right .benefit-lists {padding-bottom: 20px !important }}@media(min-width:501px) {#install-with-nuget .nuget-modal #signup-nuget #form-left-section .form-elements .signup-heading {font-size: 24px !important }}@media(min-width:501px) and (max-width:652px) {#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-no-thanks-link {font-size: 11px }}@media(max-width:500px) and (min-width:411px) {#install-with-nuget .nuget-modal #form-left-section .form-elements {margin: 40px !important }#install-with-nuget .nuget-modal #form-left-section .form-elements .signup-heading {font-size: 22px !important }#install-with-nuget .nuget-modal #form-right-section .benefits {margin-left: 40px !important;margin-right: 40px !important }}@media(max-width:410px) {#install-with-nuget .nuget-modal #form-left-section .form-elements {margin: 40px !important }#install-with-nuget .nuget-modal #form-left-section .form-elements .signup-heading {font-size: 19px !important }#install-with-nuget .nuget-modal #form-right-section .benefits {margin-left: 40px !important;margin-right: 40px !important }}@media(max-width:365px) {#install-with-nuget .nuget-modal #form-right-section .benefits .right-heading {font-size: 17px !important }}@media(max-width:617px) {#recent-activities-section {padding: 0 8% 80px !important }#recent-activities-section h2 {font-size: 24px !important;padding: 50px 8% 15px !important }#recent-activities-section .topic h3 {font-size: 14px !important }#recent-activities-section .topic-heading {font-size: 17px !important }}@media(max-width:366px) {.featuretour-markdown.themes-section .chart-type-link a {font-size: 14px }}@media(max-width:1023px) and (min-width:768px) {#control-content, #control-content .one-col-carousel, #control-content .two-col-carousel, .static-navbar {margin-bottom: 35px }#control-navigation {padding-left: 10px }#control-content, #control-content .col-lg-6:last-child, #control-content .col-md-6:last-child {padding-left: 0 !important }.static-navbar .left-panel {display: block }#control-content .multi-column-conent-container .text-center {padding-top: 0 !important }#control-content .ft-column-header h2, #control-content .multi-column-conent-container .text-left h2 {margin-top: 0;margin-bottom: 30px }#control-content .ft-two-column ul, #control-content .row h1, #control-content .row h2, #control-content .row h3, #control-content .row p, #control-content .two-col-carousel .col-lg-6:last-child {margin-bottom: 30px }#control-content .ft-column-header {padding-top: 35px }#control-content .row {padding-right: 0;margin-left: 0;margin-right: 0;padding-bottom: 5px;padding-top: 35px }#control-content .row li img, #control-content .row li object {margin-left: -8px }#control-content .col-lg-6:first-child, #control-content .col-md-6:first-child {margin-right: -15px !important;padding-bottom: 25px }#control-content .col-lg-4 img, #control-content .col-lg-4 object, #control-content .col-md-4 img, #control-content .col-md-4 object, #control-content .col-sm-4 img, #control-content .col-sm-4 object {margin: 0 }#control-list #control-category #control-category-list, #control-list #control-category h4, #control-list li a {width: 80px }.background-img-leftside {left: -103% }#banner-content .ft-two-column .col-lg-5, #banner-content .ft-two-column .col-lg-6 {height: 350px }#banner-content .ft-two-column .col-lg-5 .community-licenses, #banner-content .ft-two-column .col-lg-6 .community-licenses {background-size: 10%;padding-top: 20px }#banner-content .ft-two-column .col-lg-5 .community-licenses a, #banner-content .ft-two-column .col-lg-6 .community-licenses a {padding-left: 85px }#banner-content p {line-height: 24px }#banner-content .container .background-img-left {left: -94% }#banner-content .container .img-right {left: -87% }#price-section .pricing, #pricing-section .pricing {margin-left: 38% }#price-section ul, #pricing-section ul {padding: 20px 22px;width: 77% }#price-section ul li, #pricing-section ul li {background-position: 0 6px;background-size: 4% }#faq {padding: 50px 0 40px }#faq h2 {margin-bottom: 40px }}@media(max-width:990px) and (min-width:916px) {#banner-content .container .img-right {left: -93% !important }}@media(max-width:915px) and (min-width:851px) {#banner-content .container .img-right {left: -109% !important }}@media(max-width:850px) and (min-width:768px) {#banner-content .container .img-right {left: -125% !important }}@media(max-width:1024px) and (min-width:768px) {.row.masonry {margin-left: 0 }#ft-controllist .container .Vstudio {margin-bottom: 35px }#ft-controllist .container .Vstudio .vshr {display: inline-flex;width: 25% }#featuretour-markdown #control-content .ft-one-column .video-frame, #featuretour-markdown #control-content .ft-one-column .video_link {width: 635px;height: 335px }#featuretour-markdown #control-content .ft-one-column .video-playiconalignment {left: 42% }}@media(min-width:768px) and (max-width:1024px) {#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {overflow: auto }}@media(min-width:769px) and (max-width:1024px) {.video-banner .modal-dialog {width: 764px;height: 432px }.video-banner .banner-heading {font-size: 33px !important;line-height: 42px !important }.video-banner ul li {font-size: 14px !important;line-height: 22px !important }.video-banner #framework-content .support-content {font-size: 12px !important;line-height: 14px !important }.video-banner #lottie, .video-banner #ripple {left: 55%;top: 40% }}@media(min-width:768px) and (max-width:991px) {#control-heading-section .popular-controls-list {margin: 0 9% }}@media(max-width:991px) and (min-width:768px) {#featuretour-markdown #control-content .ft-two-column .video-frame, #featuretour-markdown #control-content .ft-two-column .video_link {width: 635px;height: 335px }#featuretour-markdown #control-content .ft-two-column .video-playiconalignment {left: 42% }#awards .all-awards img {width: 100% }}@media(min-width:769px) and (max-width:991px) {#install-and-download {max-height: 35px;width: 200px;margin-bottom: 40px }#install-and-download .install-nuget {float: left;margin-left: 9px;margin-top: 15px }}@media(min-width:652px) and (max-width:1024px) {#install-with-nuget .nuget-dialog .nuget-modal #signup-nuget #form-left-section .form-elements .nuget-no-thanks-link {font-size: 12px }}@media(max-width:1399px) and (min-width:1300px) {.background-img {left: -32% }.img-left {left: -23% }.pdf-img {left: -30% }.large-img {left: -34% }.img-right {left: -17% }.background-img-leftside {left: -7% }.rightside-img {left: -38% }#banner-content .container .background-img-left {left: -8% }}@media(max-width:1299px) and (min-width:1260px) {.background-img {left: -42% }.img-left {left: -32% }.pdf-img {left: -37% }.large-img {left: -40% }.img-right {left: -21% }.background-img-leftside {left: -10% }.rightside-img {left: -48% }#banner-content .container .background-img-left {left: -8% }}@media(max-width:1600px) and (min-width:1400px) {.background-img {left: -23% }.img-left {left: -18% }}@media(max-width:1279px) and (min-width:1260px) {.quote {padding-right: 208px !important }}@media(max-width:1800px) and (min-width:1601px) {.background-img {left: -6% }}@media(max-width:1260px) and (min-width:1100px) {.img-left {left: -38% !important }.pdf-img {left: -42% }}@media(max-width:1260px) and (min-width:1024px) {.background-img, .img-left {left: -45% }.background-img-leftside {left: -26% }.img-right {left: -38% }.large-img {left: -55% }#banner-content .ft-two-column .col-lg-5, #banner-content .ft-two-column .col-lg-6 {height: 420px;padding-top: 0 }#banner-content .ft-two-column .col-lg-5 .community-licenses, #banner-content .ft-two-column .col-lg-6 .community-licenses {background-size: 17%;padding-top: 18px }#banner-content .ft-two-column .col-lg-5 .community-licenses a, #banner-content .ft-two-column .col-lg-6 .community-licenses a {padding-left: 75px }#banner-content p {line-height: 24px }#banner-content .container .background-img-left {left: -25% }#banner-contact-section .multi-column-conent-container .two-col-content:nth-of-type(2) .quote {padding-right: 110px;line-height: 17px }}@media(min-width:1024px) {#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums {white-space: pre-wrap;overflow: hidden }#control-content .ft-one-column .tab-pane .highlight .prettyprint .linenums:hover {overflow-y: auto;overflow-x: hidden }}@media(min-width:1258px) {#supported-frameworks-strip-segment.supported-frameworks-three-platform {float: left;margin-bottom: 30px }#supported-frameworks-strip-segment.supported-frameWorks-four-platform {float: left;margin-top: -5px;margin-bottom: 30px }}@media(max-width:1920px) and (min-width:1820px) {.popular-banner {min-height: 400px;background-position: 0 100% }}@media(max-width:2560px) and (min-width:1921px) {.popular-banner {min-height: 550px;background-size: 2560px auto;background-position: 0 100% }.standard-banner {height: 350px;background-size: 2560px 350px }}@media(min-width:1820px) {.static-navbar {margin-bottom: 75px }#control-content .multi-column-conent-container .text-center {padding-top: 0 !important }#control-content .multi-column-conent-container .multi-col-contents .three-col-content, #control-content .multi-column-conent-container .multi-col-contents .two-col-content {padding-right: 75px }#control-content .one-col-carousel .slide {margin-top: 60px;margin-bottom: 30px }#control-content .one-col-carousel .slide .carousel-inner, #control-content .two-col-carousel .slide .carousel-inner {padding-right: 0 }#control-content .one-col-carousel, #control-content .two-col-carousel {margin-bottom: 70px }#control-content .ft-two-column div:first-child, #control-content .two-col-carousel div:first-child {padding-left: 0;padding-right: 60px }#control-content .ft-two-column div:last-child, #control-content .two-col-carousel div:last-child {padding-left: 0;padding-right: 35px }#control-content .ft-two-column ul {margin-bottom: 45px }#control-content .ft-column-header {padding-top: 60px }#control-content .ft-column-header h2 {margin-top: 0;margin-bottom: 45px }#control-content .row {padding-bottom: 35px;padding-top: 60px }#control-content .row h1, #control-content .row h2, #control-content .row h3, #control-content .row p {margin-bottom: 35px }#control-content .row:first-child {padding-top: 0 }#control-content .row:first-child img, #control-content .row:first-child object {margin: 0 !important }#control-content .row .col-lg-4, #control-content .row .col-md-4, #control-content .row .col-sm-4, #control-content .row:first-child .col-lg-4, #control-content .row:first-child .col-md-4, #control-content .row:first-child .col-sm-4 {padding-left: 0 }#control-content .row:first-child .col-lg-4 h4, #control-content .row:first-child .col-md-4 h4, #control-content .row:first-child .col-sm-4 h4 {margin-top: 25px !important;margin-bottom: 25px !important }#control-content .row h1 {font-size: 40px }#control-content .row h2 {font-size: 36px }#control-content .row li, #control-content .row p {font-size: 16px }#control-content .row .col-lg-4 h4, #control-content .row .col-md-4 h4, #control-content .row .col-sm-4 h4 {margin-top: 0;margin-bottom: 25px }#control-content .row .col-lg-4 img, #control-content .row .col-lg-4 object, #control-content .row .col-md-4 img, #control-content .row .col-md-4 object, #control-content .row .col-sm-4 img, #control-content .row .col-sm-4 object {margin: 60px 0 35px }#control-list #control-category, #control-list .title-subheadings {max-height: 400px }#control-list #search-category {width: 100% }#control-list #search-category #search-box {font-size: 14px }#control-list #control-category-list, #control-list h4, #control-list li a {width: 200px }#price-section p, #pricing-section p {font-size: 20px !important;margin-bottom: 30px !important }#price-section ul, #pricing-section ul {width: 63% }#master-breadcrumb #breadcrumb {height: 85px }#master-breadcrumb #breadcrumb .content-small {margin: 20px 9px 16px 0;font-size: 16px }#master-breadcrumb #breadcrumb .bread-crumb-separator {margin: 25px 3px 16px 0 }#featuretour-markdown .container, .static-navbar .container {width: 1170px !important }#quote-section .quote {padding-left: 26%;padding-right: 26% }}@media(min-width:1921px) {.desc-template .banner-heading, .list-template .banner-heading {margin-top: 90px;line-height: 60px;font-size: 40px }.desc-template ul, .list-template ul {font-size: 18px }.desc-template ul li, .list-template ul li {line-height: 28px }#control-banner-content .banner-sub-heading, #whitebackground .banner-sub-heading {margin-top: 85px }#control-banner-content .banner-inner-heading, #whitebackground .banner-inner-heading {font-size: 36px }#control-banner-content .banner-main-heading, #whitebackground .banner-main-heading {font-size: 60px }#company-list {padding: 20px 0;max-height: 400px }#company-list h2 {margin-bottom: 1em }}@media(min-width:1821px) {#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-size: 40px;line-height: 53px;letter-spacing: .57px }#single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {margin-bottom: 2.5em }#single-fold-control-banner ul li, #single-fold-horizontal-control-banner ul li {line-height: 47px;font-size: 20px }#single-fold-control-banner #buy-now-button, #single-fold-control-banner #download-now-button, #single-fold-horizontal-control-banner #buy-now-button, #single-fold-horizontal-control-banner #download-now-button {letter-spacing: .1px;padding: 10px 34px;font-size: 18px }.video-banner #buy-now-button {letter-spacing: .1px;padding: 9px 32px;font-size: 16px }}@media(min-width:1821px) and (max-width:1950px) {#single-fold-horizontal-control-banner {background-size: auto 100% !important }#single-fold-control-banner {padding: 6em 0;background-size: auto 120% }}@media(min-width:1950px) {#single-fold-horizontal-control-banner {background-size: auto 100% !important }#single-fold-control-banner {padding: 6em 0;background-size: auto auto }}@media(min-width:1261px) and (max-width:1820px) {#single-fold-control-banner .banner-heading, #single-fold-horizontal-control-banner .banner-heading {font-size: 30px;margin-bottom: 15px;margin-top: 15px }#single-fold-control-banner ul, #single-fold-horizontal-control-banner ul {margin-bottom: 1em }}@media(min-width:1920px) {#whitebackground .right-section-image {margin-top: 135px }.video-banner .modal-dialog {width: 1522px;height: 857px }.video-banner ul {margin-bottom: 40px !important }.video-banner ul li {font-size: 18px !important;line-height: 31px !important }.video-banner #framework-content .support-content {font-size: 16px !important }.video-banner .right-section-image {margin-top: 125px !important }.video-banner #lottie, .video-banner #ripple {left: 75%;top: 45% }.video-banner .banner-heading {font-size: 46px !important;line-height: 59px !important;margin-bottom: 40px !important;margin-top: 60px !important }}@media(min-width:1025px) and (max-width:1366px) {.video-banner .modal-dialog {width: 975px;height: 550px }.video-banner .banner-heading {font-size: 33px !important;line-height: 42px !important }.video-banner ul li {font-size: 14px !important;line-height: 26px !important }.video-banner #framework-content .support-content {font-size: 12px !important;line-height: 14px !important }.video-banner .right-section-image {margin-top: 35px !important }.video-banner #lottie, .video-banner #ripple {left: 60%;top: 35% }}@media(max-width:1279px) and (min-width:1024px) {#control-navigation {padding-left: 10px }#control-content, #control-content .one-col-carousel, #control-content .two-col-carousel, .static-navbar {margin-bottom: 35px }.static-navbar .left-panel {display: block }#control-content .multi-column-conent-container .text-center {padding-top: 0 !important }#control-content .multi-column-conent-container .multi-col-contents .three-col-content, #control-content .multi-column-conent-container .multi-col-contents .two-col-content {padding-right: 35px }#control-content .ft-two-column div:first-child, #control-content .two-col-carousel div:first-child {padding-left: 0;padding-right: 30px }#control-content .ft-two-column div:last-child, #control-content .two-col-carousel div:last-child {padding-left: 0;padding-right: 10px !important }#control-content .ft-column-header {padding-top: 35px }#control-content .ft-column-header h2 {margin-top: 0;margin-bottom: 30px }#control-content .ft-two-column ul, #control-content .row h1, #control-content .row h2, #control-content .row h3, #control-content .row p {margin-bottom: 30px }#control-content .row {padding-bottom: 5px;padding-top: 35px }#control-content .row .col-lg-4 img, #control-content .row .col-lg-4 object, #control-content .row .col-md-4 img, #control-content .row .col-md-4 object, #control-content .row .col-sm-4 img, #control-content .row .col-sm-4 object {margin: 0 }#control-list #control-category #control-category-list, #control-list #control-category h4, #control-list li a {width: 110px }#control-list #search-category #search-box {font-size: 10px }}@media(min-width:2561px) {#control-banner-content.has-supported-frameworks .banner-sub-heading, #whitebackground.has-supported-frameworks .banner-sub-heading {margin-top: 90px !important;margin-bottom: 30px }#supported-frameworks-strip-segment.supported-frameworks #mobile-strip-section {display: block;margin-bottom: 10px;font-size: 16px }#supported-frameworks-strip-segment.supported-frameworks {clear: both;float: none }#supported-frameworks-strip-segment.supported-frameworks .strip-opacity {float: left;background: 0 0 }#supported-frameworks-strip-segment.supported-frameworks #framework-content {display: none }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-name {font-size: 12px;display: block }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items .framework-hover {padding: 5px 5px 2px !important;min-width: 75px }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:first-child .framework-hover {padding: 0 10px 0 15px }#supported-frameworks-strip-segment.supported-frameworks .framework .framework-items:last-child .framework-hover {padding: 0 15px 0 10px }.standard-banner {height: 500px;background-size: 3840px 500px }#control-banner-content .banner-sub-heading, #whitebackground .banner-sub-heading, .desc-template .banner-heading, .list-template .banner-heading {margin-top: 120px !important }.popular-banner {min-height: 800px;background-position: 0 100%;background-size: 3000px auto !important }}@media(min-width:1151px) and (max-width:1242px) {.modal.thankyou .modal-dialog {width: 60% !important }}@media(min-width:2500px) {.modal.thankyou {width: 60% !important }.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform, .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {font-size: 30px }.modal.thankyou .modal-dialog .modal-content .modal-body .footer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {font-size: 20px }}@media(min-width:1700px) and (max-width:2499px) {.modal.thankyou {width: 60% !important }.modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-Platform, .modal.thankyou .modal-dialog .modal-content .modal-body .thank-model-description {font-size: 20px }.modal.thankyou .modal-dialog .modal-content .modal-body .footer, .modal.thankyou .modal-dialog .modal-content .modal-body .timer-section {font-size: 15px }}@media(min-width:1025px) {#control-content .highlight .prettyprint .linenums::-webkit-scrollbar {width: 8px }#control-content .highlight .prettyprint .linenums::-webkit-scrollbar-thumb {background-color: #405268;border-radius: 6px }}#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 .flickity-page-dots, .g2-widget-review .flickity-page-dots {bottom: -56px;margin-left: 7px }#g2-widget .flickity-page-dots .dot, .g2-widget-review .flickity-page-dots .dot {margin: 0 2px;background: #000 }#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 .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 }.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:1200px) and (min-width:820px) {#ft-controllist #ft-control-platform .section-list, #ft-controllist #ft-control-platform .section-list ul li {width: 170px !important }}.featuretour-markdown .supporting-frameworks-browsers {padding-top: 50px !important;padding-bottom: 55px !important;padding-left: 0 !important }.supporting-frameworks-and-browsers {background: #f8fafc }@media(min-width:300px) and (max-width:1000px) {.supporting-frameworks-and-browsers #control-content {justify-content: center;width: 100% !important;margin-left: auto !important;margin-right: auto !important }}.supporting-frameworks-and-browsers #control-content {margin-bottom: 0 !important;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px }.supporting-frameworks-browsers .two-col-content {box-sizing: border-box;width: 514px !important;height: auto !important;background: #fff;box-shadow: 0 0 10px rgb(226 232 240 / .75), 0 10px 12px #e2e8f0;margin-left: auto;margin-right: auto;border-radius: 24px;padding: 32px !important }.featuretour-markdown .supporting-frameworks {padding: 0 12px 0 8px !important;box-sizing: border-box;width: 700px;height: auto !important;background: #fff;box-shadow: 0 0 4px rgb(226 232 240 / .75), 0 4px 12px #e2e8f0;margin: 40px 30px 40px 209px;border-radius: 24px }.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul a, .supporting-frameworks ul a {padding: 10px 0 0 60px !important;position: absolute;display: flex;align-items: center;width: 220px !important;height: 42px }.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul img, .supporting-frameworks ul img {position: absolute !important;padding: 0 !important;margin-top: 10px !important;margin-left: -7px !important;width: 50px;height: 50px }.featuretour-markdown .supporting-frameworks-browsers .two-col-content .supported-browsers img {position: absolute !important;padding: 0 !important;margin-left: -42px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul, .supporting-frameworks ul {margin: 5px -20px 0 -7px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content li {width: 54px;height: 54px;display: inline-flex !important;margin: 20px 171px 0 0 !important }.featuretour-markdown .supporting-frameworks li {width: 54px;height: 54px;display: inline-flex !important;margin: 16px 228px 0 56px }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p img {padding: 10px 0 0 !important;height: 70%;width: 70% }.featuretour-markdown .supporting-frameworks-browsers .two-col-content h2, .supporting-frameworks h2 {font-size: 24px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p, .supporting-frameworks p {margin: 0 !important }@media(min-width:1000px) and (max-width:1200px) {.supporting-frameworks-and-browsers #control-content {justify-content: center;width: 1014px !important }.featuretour-markdown .supporting-frameworks-browsers, .supporting-frameworks {width: auto !important;margin-left: auto }.featuretour-markdown .supporting-frameworks-browsers .two-col-content, .supporting-frameworks {width: 432px !important;height: auto !important;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px }.supporting-frameworks {width: 505px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content li, .supporting-frameworks li {margin: 10px 162px 0 0 !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {padding: 60px 0 0 !important;width: 100% }}@media(min-width:550px) and (max-width:1000px) {.featuretour-markdown .supporting-frameworks-browsers, .supporting-frameworks {width: auto !important }.featuretour-markdown #control-content .supporting-frameworks-browsers .two-col-content {width: 520px !important;height: auto !important;justify-content: center;margin: 15px auto !important;padding: 32px !important }.supporting-frameworks {width: 684px !important;height: auto !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content li, .supporting-frameworks {margin: 15px 162px 10px -5px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p {margin: 0 14px 0 0 !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {width: 80% }}@media(min-width:300px) and (max-width:550px) {.featuretour-markdown .supporting-frameworks-browsers, .supporting-frameworks {width: auto !important }#featuretour-markdown #control-content .supporting-frameworks-browsers .two-col-content {width: 310px !important;height: auto !important;margin-bottom: 15px !important;margin-top: 15px !important;padding: 32px !important }.supporting-frameworks {width: 300px !important;height: auto !important;margin-left: 10px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content li, .supporting-frameworks li {margin: 5px 171px 0 -7px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p {margin: 0 14px 0 0 !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {width: 100% }.featuretour-markdown .supporting-frameworks-browsers .two-col-content h2, .supporting-frameworks h2 {padding-right: 20px }}@media(max-width:300px) {.featuretour-markdown .supporting-frameworks-browsers, .supporting-frameworks {width: auto !important }.featuretour-markdown #control-content .supporting-frameworks-browsers .two-col-content {width: 220px !important;height: auto !important;margin-bottom: 15px !important;margin-top: 15px !important;padding: 32px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content ul a {width: 170px !important }.supporting-frameworks {width: 220px !important;height: auto !important;margin-left: -10px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content li, .supporting-frameworks li {margin: 5px 171px 0 -7px !important }.featuretour-markdown .supporting-frameworks-browsers .two-col-content p img, .featuretour-markdown .supporting-frameworks-browsers .two-col-content p object {width: 100% }}#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button {float: right;background: #1a68ff;border: 1px solid #1a68ff;border-radius: 6px;box-sizing: border-box;font-weight: 700;font-size: 14px;color: #fff }#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button:hover, .competitive-banner-section .container .row .explore-FT-comparison:hover {background: #0050eb }.iframe-loader {height: 185px }#_waiting-popup_ img {left: 549.333px !important }#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button .run-preview-icon {display: inline;margin: -2px 8px 0 0 !important }#featuretour-markdown .code-snippet-tabs .tab-content .code-snippet-preview-section {display: none;justify-content: center;margin-top: 16px;flex-direction: column }#featuretour-markdown .code-snippet-tabs .tab-content .code-snippet-preview-section .iframe-close-button {margin-left: 98%;margin-bottom: 16px }@media(max-width:280px) {#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button {margin: 11px 34px 3px -42px;font-size: 14px !important }}#g2-widget .app-ratings-link:hover, .g2-widget-review .app-ratings-link:hover {color: #0450c2 !important;cursor: pointer }#featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link {color: #0057ff;padding: 6px 0;float: right;font-weight: 600;text-transform: none;font-size: 14px;display: flex }#featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link .editor-icon {margin-right: 5px !important;display: inline-block;transform: scaleX(-1) }@media(max-width:520px) {#control-content .ft-one-column #code-snippet-1 .nav-tabs {margin-bottom: 5px;display: flex;flex-direction: column }#featuretour-markdown .code-snippet-tabs .nav-tabs .code-editor-link {margin: 10px 0 0 !important }#control-content .ft-one-column #code-snippet-1 ul li {display: flex }#control-content .ft-one-column #code-snippet-1 ul li:nth-child(2) a {margin: 10px 0 0 -10px }}h2.FTControlDesktopNoCreditCard, h2.FTControlMobileNoCreditCard, h2.NoCreditCardDesktopFTControl, h2.NoCreditCardMobileFTControl {font-family: Open Sans;font-size: 13px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;text-align: start;color: #64748b;margin: -20px 0 10px 8px }#control-banner-content h2.FTControlDesktopNoCreditCard, #control-banner-content h2.FTControlMobileNoCreditCard, #control-banner-content h2.NoCreditCardDesktopFTControl, #control-banner-content h2.NoCreditCardMobileFTControl {font-family: Open Sans;font-size: 13px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;text-align: start;color: #fff;margin: -22px 0 20px 2px }@media(max-width:1260px) and (min-width:421px) {#NocreditDesktopContent {margin: 5px 0 10px 3px }}@media(max-width:1260px) {#control-banner-content h2.FTControlDesktopNoCreditCard, #control-banner-content h2.FTControlMobileNoCreditCard, #control-banner-content h2.NoCreditCardDesktopFTControl, #control-banner-content h2.NoCreditCardMobileFTControl {margin: 70px 0 10px }#control-banner-content #download-now-button, #control-banner-content #view-demos-now-button, #whitebackground #download-now-button, #whitebackground #view-demos-now-button {margin-bottom: 0 !important }}@media(max-width:992px) and (min-width:769px) {#whitebackground #buy-now-button, #whitebackground #download-now-button {padding: 9px 21px !important }}@media(max-width:420px) and (min-width:350px) {#whitebackground #buy-now-button {margin-left: 1em !important }}.animatedBannerImage .right-section-animated-image {width: 600px;height: 500px }@media(max-width:1024px) and (min-width:769px) {#install-with-nuget .nuget-modal #signup-nuget #form-left-section .form-elements {margin-top: 45px }#install-with-nuget .nuget-modal #signup-nuget #form-right-section .benefits {margin-top: 45px;margin-left: 50px }.animatedBannerImage .right-section-animated-image {width: 500px;height: 500px }}#control-banner-content.video-banner .right-section-image {margin-top: 70px }#control-banner-content.video-banner #download-now-button {border: 1px solid #fff !important }#control-banner-content.video-banner #download-now-button:hover {opacity: .8 !important;color: #1a1a1a;background-color: #fff !important;border: 1px solid #fff !important }#control-banner-content.video-banner #buy-now-button {color: #fff !important;border: 1px solid #fff !important;background: 0 0 !important }#control-banner-content.video-banner #buy-now-button:hover {opacity: 1 !important;background-color: rgb(0 0 0 / .1) !important;border: 1px solid #fff !important }@media(max-width:850px) {#control-banner-content.video-banner .right-section-image {display: none }}@media(max-width:1260px) and (min-width:780px) {#control-banner-content.video-banner h2#NocreditDesktopContent {margin: 5px 0 10px 8px !important }}@media(max-width:768px) {#control-banner-content h2.FTControlDesktopNoCreditCard, #control-banner-content h2.FTControlMobileNoCreditCard, #control-banner-content h2.NoCreditCardDesktopFTControl, #control-banner-content h2.NoCreditCardMobileFTControl {margin: 70px 0 10px 18px }#control-banner-content #download-now-button, #control-banner-content #view-demos-now-button {margin-left: 1em !important }.animatedBannerImage .right-section-animated-image {display: none }#control-banner-content.video-banner h2#NocreditDesktopContent {margin: 0 0 10px 20px }#control-banner-content.video-banner #overviewVideo {display: table-cell }#control-banner-content.video-banner #playImage {margin-left: 15px }}@media(max-width:420px) {#control-banner-content.video-banner h2#NocreditDesktopContent {margin: -15px 0 10px 18px !important }#control-banner-content.video-banner #buy-now-button {margin-left: 16px;padding: 9px }}@media(max-width:350px) {#control-banner-content #no-banner-dot-net-support-section .vs-icon-container, #whitebackground #no-banner-dot-net-support-section .vs-icon-container {margin-left: 12% }#NocreditDesktopContent {display: none }#NocreditMobileContent {margin: 75px 0 15px 3px;display: block }#control-banner-content #view-demos-now-button, #whitebackground #view-demos-now-button {margin-bottom: 20px !important }#whitebackground #buy-now-button {margin-left: 0 }#control-banner-content.video-banner h2#NocreditMobileContent {margin: 75px 0 15px 20px !important;display: block }}.NoCreditCardContent {font-family: Open Sans;font-size: 13px !important;font-style: italic;font-weight: 400 !important;line-height: 22px;letter-spacing: 0;color: #fff }.download-button-info {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 5px }@media only screen and (min-width:1200px) {.download-button-info {margin-top: 30px;margin-left: 35px }}.content-align {display: flex;align-items: center }@media only screen and (max-width:1200px) {.content-align {display: flex;flex-direction: column }.download-button-info {margin-left: 6px }}.competitive-banner-section .container {display: block;margin-bottom: 88px;width: 100% }@media(max-width:1200px) {.competitive-banner-section .container {margin-bottom: 40px;padding-left: 40px;padding-right: 40px }}.competitive-banner-section .container .row {display: flex;background-color: #e0ecff;max-width: 1140px;height: auto;margin: 0 auto;flex-shrink: 0;padding: 40px 7px 40px 33px;border-radius: 5px }@media(max-width:893px) {.competitive-banner-section .container {margin-bottom: 56px }.competitive-banner-section .container .row {flex-direction: column;row-gap: 40px;padding-bottom: 7px;padding-top: 10px;padding-right: 33px }}@media(max-width:767px) {#control-content .row {padding: 45px 0 !important }.competitive-banner-section .container {margin-top: 36px;padding-left: 16px;padding-right: 16px }.competitive-banner-section .container .row {padding-top: 0 }}.competitive-banner-section .container .row .count-background {background-image: url(https://cdn.syncfusion.com/content/images/FT/common/background-FT-competitive-image.svg);display: flex;flex-direction: row;height: 48px;-moz-column-gap: 22px;column-gap: 22px;align-items: center;padding-left: 24px;background-repeat: no-repeat;background-size: contain }@media(max-width:1200px) {.competitive-banner-section .container .row .count-background {background-image: url(https://cdn.syncfusion.com/content/images/FT/common/background-FT-competitive-tab.svg);height: 112px;flex-direction: column;align-items: start;justify-content: center;row-gap: 8px }}.competitive-banner-section .container .row .count-background span {color: #1e293b;text-align: center;font-family: Open Sans;font-size: 14px;font-style: normal;font-weight: 600;line-height: 24px;letter-spacing: .5px }.competitive-banner-section .container .row .count-background .green-tick {margin-right: 6px;margin-bottom: 3px }.competitive-banner-section .container .row .competitve-banner-heading {font-family: Open Sans;color: #1e293b;font-size: 32px;font-style: normal;font-weight: 700;line-height: 48px }.competitive-banner-section .container .row .competitive-banner-content {color: #1e293b;font-family: Open Sans;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;width: 82%;margin-bottom: 16px }@media(max-width:1210px) {.competitive-banner-section .container .row .competitive-banner-content {width: 100% }}.competitive-banner-section .container .row .competitive-banner-FT-image {padding: 3px 12px 3px 0;display: flex }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {height: 274px;width: 318px;margin: auto 0 auto auto }@media(max-width:893px) {.competitive-banner-section .container .row .competitive-banner-FT-image {padding: 0 }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-right: auto }}@media(max-width:540px) {.competitive-banner-section .container .row {padding-left: 1px;padding-right: 0 }.competitive-banner-section .container .row .count-background {height: 98px;padding-left: 22px }.competitive-banner-section .container .row .count-background span {font-size: 12px;line-height: 18px }.competitive-banner-section .container .row .competitve-banner-heading {font-size: 20px;line-height: 30px }.competitive-banner-section .container .row .competitive-banner-content {font-size: 12px;line-height: 20px }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {height: 224px;width: 260px;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 .count-background {padding-left: 16px }.competitive-banner-section .container .row .count-background span {font-size: 11px }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 12% }}.competitive-banner-section .container .row .explore-FT-comparison {text-align: center;margin-top: 36px;height: 48px;width: -moz-fit-content;width: fit-content;border-radius: 4px;background: #0057ff;cursor: pointer }.competitive-banner-section .container .row .explore-FT-comparison:focus {background: #0046cc }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {display: block;height: 48px;width: -moz-fit-content;width: fit-content;padding: 12px 24px;color: #fff;font-family: Open Sans;font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: .08px }@media(max-width:540px) {.competitive-banner-section .container .row .explore-FT-comparison {height: 46px }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {font-size: 14px;line-height: 22px;padding: 12px 16px;height: 46px }}@media(max-width:399px) {#EJ2Modal .ej2-dialog {width: 275px }.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 .count-background {height: 81px;padding-left: 11px }.competitive-banner-section .container .row .count-background span {font-size: 10px }.competitive-banner-section .container .row .competitive-banner-FT-image .ft-icon {margin-left: 8% }.competitive-banner-section .container .row .explore-FT-comparison .ft-competitive-link {font-size: 12px;padding-left: 8px;padding-right: 8px }}@media(max-width:945px) and (min-width:893px) {.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {padding: 12px 11px }}@media(max-width:399px) {.competitive-banner-section .container .row .javascript, .competitive-banner-section .container .row .winforms-btn {height: 38px }.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {padding: 7px 12px;height: 38px;font-size: 12px }}@media(max-width:355px) {.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {font-size: 11px;height: 30px;padding: 3px 8px }}@media(max-width:328px) {.competitive-banner-section .container .row .javascript .ft-competitive-link, .competitive-banner-section .container .row .winforms-btn .ft-competitive-link {padding-left: 6.5px;padding-right: 6.5px }}@media(max-width:915px) and (min-width:893px) {.competitive-banner-section .container .row .angular-btn .ft-competitive-link {padding: 12px }}@media(max-width:1023px) and (min-width:769px) {.video-banner .ft-video-banner-height #overviewVideo {display: block !important }}@media(max-width:320px) {#featuretour-markdown .code-snippet-tabs .nav-tabs .preview-button {font-size: 12px }#control-banner-content.popular-banner {background-size: cover !important }#control-banner-content h2.NoCreditCardMobileFTControl {margin: 73px 0 10px 15px }}#control-banner-content.video-banner .banner-image-segment {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;height: 500px }#control-banner-content.video-banner .banner-image-segment #lottie {position: absolute;left: unset !important;top: unset !important }#control-banner-content.video-banner .banner-image-segment .right-section-image {width: auto !important;height: auto !important;margin-top: 0 !important }@media(max-width:768px) and (min-width:700px) {.animatedBannerImage .close {margin-right: 80px !important }}#control-banner-content.video-banner .animatedBannerImage.ft-video-banner-height {display: flex;justify-content: center;align-items: center;position: relative;width: 55% }@media(min-width:601px) and (max-width:768px) {.video-banner .modal-dialog {width: 590px !important;height: 333px !important }}@media(max-width:992px) {#deprecatedmessage {margin-top: 5% }.animatedBannerImage.ft-image-support {display: none }}#control-recent-activities-section .topic {font-weight: 600;padding-left: 10px;font-size: 14px !important;line-height: 26px;-webkit-clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 81% 0, 100% 100%, 0% 100%);margin-bottom: 0 }#control-recent-activities-section .blog-topic {background-color: rgb(255 132 0 / .2);width: max-content;color: #9d5000;padding-right: 30px }#control-recent-activities-section .videos-topic {color: #7e3ec3;background-color: rgb(165 83 255 / .2);width: max-content;padding-right: 30px }#control-recent-activities-section .topic-heading {font-size: 19px;color: #0254ff;letter-spacing: 0;line-height: 26px;font-weight: 600;padding-bottom: 7px;padding-top: 15px;margin-bottom: 0 }#control-recent-activities-section .published-date {font-size: 14px;color: #6b7289;font-weight: 500;margin-bottom: 0 }@media (min-width:617px) and (max-width:1199px) {#control-recent-activities-section h2 {font-size: 33px !important;padding: 50px 10% 15px !important }#control-recent-activities-section .topic {font-size: 14px !important }}@media (max-width:1279px) and (min-width:768px) {#control-recent-activities-section .description {font-size: 13px !important }}@media (max-width:617px) {#control-recent-activities-section h2 {font-size: 24px !important;padding: 50px 8% 15px !important }#control-recent-activities-section .description {font-size: 12px !important }#control-recent-activities-section .topic {font-size: 14px !important }#control-recent-activities-section .topic-heading a {font-size: 17px !important }}img.PlaceholderFT {object-fit: cover }.banner-cta-wrapper {display: flex;flex-direction: column;gap: 20px;max-width: 600px }.banner-btn-group {display: flex;flex-wrap: wrap;gap: 16px;align-items: flex-start }.trial-btn-section {display: flex;flex-direction: column;gap: 8px }.banner-cta-btn, .samples-nav-link {display: inline-flex;text-decoration: none;transition: .3s }.banner-cta-btn {align-items: center;justify-content: center;padding: 14px 24px;border-radius: 6px;font-weight: 600;font-size: 16px;line-height: 1.2;border: 2px solid #fff0;cursor: pointer;min-height: 43px;white-space: nowrap;min-width: 180px }.primary-cta-btn {background-color: #0057ff;color: #fff;border-color: #0057ff }.primary-cta-btn:hover, .secondary-cta-btn:hover {background-color: #0050eb;border-color: #0050eb;color: #fff }.secondary-cta-btn {background-color: #fff0;color: #0057ff;border-color: #0057ff }.cta-btn-text {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif }.trial-disclaimer-text {font-size: 14px;color: #666;margin: 0;font-style: italic;text-align: left }.explore-samples-section {flex-basis: 100%;margin-top: 4px }.samples-nav-link {align-items: flex-end;gap: 5px;color: #0057ff;font-size: 16px;font-weight: 500 }.samples-nav-link:hover {color: #0050eb }@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 }}.banner-cta-btn:focus, .samples-nav-link:focus {outline: #0057ff solid 2px;outline-offset: 2px }.banner-cta-btn:disabled {opacity: .6;cursor: not-allowed;transform: none }#control-banner-content .primary-cta-btn {background-color: #fff;color: #212121;border-color: #fff }#control-banner-content .primary-cta-btn:hover {color: #212121;opacity: .8 }#control-banner-content .secondary-cta-btn {background-color: #fff0;color: #fff;border-color: #fff }#control-banner-content .secondary-cta-btn:hover {background-color: rgb(0 0 0 / .1) !important;border-color: #fff;color: #fff }#control-banner-content .trial-disclaimer-text {color: #fffFFFB2 }#control-banner-content .samples-nav-link:focus, Focus states for control-banner-content #control-banner-content .banner-cta-btn:focus {outline: #212121 solid 2px;outline-offset: 2px }#control-banner-content .primary-cta-btn:focus {color: #212121 !important }.banner-cta-wrapper .explore-samples-section {margin-bottom: 40px }#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo {background: #000;color: #fff !important;padding: 12px 26px 12px 18px;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 16px;line-height: 19px;display: inline-flex }#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo:hover {background-color: #353935 }#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo .live-demo-arrow-icon {width: 15px;height: 15px;top: 1px;left: 8px;position: relative;content: url(https://cdn.syncfusion.com/content/images/FTControl/live-demo-forward-arrow.svg) }@media (max-width:352px) {#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo {margin-top: 10px;margin-bottom: 20px }}@media (min-width:353px) and (max-width:767px) {#featuretour-markdown #control-content .overview-header-row:has(#overview-section-live-demo) {margin-bottom: 20px !important }}#featuretour-markdown #control-content .overview-header-row {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 20px }@media (max-width:767px) {#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo {padding: 10px 20px 10px 14px;font-size: 14px }#featuretour-markdown #control-content .overview-header-row #overview-section-live-demo .live-demo-arrow-icon {width: 14px;height: 14px }#featuretour-markdown #control-content .overview-header-row {margin-bottom: 5px }}#ft-controllist .feature, #ft-controllist .no-url-control {display: flex;gap: 6px;align-items: flex-start;margin-bottom: 12px !important;line-height: 22px !important }#ft-controllist .feature .ai-icon, #ft-controllist .no-url-control .ai-icon {width: 16px;height: 16px;padding: 3px 0 }#ft-controllist .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 !important }#ft-controllist #ft-control-platform .section-list .badge-preview {background-color: #fff6ea !important;width: 59px;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 }#ft-controllist #ft-control-platform .section-list ul li {margin-bottom: .8em }@media (min-width:768px) and (max-width:991px) {#ft-controllist #control-items {margin-left: 3% !important }#ft-controllist #ft-control-platform .section-list, #ft-controllist #ft-control-platform .section-list ul, #ft-controllist #ft-control-platform .section-list ul li {width: 220px !important }}@media (min-width:992px) and (max-width:1200px) {#ft-controllist .container #control-items {margin-left: 1% !important }#ft-controllist #ft-control-platform .section-list, #ft-controllist #ft-control-platform .section-list ul, #ft-controllist #ft-control-platform .section-list ul li {width: 180px !important }}#control-content .ai-feature-expose {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: 40px 0 0 34px !important;display: flex;margin-left: -15px;margin-bottom: 64px;margin-top: 64px }@media (min-width:768px) {#control-content .ai-feature-expose {width: 720px }}@media (min-width:992px) {#control-content .ai-feature-expose {width: 940px }}@media (min-width:1200px) {#download-free-trial h3 span {min-width: 906.06px !important }#download-free-trial h3 .NoCreditCardContent {min-width: unset !important }#download-free-trial h3 a {padding: 7px 14px !important }#control-content .ai-feature-expose {width: 1140px }}@media (max-width:550px) {#control-content .ai-feature-expose {padding: 30px 0 0 20px !important;margin-top: 48px;margin-bottom: 48px }}#control-content .ai-feature-expose div:last-child {padding-right: 0 !important;margin-bottom: 0 !important;display: flex }#control-content .ai-feature-expose div:last-child p {display: flex;margin-top: auto;margin-bottom: 0 }#control-content .ai-feature-expose div:first-child {padding-right: 13px !important }#control-content .ai-feature-expose div:first-child h2 {font-family: "Open sans";font-weight: 700;font-size: 32px;line-height: 48px;color: #1f1f1f;margin-bottom: 0 !important;width: 101% }@media (max-width:1279px) {#control-content .ai-feature-expose div:first-child h2 {line-height: 39px }}@media (max-width:388px) {#control-content .ai-feature-expose div:first-child h2 {font-size: 20px !important;line-height: 34px }}#control-content .ai-feature-expose div:first-child h2 span {color: #0057ff;background-repeat: no-repeat;background-size: 100% .2em;background-position: 0 100%;padding-bottom: 4px;background-image: url(https://cdn.syncfusion.com/content/images/home/underline-effect-v1.png) }#control-content .ai-feature-expose div:first-child .ai-feature-description {font-family: "Open Sans";font-size: 16px !important;line-height: 24px !important;font-weight: 400;color: #1f1f1f;letter-spacing: .5px;padding-top: 15px;padding-bottom: 20px;width: 99%;margin-bottom: 0 !important }#control-content .ai-feature-expose div:first-child ul {margin-left: -6px;margin-bottom: 0 !important;margin-top: 0 !important;padding-bottom: 20px !important }#control-content .ai-feature-expose div:first-child ul li {list-style-type: none;display: flex;font-size: 16px;-moz-column-gap: 3px;column-gap: 3px }#control-content .ai-feature-expose div:first-child ul li p {margin-bottom: 3px;font-size: 16px !important;line-height: 24px !important }#control-content .ai-feature-expose div:first-child ul li:nth-child(odd)::before {content: url(https://cdn.syncfusion.com/content/images/FT/common/tick-icon-v1.svg) }#control-content .ai-feature-expose div:first-child ul li:nth-child(2n)::before {content: none }#control-content .ai-feature-expose div:first-child ul li:nth-child(2n) {margin-bottom: 15px !important;margin-top: 3px !important }#control-content .ai-feature-expose a {font-size: 14px;color: #0057ff;font-weight: 600;display: block;padding-bottom: 10px }#control-content .ai-feature-expose div:first-child ul li a {color: #0057ff;font-weight: 600;font-size: 14px;line-height: 21px !important;border: none;display: flex;width: -moz-max-content;width: max-content;-moz-column-gap: 8px;column-gap: 8px;margin-left: 27px }@media (max-width:340px) {#control-content .ai-feature-expose div:first-child ul li a {font-size: 12px }}@media (max-width:992px) {#control-content .ai-feature-expose {margin-left: 0;padding-left: 48px;flex-direction: column;background-position-x: -10px }}#whitebackground .static-rightside-banner {width: 55%;display: flex;align-items: center;}#whitebackground .static-rightside-banner .right-section-image {width: 112%;height: auto;max-width: unset;}@media(max-width: 1920px) and (min-width: 992px){#whitebackground .static-rightside-banner .right-section-image {margin-top: 60px !important;margin-bottom: 15px;}}@media (max-width: 1280px) {#whitebackground .static-rightside-banner .right-section-image {width: 100%;}}@media (max-width: 992px) {#whitebackground .col-lg-6, #whitebackground .static-rightside-banner {width: 100%;}#whitebackground .static-rightside-banner .right-section-image {margin-left: 0;margin-top: 0;width: 90%;margin-bottom: 20px; display: block;}@media (max-width: 500px){#whitebackground .static-rightside-banner .right-section-image{width: 100%}}@media(max-width: 767px){#whitebackground .static-rightside-banner{justify-content: center;}}#whitebackground .right-section-image {margin-left: 0;margin-top: 20px;width: 100%;margin-bottom: 20px;height: auto;}.video-banner #lottie{left: 40%;top: 32%;}}@media (max-width: 992px){#whitebackground.popular-banner{background-size: cover;}}