.flickity-page-dots .dot{width:8px!important;height:8px!important}.showcase-sample-section{height:618px}.showcase-sample-section .heading{padding-bottom:1em}.showcase-sample-section h5{font-size:16px;color:#0273dc;letter-spacing:.69px;margin-top:102px}.showcase-sample-section h2{font-weight:700;color:#fff;margin:0 0 60px;text-align:center;padding-left:7%!important;padding-right:7%;font-size:32px}.showcase-sample-section ul{height:590px}.showcase-sample-section li{list-style-type:none}.showcase-sample-section .slide:first-of-type{background-image:linear-gradient(224deg,#6a15ae 0,#215bc7 100%);background-color:none!important}.showcase-sample-section .slide:nth-of-type(2){background-image:linear-gradient(224deg,#4400f4 0,#5500e1 100%);background-color:none!important}.showcase-sample-section .slide:nth-of-type(3){background-image:linear-gradient(224deg,#702ad2 0,#720dbd 100%);background-color:none!important}.showcase-sample-section .slide:nth-of-type(4){background-image:linear-gradient(224deg,#512282 0,#322282 100%);background-color:none!important}.showcase-sample-section .slide{background-image:none;background-color:#6200ff!important}.showcase-sample-section .lead{font-size:1.03em}.showcase-sample-section .logo_section{padding-bottom:1em!important}.showcase-sample-section .logo_section .col-sm-9 img{width:75%}.showcase-sample-section .flickty_section{padding-top:70px;padding-bottom:8em;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;height:590px}.showcase-sample-section .flickty_section .testimonial .h3{color:#fff;font-weight:700;margin-bottom:10px;font-size:28px!important}.showcase-sample-section .flickty_section .testimonial .profile-image img{width:105px}.showcase-sample-section .flickty_section .testimonial .inner-description{width:60%;margin-bottom:40px;font-size:14px!important;color:#fff;font-weight:400}.flickity-prev-next-button svg,.showcase-sample-section .flickty_section .testimonial .responsive-img img,.showcase-sample-section .previous{display:none}.showcase-sample-section .flickty_section .testimonial .view-demo{padding:11px 20px;font-weight:600;transition:.2s linear;-webkit-transition:.2s linear;-moz-transition:.2s linear;background-color:#fff;border:1px solid #fff;color:#000;margin-right:15px;max-width:210px;opacity:1;border-radius:5px}.showcase-sample-section .flickty_section .testimonial .view-demo span{font-weight:600;font-size:14px;letter-spacing:.1px;opacity:1!important}.showcase-sample-section .flickty_section .testimonial .view-demo:hover,.showcase-sample-section .flickty_section .testimonial .view-more:hover{opacity:.8}.showcase-sample-section .flickty_section .testimonial .view-more{background-color:#fff;opacity:1;border:1px solid #fff;padding:12px 24px;border-radius:5px;margin-right:10px}.showcase-sample-section .flickty_section .testimonial .view-more .button-content{color:#000;vertical-align:middle;font-size:14px;font-weight:600}.showcase-sample-section .flickty_section .ratings{width:15%;margin-top:5px}.showcase-sample-section section .content-light{font-weight:lighter}.showcase-sample-section section .col-sm-12>img{padding-top:20px;padding-bottom:50px}.showcase-sample-section section .slides{list-style-type:none;margin-bottom:0}.showcase-sample-section .slide .content-section-fade{opacity:0;-webkit-animation:1s .5s forwards SlideUpFadeIn;animation:1s .5s forwards SlideUpFadeIn;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin-top:55px}.showcase-sample-section .flickity-prev-next-button:hover,.showcase-sample-section .is-selected .content-section-fade{opacity:1}.showcase-sample-section .flickity-enabled{margin-bottom:0;padding:0}.showcase-sample-section .container,.showcase-sample-section .flickity-page-dots,.showcase-sample-section .slider.slider--inline-arrows .static-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.showcase-sample-section .slider.slider--inline-arrows{margin-bottom:0}@media (min-width:768px){.showcase-sample-section .container,.showcase-sample-section .slider.slider--inline-arrows .static-container{width:750px}}@media (min-width:992px){.showcase-sample-section .slider.slider--inline-arrows .static-container{width:970px}}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{position:relative;margin-bottom:-150px;z-index:1}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading h2{margin:6% 0 3px;position:relative}.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button::before{content:url(https://cdn.syncfusion.com/content/images/FT/FileFormats/v2/pdf/arrow-icon.svg)}.showcase-sample-section .slider.slider--inline-arrows .flickity-prev-next-button.previous::before{content:url(https://cdn.syncfusion.com/content/images/products/dashboardoffer/left-arrow.png)}.showcase-sample-section .flickity-page-dots{bottom:25%!important;text-align:left!important;top:-87px;position:relative;z-index:1}.showcase-sample-section .flickity-page-dots .dot{background:#fff;opacity:.5;margin:0 4px}.showcase-sample-section .flickity-page-dots .is-selected{background:#fff!important;opacity:1}.showcase-sample-section .flickity-prev-next-button{top:84.5%;left:6%;width:35px;height:35px;opacity:.6;z-index:2;background:0 0}@media (min-width:992px){.showcase-sample-section .container{width:970px}}@media (min-width:2000px){.showcase-sample-section .flickity-prev-next-button{left:3.5%}}@media (max-width:991px){.showcase-sample-section{text-align:center;height:781px}.showcase-sample-section h2{padding-left:9%;padding-right:9%}.showcase-sample-section h5{margin-top:0}.showcase-sample-section .flickty_section{background:0 0!important;height:690px;padding:50px 0}.showcase-sample-section .flickty_section h2{padding-left:9%;padding-right:9%;font-size:20px!important;margin:0}.showcase-sample-section .flickty_section .content-section-fade{margin-top:0!important}.showcase-sample-section .flickty_section .testimonial .h3{font-size:20px!important;margin-top:65px;margin-bottom:10px}.showcase-sample-section .flickty_section .testimonial .inner-description{width:100%;margin-bottom:-15px;font-size:14px;padding-left:100px;padding-right:100px}.showcase-sample-section .flickty_section .testimonial .responsive-img img{display:inline;height:500px;margin:30px 0}.showcase-sample-section .flickity-page-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-40px}}@media (min-width:1200px){.showcase-sample-section .container,.showcase-sample-section .slider.slider--inline-arrows .static-container{width:1170px}.showcase-sample-section .flickty_section .testimonial .inner-description{font-size:16px!important;width:71%!important}.showcase-sample-section .flickty_section .testimonial .view-demo{padding:9px 20px;font-weight:600!important}.showcase-sample-section .flickty_section .testimonial .view-demo span{font-weight:600!important;font-size:14px!important}.showcase-sample-section .flickty_section .testimonial .view-more .button-content{font-size:16px!important;font-weight:600!important}.showcase-sample-section .flickity-prev-next-button.container{width:1069px}}@media (max-width:1200px) and (min-width:992px){.showcase-sample-section{height:610px}.showcase-sample-section .flickty_section .testimonial h2{font-size:33px!important;margin-bottom:30px!important}.showcase-sample-section .flickty_section .testimonial .inner-description{width:75%!important}}@media (max-width:1279px) and (min-width:992px){.showcase-sample-section{height:590px}}@media (min-width:992px) and (max-width:1200px){.showcase-sample-section .flickity-page-dots{top:-100px}.showcase-sample-section .flickity-prev-next-button{left:7%;top:82.5%}}@media (min-width:1920px) and (max-width:4000px){.showcase-sample-section .flickty_section{background-repeat:no-repeat}}@media (max-width:700px){.showcase-sample-section{height:710px}.showcase-sample-section .flickty_section .testimonial .responsive-img img{height:450px}}@media (max-width:767px) and (min-width:701px){.showcase-sample-section{height:800px!important}.showcase-sample-section .flickty_section{height:870px!important}.showcase-sample-section .flickty_section .testimonial .h3{margin-top:50px}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-115px!important}.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:850px!important}}@media (max-width:701px) and (min-width:650px){.showcase-sample-section{height:750px!important}.showcase-sample-section .flickty_section,.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:820px!important}.showcase-sample-section .flickty_section .testimonial .h3{margin-top:50px}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-115px!important}}@media (max-width:650px) and (min-width:636px){.showcase-sample-section{height:665px!important}.showcase-sample-section .flickty_section,.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:720px!important}.showcase-sample-section .flickty_section .testimonial .h3{margin-top:40px}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-120px!important}}@media (max-width:636px) and (min-width:501px){.showcase-sample-section,.showcase-sample-section .flickty_section,.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:800px!important}.showcase-sample-section .flickty_section .testimonial .h3{margin-top:40px}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-120px!important}}@media (max-width:650px) and (min-width:401px){.showcase-sample-section .flickty_section .testimonial .inner-description{padding-left:12%;padding-right:12%}.showcase-sample-section .flickty_section .testimonial .responsive-img img{height:365px}}@media (max-width:606px){.showcase-sample-section .flickty_section .testimonial .h3{margin-top:150px!important}}@media (max-width:501px) and (min-width:399px){.showcase-sample-section,.showcase-sample-section .flickty_section,.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:790px!important}.showcase-sample-section .flickty_section .testimonial .h3{font-size:20px!important;margin-top:100px!important}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-120px!important}}@media (max-width:399px) and (min-width:367px){.showcase-sample-section{height:730px!important}.showcase-sample-section .flickty_section{height:760px!important}.showcase-sample-section .flickty_section .testimonial .h3{margin-top:130px!important}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-165px!important}.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:780px!important}}@media (max-width:367px){.showcase-sample-section{height:760px!important}.showcase-sample-section .flickty_section{height:770px!important}.showcase-sample-section .flickty_section .testimonial .h3{font-size:20px!important}.showcase-sample-section .flickty_section .testimonial .view-demo span,.showcase-sample-section .flickty_section .testimonial .view-more .button-content{font-size:14px!important}.showcase-sample-section .flickty_section .testimonial .view-more{margin-bottom:10px!important}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-185px!important}.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:790px!important}}@media (max-width:500px){.showcase-sample-section .flickty_section .testimonial .inner-description{padding-left:6%;padding-right:6%}.showcase-sample-section .flickty_section .testimonial .view-more{display:block;margin:-20px 19% 0;padding:10px 15px;margin-bottom:35px!important}.showcase-sample-section .flickty_section .testimonial .view-demo{display:block;max-width:unset;margin-left:50px;margin-right:50px}.showcase-sample-section .flickty_section .testimonial .responsive-img img{height:auto}}@media (max-width:500px) and (min-width:450px){.showcase-sample-section .flickity-page-dots{top:-30px!important}}@media (max-width:450px) and (min-width:400px){.showcase-sample-section .flickity-page-dots{top:-48px!important}}@media (max-width:500px) and (min-width:200px){.flickity-prev-next-button.next{display:none}}@media (max-width:380px) and (min-width:368px){.showcase-sample-section .github-img{width:140px}.showcase-sample-section .flickty_section .testimonial .h3{font-size:20px!important}.showcase-sample-section .flickty_section .testimonial .inner-description{padding:0}.showcase-sample-section .flickty_section .testimonial .responsive-img img{height:auto!important}.showcase-sample-section .flickty_section .testimonial .view-demo{padding:10px 16px}.showcase-sample-section .flickty_section .testimonial .view-demo span,.showcase-sample-section .flickty_section .testimonial .view-more .button-content{font-size:14px!important}.showcase-sample-section .flickty_section .testimonial .view-more{margin:-30px 50px 22px}}@media (max-width:329px){.showcase-sample-section .flickty_section .testimonial .h3{margin-top:0}.showcase-sample-section .flickty_section .testimonial .view-demo{margin-left:30px;margin-right:30px}.showcase-sample-section .flickty_section .testimonial .view-more{margin-left:30px;margin-right:30px;margin-bottom:30px!important}}@media (max-width:768px){.showcase-sample-section{height:780px}.showcase-sample-section .flickty_section .testimonial .h3{font-size:18px!important}.showcase-sample-section .flickty_section .testimonial .inner-description{padding:0}}@media (max-width:991px) and (min-width:768px){.showcase-sample-section,.showcase-sample-section .flickty_section,.showcase-sample-section .slider.slider--inline-arrows .flickity-viewport{height:950px!important}.showcase-sample-section .flickty_section .testimonial .h3{font-size:20px!important;margin-top:100px!important}.showcase-sample-section .flickty_section .testimonial .inner-description,.showcase-sample-section .view-demo span,.showcase-sample-section .view-more .button-content{font-size:14px!important}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading{margin-bottom:-120px!important}.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading h2{font-size:26px!important}a.view-more{margin-right:50px}.flickity-prev-next-button{display:none}}@media (max-width:360px) and (min-width:280px){.showcase-sample-section .flickty_section .testimonial .h3{margin-top:165px!important}}@media (max-width:360px) and (min-width:320px){.showcase-sample-section .slider.slider--inline-arrows .static-container .static-heading h2{margin-top:14%!important}}@media (min-width:1200px){.showcase-sample-section .flickity-prev-next-button.container{width:1069px!important}}@media (min-width:992px){.showcase-sample-section .flickity-prev-next-button.container{width:860px}}li.slide{width:inherit}.showcase-sample-section .is-selected .content-section-fade{margin-top:130px}@media (min-width:1440px){.flickity-prev-next-button.previous{left:0!important}}.github-link{border:2px solid #fff!important;color:#fff!important;padding:10px 16px;border-radius:4px;font-size:16px;font-weight:600;height:48px;pointer-events:auto}.github-link:hover{background-color:transparent;opacity:.8}.github-icon{width:24px;display:inline-block;background:url(https://cdn.syncfusion.com/content/images/FT/Blazor/icons/github-icon.png) 0 0/22px no-repeat;height:24px;vertical-align:middle;margin-right:2px}.flickity-prev-next-button:hover{background:0 0!important}@media (max-width:1023px){#control-heading-section{padding:50px 0 0;padding-bottom:0!important}}.showcase-sample-section .flickity-container{width:100%;margin:auto}.showcase-sample-section .flickity-viewport{overflow:hidden;position:relative}.showcase-sample-section .flickity-slider{display:flex}.showcase-sample-section .slides{width:100%;box-sizing:border-box}.showcase-sample-section .slider .slides .flickity-slider>div:not([class*=col-]){width:100%}@media (max-width:767px){.showcase-sample-section .flickity-prev-next-button{top:93%!important;left:60%!important}}