/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
/********************************** Common  Colors ************************************/
#master-breadcrumb #breadcrumb {
  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 0px 21px 0;
  background: url("//cdn.syncfusion.com/content/images/home/new-seperator.png") no-repeat;
}
#master-breadcrumb #breadcrumb .bread-crumb-separator img {
  visibility: hidden;
}
#master-breadcrumb #breadcrumb .bread-crumb a {
  outline: medium none;
  text-decoration: none;
  color: #111;
}
#master-breadcrumb #breadcrumb .bread-crumb-last {
  cursor: default;
  font-weight: 600;
  color: #050505;
}

@media (min-width: 1820px) {
  #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;
  }
}
@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 0px 15px 0;
  }
}
@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 0px 15px 0;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator, #master-breadcrumb #breadcrumb .bread-crumb {
    display: none;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator:nth-last-child(2) {
    display: block;
  }
  #master-breadcrumb #breadcrumb .bread-crumb:nth-last-child(3) {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #master-breadcrumb #breadcrumb {
    height: 65px;
  }
  #master-breadcrumb #breadcrumb .content-small {
    margin: 15px 6px 15px 0;
    font-size: 12px;
  }
  #master-breadcrumb #breadcrumb .bread-crumb-separator {
    margin: 21px 0px 15px 0;
  }
}
/* Font sizes declaration */
/* Font family declaration */
body {
  color: #111;
  font-family: proxima-nova, sans-serif;
}

a {
  color: #0073DC;
  text-decoration: none;
}

a:hover {
  color: #0450C2;
  text-decoration: none;
  cursor: pointer;
}

.btn-custom {
  color: #237AC1;
  border: 1px solid #237AC1;
  outline: none !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: normal;
}

.bold {
  font-weight: 600;
}

.smaller {
  font-size: 10px;
}

.small {
  font-size: 12px;
}

.error {
  font-size: 13px;
}

.normal {
  font-size: 14px;
}

.medium {
  font-size: 16px;
}

.regular {
  font-size: 18px;
}

.big {
  font-size: 20px;
}

.bigger {
  font-size: 24px;
}

.ultra-big {
  font-size: 40px;
}

p {
  line-height: 25px;
}

@media (max-width: 1279px) and (min-width: 768px) {
  body {
    font-size: 13px;
  }
  .smaller {
    font-size: 9px;
  }
  .small {
    font-size: 11px;
  }
  .medium {
    font-size: 14px;
  }
  .regular {
    font-size: 16px;
  }
  .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;
  }
  h3, .h3 {
    font-size: 20px !important;
  }
  h4, .h4 {
    font-size: 16px !important;
  }
  h5, .h5 {
    font-size: 13px !important;
  }
  h6, .h6 {
    font-size: 11px !important;
  }
  p {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 11px;
  }
  .smaller {
    font-size: 8px;
  }
  .small {
    font-size: 10px;
  }
  .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;
  }
  h3, .h3 {
    font-size: 18px !important;
  }
  h4, .h4 {
    font-size: 14px !important;
  }
  h5, .h5 {
    font-size: 12px !important;
  }
  h6, .h6 {
    font-size: 10px !important;
  }
  p {
    line-height: 20px;
  }
}
.bg-lazy {
  background-image: none !important;
  background-color: #F1F1FA !important;
}

body {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
}

.banner-section-excel,
.banner-section-pdf,
.banner-section-word,
.banner-section-presentation {
  background-color: #130945;
  background-image: url("https://cdn.syncfusion.com/content/images/demo/demo-banner-bg.png");
  background-repeat: no-repeat;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  background-size: 100% 100%;
}
.banner-section-excel .text-center,
.banner-section-pdf .text-center,
.banner-section-word .text-center,
.banner-section-presentation .text-center {
  padding: 65px 0;
}

.segment#document-viewer-sdk .category-section .platform-segment .content {
    padding: 30px 0px 0px 40px;
}

    .segment#document-viewer-sdk .category-section .platform-segment .content .support-platform {
        font-size: 14px;
        font-weight: 600;
    }

.segment#document-viewer-sdk .category-section .platform-segment .supported-control {
    margin: 10px 0px 0px 0px;
}

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .dot {
        height: 3.5px;
        width: 3.5px;
        margin: 0 1px 2px 10px;
        background-color: #0057ff;
        border-radius: 50%;
        display: inline-block;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .framework-items {
        line-height: 30px;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .new-dot {
        height: 3.5px;
        width: 3.5px;
        background-color: #0057ff;
        border-radius: 50%;
        display: inline-block;
        margin: 0 1px 2px 40px;
    }    

.segment#document-viewer-sdk .category-section .platform-segment .supported-control {
    font-size: 14px;
    color: #0057ff;
}

@media (min-width: 1920px) {
  .banner-section-excel .text-center,
  .banner-section-pdf .text-center,
  .banner-section-word .text-center,
  .banner-section-presentation .text-center {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .banner-section-excel .text-center,
  .banner-section-pdf .text-center,
  .banner-section-word .text-center,
  .banner-section-presentation .text-center {
    padding: 65px 15px;
  }
}
.banner-section-excel .text-center h1,
.banner-section-pdf .text-center h1,
.banner-section-word .text-center h1,
.banner-section-presentation .text-center h1 {
  line-height: 42px;
  margin: 0 0 25px 0;
  color: white;
  font-size: 38px !important;
  font-weight: bold;
}
@media (min-width: 1920px) {
  .banner-section-excel .text-center h1,
  .banner-section-pdf .text-center h1,
  .banner-section-word .text-center h1,
  .banner-section-presentation .text-center h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .banner-section-excel .text-center h1,
  .banner-section-pdf .text-center h1,
  .banner-section-word .text-center h1,
  .banner-section-presentation .text-center h1 {
    font-size: 28px !important;
  }
}
@media (max-width: 992px) {
  .banner-section-excel .text-center h1,
  .banner-section-pdf .text-center h1,
  .banner-section-word .text-center h1,
  .banner-section-presentation .text-center h1 {
    line-height: 33px;
  }
}
.banner-section-excel .text-center h5,
.banner-section-pdf .text-center h5,
.banner-section-word .text-center h5,
.banner-section-presentation .text-center h5 {
  color: #EBEEFF;
  margin: 0 auto;
  width: 67%;
  text-align: center;
  line-height: 25px;
}
@media (max-width: 767px) {
  .banner-section-excel .text-center h5,
  .banner-section-pdf .text-center h5,
  .banner-section-word .text-center h5,
  .banner-section-presentation .text-center h5 {
    line-height: 20px;
  }
}

#demo-banner {
  padding: 50px 0px;
  background-image: url("https://syncfusion-contents.s3.amazonaws.com/content/images/demo/v1/main-demo-banner-bg.png");
  background-size: cover !important;
  background-position: center top;
  background-repeat: no-repeat;
}
#demo-banner h1 {
  margin: 0 !important;
}
#demo-banner .detail-page-banner-desc {
  color: #fff;
  margin: 20px 0 0;
  font-size: 17px;
}
@media (max-width: 767px) {
  #demo-banner .detail-page-banner-desc br {
    display: none;
  }
}
#demo-banner .main-demo-banner-content {
  padding-top: 66px;
}
#demo-banner .main-demo-banner-content .banner-sub-title {
  background: linear-gradient(0deg, rgba(213, 212, 255, 0.7803921569), rgba(213, 212, 255, 0.7803921569)), rgba(213, 212, 255, 0.7803921569);
  border-radius: 28.5px;
  width: -moz-max-content;
  width: max-content;
}
#demo-banner .main-demo-banner-content .banner-sub-title h2 {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #302E78;
  padding: 10px 16px 10px 16px;
}
@media (max-width: 1279px) and (min-width: 768px) {
  #demo-banner .main-demo-banner-content .banner-sub-title h2 {
    font-size: 14px !important;
  }
}
#demo-banner .main-demo-banner-content .banner-heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 54px;
  letter-spacing: 0.4px;
  padding: 10px 0px 35px 0px;
  color: #0F172A;
}
@media (max-width: 1024px) {
  #demo-banner .main-demo-banner-content .banner-heading {
    padding: 10px 0px 20px 0px;
  }
}
#demo-banner .main-demo-banner-content .main-explore-demo {
  background: #0057FF;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
}
#demo-banner .main-demo-banner-content .main-explore-demo .main-demo-banner-button {
  border-radius: 8px;
  width: 180px;
  height: 42px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-left: 8px;
  text-decoration: none;
}
#demo-banner .main-demo-banner-content .main-explore-demo .main-demo-banner-button span {
  padding-left: 10px;
  transform: rotate(90deg);
  margin-top: -10px;
}
#demo-banner .main-demo-banner-content .main-explore-demo:hover {
  background-color: #3278ff;
}
@media (min-width: 1200px) {
  #demo-banner .demo-banner-image {
    padding: 0px !important;
  }
}
#demo-banner .demo-banner-image img {
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  #demo-banner .demo-banner-image img {
    margin-left: 30px;
    margin-top: 30px;
  }
}

.banner-section-excel {
  background-image: url("https://cdn.syncfusion.com/content/images/demo/FileFormats/Excel-Banner-background.webp") !important;
  background-color: #0F6D2F;
  background-size: auto 100% !important;
  background-position: center top;
  background-repeat: no-repeat;
}

.banner-section-pdf {
  background-image: url("https://cdn.syncfusion.com/content/images/demo/FileFormats/Pdf-Banner-background.webp") !important;
  background-color: #FFCFC2;
  background-size: auto 100% !important;
  background-position: center top;
  background-repeat: no-repeat;
}

.banner-section-word {
  background-image: url("https://cdn.syncfusion.com/content/images/demo/FileFormats/Word-Banner-background.webp") !important;
  background-color: #003DB3;
  background-size: auto 100% !important;
  background-position: center top;
  background-repeat: no-repeat;
}

.banner-section-presentation {
  background-image: url("https://cdn.syncfusion.com/content/images/demo/FileFormats/PPT-Banner-background.webp") !important;
  background-color: #C54700;
  background-size: auto 100% !important;
  background-position: center top;
  background-repeat: no-repeat;
}

#static-menu {
  background: #fff !important;
  box-shadow: 0px 2px 8px rgba(90, 94, 250, 0.1);
}
#static-menu i {
  font-size: 13px;
}
#static-menu ul {
  display: flex;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
}
#static-menu ul .selected {
  font-weight: bold;
}
#static-menu ul li {
  font-size: medium;
  cursor: pointer;
  float: left;
  padding: 15px 0;
  text-align: center;
  color: #0F172A;
  letter-spacing: 0.6px;
  font-weight: 400;
  margin: 0% 2%;
}
@media (min-width: 767px) {
  #static-menu ul li {
    padding: 15px 20px;
  }
}
@media (max-width: 767px) {
  #static-menu ul li {
    width: 40%;
  }
}
@media (max-width: 766px) {
  #static-menu ul li {
    letter-spacing: 0px;
    font-size: small !important;
  }
}
@media (max-width: 375px) {
  #static-menu ul li {
    font-size: 12px !important;
  }
}
#static-menu ul li:hover {
  opacity: 1;
}
#static-menu ul li .content-medium {
  line-height: 21.79px;
}
@media (max-width: 992px) {
  #static-menu ul li .content-medium {
    padding: 0 22px;
  }
}
@media (max-width: 500px) {
  #static-menu ul li .content-medium {
    padding: 0 8px;
  }
}
@media (max-width: 375px) {
  #static-menu ul li .content-medium {
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  #static-menu ul li .content-medium {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
#static-menu ul .selected {
  color: #0057FF;
  opacity: 1;
  border-bottom: 3px solid #2D74D5;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
}
@media (max-width: 766px) {
  #static-menu ul {
    font-size: 14px !important;
    line-height: 0px;
  }
}

.xamarin-demo {
  padding-top: 40px;
}
.xamarin-demo .sync-tutorial-heading,
.xamarin-demo .real-world-heading {
  font-size: 33px;
  color: #1A1A1A;
  text-align: center;
  line-height: 57px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .xamarin-demo .sync-tutorial-heading,
  .xamarin-demo .real-world-heading {
    font-size: 26px !important;
    line-height: 35px;
    font-weight: 600;
    margin-top: 20px;
  }
}
.xamarin-demo .sync-tutorial-paragraph,
.xamarin-demo .real-world-paragraph {
  font-size: 16px;
  color: #4a5058;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  padding: 0px 80px;
}
@media (max-width: 767px) {
  .xamarin-demo .sync-tutorial-paragraph,
  .xamarin-demo .real-world-paragraph {
    padding: 0 20px;
    font-size: 14px;
    line-height: 26px;
  }
}

#document-solutions-demo,
#web-essential-js-1 {
  padding: 65px 0 25px 0;
}
#document-solutions-demo h2,
#web-essential-js-1 h2 {
  color: #949494;
  margin-top: 0;
  font-size: 28px;
  margin-bottom: 16px;
}
#document-solutions-demo h2 i,
#web-essential-js-1 h2 i {
  font-size: 22px;
}
#document-solutions-demo p,
#web-essential-js-1 p {
  font-size: 16px;
}
#document-solutions-demo .category-section,
#web-essential-js-1 .category-section {
  padding: 0 15px;
}
#document-solutions-demo .category-section .platform-segment,
#web-essential-js-1 .category-section .platform-segment {
  padding: 30px 45px 40px 0px;
}
#document-solutions-demo .category-section .platform-segment .img-responsive,
#web-essential-js-1 .category-section .platform-segment .img-responsive {
  margin: 0 0 26px 0 !important;
  max-height: 240px;
  max-width: 106%;
}
#document-solutions-demo .category-section .platform-segment p,
#web-essential-js-1 .category-section .platform-segment p {
  margin: 12px 0 20px !important;
  line-height: 21px !important;
}
#document-solutions-demo .category-section .platform-segment .platform-description,
#web-essential-js-1 .category-section .platform-segment .platform-description {
  font-size: 14px;
  color: #3D3D3D;
}
#document-solutions-demo .category-section .platform-segment .heading-link,
#web-essential-js-1 .category-section .platform-segment .heading-link {
  color: #1A1A1A;
  text-decoration: none;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.6px;
}
#document-solutions-demo .category-section .platform-segment .heading-link:hover,
#web-essential-js-1 .category-section .platform-segment .heading-link:hover {
  color: #000000;
  text-decoration: none;
}
#document-solutions-demo .category-section .platform-segment .js-links,
#web-essential-js-1 .category-section .platform-segment .js-links {
  padding: 0 0 14px 0;
}
#document-solutions-demo .category-section .platform-segment .js-links a,
#web-essential-js-1 .category-section .platform-segment .js-links a {
  color: #3B78E7;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
#document-solutions-demo .category-section .platform-segment .js-links a:hover,
#web-essential-js-1 .category-section .platform-segment .js-links a:hover {
  color: #276fe3;
  text-decoration: none;
}
#document-solutions-demo .ms-badge-icons,
#web-essential-js-1 .ms-badge-icons {
  margin-top: 15px;
}
#document-solutions-demo #app-icons a,
#web-essential-js-1 #app-icons a {
  margin-right: 10px;
}
#document-solutions-demo #app-icons .Windows-Icon,
#document-solutions-demo #app-icons .Github-Icon,
#document-solutions-demo #app-icons .DotnetCore-Icon,
#web-essential-js-1 #app-icons .Windows-Icon,
#web-essential-js-1 #app-icons .Github-Icon,
#web-essential-js-1 #app-icons .DotnetCore-Icon {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border-radius: 6.72px;
  background-color: #fff;
  margin-top: 3px;
}
#document-solutions-demo #app-icons .Windows-Icon:hover,
#document-solutions-demo #app-icons .Github-Icon:hover,
#document-solutions-demo #app-icons .DotnetCore-Icon:hover,
#web-essential-js-1 #app-icons .Windows-Icon:hover,
#web-essential-js-1 #app-icons .Github-Icon:hover,
#web-essential-js-1 #app-icons .DotnetCore-Icon:hover {
  opacity: 0.7;
}

@media (min-width: 1200px) {
  .curve-line-1 {
    position: relative;
    left: 206px;
    bottom: -505px;
    width: 153px;
  }
  .curve-line-2 {
    position: relative;
    left: 325px;
    bottom: -480px;
    width: 153px;
  }
  .curve-line-3 {
    position: relative;
    left: 460px;
    bottom: -505px;
    width: 153px;
  }
  #document-sdk-demo .platform-content.demos-content-right {
    margin-top: -20px;
  }
}
@media (max-width: 767px) {
  #demo-banner {
    padding: 25px 0px;
  }
  #demo-banner .main-demo-banner-content {
    text-align: center;
    padding-top: 0px;
  }
  #demo-banner .main-demo-banner-content .banner-sub-title,
  #demo-banner .main-demo-banner-content .main-explore-demo {
    margin-left: auto;
    margin-right: auto;
  }
  #demo-banner .main-demo-banner-content .banner-sub-title h2,
  #demo-banner .main-demo-banner-content .main-explore-demo h2 {
    font-size: 12px !important;
    padding: 6px 16px !important;
  }
  #demo-banner .main-demo-banner-content .banner-heading {
    line-height: 30px;
    padding: 10px 0px 20px 0px;
  }
  #demo-banner .demo-banner-image {
    text-align: center;
    padding-top: 40px;
  }
  .curve-line-1,
  .curve-line-2,
  .curve-line-3 {
    display: none;
  }
  .segment#desktop-demos .category-section .platform-segment #app-icons {
    padding: 0px !important;
  }
  .segment#desktop-demos .category-section .platform-segment .img-responsive {
    margin-left: 0% !important;
    padding: 0px 10px;
  }
  .segment#mobile-demos .category-section .platform-segment, .segment#document-viewer-sdk .category-section .platform-segment {
      padding: 30px 10px !important;
  }

  .segment#mobile-demos .category-section .platform-segment .platform-content, .segment#document-viewer-sdk .category-section .platform-segment .platform-content {
      padding: 20px 0px 0px 20px !important;
  }

  .segment#mobile-demos .category-section .platform-segment .heading-link, .segment#document-viewer-sdk .category-section .platform-segment .heading-link {
     margin-left: -34px;
  }

  .segment#mobile-demos .category-section .platform-segment .content-medium, .segment#document-viewer-sdk .category-section .platform-segment .content-medium {
      margin-left: -34px !important;
  }
  .segment#mobile-demos .category-section .platform-segment .small-btn {
    margin-left: 5px !important;
  }
  .segment#mobile-demos .category-section .platform-segment #app-icons {
    padding: 0px !important;
  }
  .segment#mobile-demos .category-section .platform-segment .img-responsive, .segment#document-viewer-sdk .category-section .platform-segment .img-responsive {
      margin-left: 0% !important;
      padding: 0px 10px;
  }
  .segment#mobile-demos .category-section .main-desc {
    font-size: 14px !important;
    padding: 0px 20px;
    line-height: 21px !important;
  }
  .segment#web-demos .category-section .main-desc,
  .segment#desktop-demos .category-section .main-desc {
    font-size: 14px !important;
  }
  .segment#web-demos .category-section .platform-description,
  .segment#desktop-demos .category-section .platform-description {
    padding-right: 0px !important;
  }
  #data-science .common-segment .content-section {
    padding-left: 15px !important;
    padding-top: 8% !important;
  }
  #data-science .common-segment .content-section .small-btn {
    margin-bottom: 0px;
  }
  #data-science .main-desc {
    padding: 0px !important;
    font-size: 14px !important;
  }
  #document-sdk-demo .row .category-section .platform-segment:nth-child(8) {
    padding: 30px 15px !important;
  }
    #document-sdk-demo h3 {
        text-align: center;
        font-weight: 700;
        font-size: 32px;
        line-height: 125%;
        letter-spacing: 0.4px;
        color: #0F172A;
        flex-basis: 100%;
        margin-top: -13px;
        margin-bottom: -9px;
    }
  #document-sdk-demo .platform-segment {
    padding: 0 15px !important;
  }
  #document-sdk-demo .platform-segment .heading-link {
    font-size: 20px !important;
    line-height: 0px !important;
  }
  #document-sdk-demo #app-icons {
    padding-bottom: 26px !important;
  }
  #document-sdk-demo .main-desc {
    padding: 1.5% 0% !important;
    font-size: 14px !important;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  .main-demo-banner-content {
    text-align: center;
    padding-top: 0px !important;
  }
    .segment#document-viewer-sdk .category-section .platform-segment .content {
        padding: 15px 0px 0px 0px !important;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .new-dot {
        margin: 0px !important;
    }
  .main-demo-banner-content .banner-sub-title,
  .main-demo-banner-content .main-explore-demo {
    margin-left: auto;
    margin-right: auto;
  }
  .main-demo-banner-content .banner-sub-title h2,
  .main-demo-banner-content .main-explore-demo h2 {
    font-size: 18px !important;
  }
  .demo-banner-image {
    text-align: center;
    padding-top: 40px;
  }
    .segment#document-viewer-sdk .category-section .platform-segment .content {
        padding: 15px 0px 0px 0px !important;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .new-dot {
        margin: 0px !important;
    }
  .curve-line-1,
  .curve-line-2,
  .curve-line-3 {
    display: none;
  }
    .segment#mobile-demos .category-section .platform-segment .platform-content, .segment#document-viewer-sdk .category-section .platform-segment .platform-content {
        padding: 0px 0px 0px 45px !important;
    }

    .segment#mobile-demos .category-section .platform-segment .heading-link, .segment#document-viewer-sdk .category-section .platform-segment .heading-link {
        padding: 0px !important;
    }

    .segment#mobile-demos .category-section .platform-segment .platform-description, .segment#document-viewer-sdk .category-section .platform-segment .platform-description {
        margin-left: -40px !important;
    }
  .segment#mobile-demos .category-section .platform-segment .small-btn {
    margin-left: 0px !important;
  }
  .segment#mobile-demos .category-section .platform-segment #app-icons {
    padding: 0px !important;
  }
  .segment#mobile-demos .category-section .platform-segment:last-child {
    border: none;
  }
  #data-science .common-segment .content-section .small-btn {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .main-demo-banner-content {
    text-align: center;
    padding-top: 0px !important;
  }
  .main-demo-banner-content .banner-sub-title,
  .main-demo-banner-content .main-explore-demo {
    margin-left: auto;
    margin-right: auto;
  }
  .demo-banner-image {
    text-align: center;
    padding-top: 40px;
  }
  .curve-line-1,
  .curve-line-2,
  .curve-line-3 {
    display: none;
  }
  #data-science .common-segment .img-responsive {
    margin-left: auto;
    margin-right: auto;
  }
  #data-science .common-segment .content-section .small-btn {
    margin-bottom: 0px;
  }
}
@media (max-width: 800px) and (min-width: 767px) {
  #data-science .container {
    margin-left: -5px;
  }
}
.segment#mobile-demos .category-section .platform-segment.demos-image-left .demos-image-right img, .segment#document-viewer-sdk .category-section .platform-segment.demos-image-left .demos-image-right img {
    margin-left: -5%;
}
@media (min-width: 767px) and (max-width: 1200px) {
    .segment#mobile-demos .category-section .platform-segment.demos-image-left .demos-image-right img, .segment#document-viewer-sdk .category-section .platform-segment.demos-image-left .demos-image-right img {
        margin-left: -6%;
    }
}
.segment#mobile-demos .category-section .platform-segment, .segment#document-viewer-sdk .category-section .platform-segment {
    padding: 20px 30px !important;
    padding-bottom: 60px !important;
}
    .segment#mobile-demos .category-section .platform-segment .platform-content, .segment#document-viewer-sdk .category-section .platform-segment .platform-content {
        padding-top: 40px;
    }
    .segment#mobile-demos .category-section .platform-segment .heading-link, .segment#document-viewer-sdk .category-section .platform-segment .heading-link {
        padding: 60px 0px 0px 40px;
    }
    .segment#mobile-demos .category-section .platform-segment .content-medium, .segment#document-viewer-sdk .category-section .platform-segment .content-medium {
        padding: 15px 0% 15px 40px !important;
    }
.segment#mobile-demos .category-section .platform-segment .small-btn {
  margin: 0px 0px 0px 40px;
}
.segment#mobile-demos .category-section .platform-segment .right-arrow {
  margin-left: 5px;
  margin-top: -2px;
}
.segment#mobile-demos .category-section .platform-segment #app-icons {
  padding: 0px 0px 0px 40px;
}
    .segment#mobile-demos .category-section .platform-segment .img-responsive, .segment#document-viewer-sdk .category-section .platform-segment .img-responsive {
        height: 300px;
        width: 480px;
        margin-left: -3%;
    }
    .segment#mobile-demos .category-section .platform-segment .demos-content-left, .segment#document-viewer-sdk .category-section .platform-segment .demos-content-left {
        margin-left: -4.6%;
    }
@media (min-width: 1024px) {
    .segment#mobile-demos .category-section .platform-segment .demos-content-left, .segment#document-viewer-sdk .category-section .platform-segment .demos-content-left {
        margin-left: -6.2%;
    }
}
@media (min-width: 767px) and (max-width: 990px) {
    .segment#mobile-demos .category-section .platform-segment .demos-content-left, .segment#document-viewer-sdk .category-section .platform-segment .demos-content-left {
        margin-left: -7%;
    }
}
.segment#mobile-demos .category-section .platform-segment .demos-image-right img, .segment#document-viewer-sdk .category-section .platform-segment .demos-image-right img {
    margin-left: 16%;
}
@media (min-width: 767px) and (max-width: 1200px) {
    .segment#mobile-demos .category-section .platform-segment .demos-image-right img, .segment#document-viewer-sdk .category-section .platform-segment .demos-image-right img {
        margin-left: 20%;
    }
}
.segment#mobile-demos .category-section #Javascript {
  border: none;
}

.segment#mobile-demos {
  background-color: #F8FAFC;
}
    .segment#mobile-demos .platform-content.demos-content-right, .segment#document-viewer-sdk .platform-content.demos-content-right {
        padding-left: 5% !important;
    }

#data-science {
  padding-top: 20px !important;
}
#data-science .image-section {
  padding-left: 4%;
}
@media (min-width: 780px) {
  #data-science .image-section {
    padding-left: 0%;
  }
}

div#data-science.content-left.align-right-segment {
  padding-top: 10px !important;
}

.segment#mobile-demos, .segment#desktop-demos {
  padding-bottom: 0px !important;
}

.segment#web-demos,
.segment#mobile-demos,
.segment#desktop-demos,
#data-science {
  padding: 10px 0px;
}
@media (min-width: 767px) {
  .segment#web-demos,
  .segment#mobile-demos,
  .segment#desktop-demos,
  #data-science {
    padding-bottom: 15px;
  }
}
.segment#web-demos .category-section .platform-content,
.segment#mobile-demos .category-section .platform-content,
.segment#desktop-demos .category-section .platform-content,
.segment#document-viewer-sdk .category-section .platform-content,
#data-science .category-section .platform-content {
    padding-top: 20px;
}
.segment#web-demos .category-section h2,
.segment#mobile-demos .category-section h2,
.segment#desktop-demos .category-section h2,
.segment#document-solutions .category-section h2,
#data-science .category-section h2 {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.4px;
    color: #0F172A;
    margin-top: 5.4%;
    margin-bottom: 2%;
}
@media (max-width: 767px) {
  .segment#web-demos .category-section h2,
  .segment#mobile-demos .category-section h2,
  .segment#desktop-demos .category-section h2,
  #data-science .category-section h2 {
    margin-top: 5%;
    margin-bottom: 3%;
    line-height: 30px;
  }
}
.segment#web-demos .category-section .main-desc,
.segment#mobile-demos .category-section .main-desc,
.segment#desktop-demos .category-section .main-desc,
.segment#document-viewer-sdk .category-section .main-desc,
#data-science .category-section .main-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #334155;
    padding: 0px 4%;
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .segment#web-demos .category-section .main-desc,
    .segment#mobile-demos .category-section .main-desc,
    .segment#desktop-demos .category-section .main-desc,
    .segment#document-viewer-sdk .category-section .main-desc,
    #data-science .category-section .main-desc {
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
    .segment#web-demos .category-section .platform-segment.Demos-rightSide-content,
    .segment#mobile-demos .category-section .platform-segment.Demos-rightSide-content,
    .segment#desktop-demos .category-section .platform-segment.Demos-rightSide-content,
    .segment#document-viewer-sdk .category-section .platform-segment.Demos-rightSide-content,
    #data-science .category-section .platform-segment.Demos-rightSide-content {
        padding: 20px 15px 40px 30px !important;
    }
    .segment#web-demos .category-section .platform-segment.Demos-leftSide-content,
    .segment#mobile-demos .category-section .platform-segment.Demos-leftSide-content,
    .segment#desktop-demos .category-section .platform-segment.Demos-leftSide-content,
    .segment#document-viewer-sdk .category-section .platform-segment.Demos-leftSide-content,
    #data-science .category-section .platform-segment.Demos-leftSide-content {
        padding: 20px 30px 10px 15px;
    }
}
.segment#web-demos .category-section .platform-segment,
.segment#mobile-demos .category-section .platform-segment,
.segment#desktop-demos .category-section .platform-segment,
.segment#document-viewer-sdk .category-section .platform-segment,
#data-science .category-section .platform-segment {
    padding: 20px 25px;
    padding-bottom: 40px;
}
    .segment#web-demos .category-section .platform-segment .img-responsive,
    .segment#mobile-demos .category-section .platform-segment .img-responsive,
    .segment#desktop-demos .category-section .platform-segment .img-responsive,
    .segment#document-viewer-sdk .category-section .platform-segment .img-responsive,
    #data-science .category-section .platform-segment .img-responsive {
        height: auto;
        width: auto;
        padding-bottom: 10px;
    }
    .segment#web-demos .category-section .platform-segment .platform-description,
    .segment#mobile-demos .category-section .platform-segment .platform-description,
    .segment#desktop-demos .category-section .platform-segment .platform-description,
    .segment#document-viewer-sdk .category-section .platform-segment .platform-description,
    #data-science .category-section .platform-segment .platform-description {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #334155;
        padding: 15px 68px 15px 0px;
        margin: 0px;
    }
@media (max-width: 992px) {
    .segment#web-demos .category-section .platform-segment .platform-description,
    .segment#mobile-demos .category-section .platform-segment .platform-description,
    .segment#desktop-demos .category-section .platform-segment .platform-description,
    .segment#document-viewer-sdk .category-section .platform-segment .platform-description,
    #data-science .category-section .platform-segment .platform-description {
        padding: 15px 0px 15px 0px;
    }
}
.segment#web-demos .category-section .platform-segment #app-icons a,
.segment#mobile-demos .category-section .platform-segment #app-icons a,
.segment#desktop-demos .category-section .platform-segment #app-icons a,
#data-science .category-section .platform-segment #app-icons a {
  margin-right: 10px;
}
.segment#web-demos .category-section .platform-segment #app-icons .Windows-Icon,
.segment#web-demos .category-section .platform-segment #app-icons .Github-Icon,
.segment#web-demos .category-section .platform-segment #app-icons .DotnetCore-Icon,
.segment#mobile-demos .category-section .platform-segment #app-icons .Windows-Icon,
.segment#mobile-demos .category-section .platform-segment #app-icons .Github-Icon,
.segment#mobile-demos .category-section .platform-segment #app-icons .DotnetCore-Icon,
.segment#desktop-demos .category-section .platform-segment #app-icons .Windows-Icon,
.segment#desktop-demos .category-section .platform-segment #app-icons .Github-Icon,
.segment#desktop-demos .category-section .platform-segment #app-icons .DotnetCore-Icon,
#data-science .category-section .platform-segment #app-icons .Windows-Icon,
#data-science .category-section .platform-segment #app-icons .Github-Icon,
#data-science .category-section .platform-segment #app-icons .DotnetCore-Icon {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border-radius: 6.72px;
  background-color: #fff;
  margin-top: 3px;
  margin-bottom: 20px;
}
.segment#web-demos .category-section .platform-segment #app-icons .Windows-Icon:hover,
.segment#web-demos .category-section .platform-segment #app-icons .Github-Icon:hover,
.segment#web-demos .category-section .platform-segment #app-icons .DotnetCore-Icon:hover,
.segment#mobile-demos .category-section .platform-segment #app-icons .Windows-Icon:hover,
.segment#mobile-demos .category-section .platform-segment #app-icons .Github-Icon:hover,
.segment#mobile-demos .category-section .platform-segment #app-icons .DotnetCore-Icon:hover,
.segment#desktop-demos .category-section .platform-segment #app-icons .Windows-Icon:hover,
.segment#desktop-demos .category-section .platform-segment #app-icons .Github-Icon:hover,
.segment#desktop-demos .category-section .platform-segment #app-icons .DotnetCore-Icon:hover,
#data-science .category-section .platform-segment #app-icons .Windows-Icon:hover,
#data-science .category-section .platform-segment #app-icons .Github-Icon:hover,
#data-science .category-section .platform-segment #app-icons .DotnetCore-Icon:hover {
  opacity: 0.7;
}
.segment#web-demos .category-section .platform-segment #app-icons .DotnetCore-Icon,
.segment#mobile-demos .category-section .platform-segment #app-icons .DotnetCore-Icon,
.segment#desktop-demos .category-section .platform-segment #app-icons .DotnetCore-Icon,
#data-science .category-section .platform-segment #app-icons .DotnetCore-Icon {
  box-shadow: none !important;
  width: 40px;
  margin-top: 1px;
}
.segment#web-demos .category-section .platform-segment #app-icons .Windows-Icon, .segment#web-demos .category-section .platform-segment #app-icons .Github-Icon,
.segment#mobile-demos .category-section .platform-segment #app-icons .Windows-Icon,
.segment#mobile-demos .category-section .platform-segment #app-icons .Github-Icon,
.segment#desktop-demos .category-section .platform-segment #app-icons .Windows-Icon,
.segment#desktop-demos .category-section .platform-segment #app-icons .Github-Icon,
#data-science .category-section .platform-segment #app-icons .Windows-Icon,
#data-science .category-section .platform-segment #app-icons .Github-Icon {
  margin-top: 0px;
}
.segment#web-demos .category-section .platform-segment .heading-link,
.segment#mobile-demos .category-section .platform-segment .heading-link,
.segment#desktop-demos .category-section .platform-segment .heading-link,
.segment#document-viewer-sdk .category-section .platform-segment .heading-link,
#data-science .category-section .platform-segment .heading-link {
    color: #0F172A;
    text-decoration: none;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 0.6px;
}
@media (max-width: 767px) {
    .segment#web-demos .category-section .platform-segment .heading-link,
    .segment#mobile-demos .category-section .platform-segment .heading-link,
    .segment#desktop-demos .category-section .platform-segment .heading-link,
    .segment#document-viewer-sdk .category-section .platform-segment .heading-link,
    #data-science .category-section .platform-segment .heading-link {
        font-size: 16px;
        line-height: 22px;
    }
}
.segment#web-demos .category-section .platform-segment .heading-link:hover,
.segment#mobile-demos .category-section .platform-segment .heading-link:hover,
.segment#desktop-demos .category-section .platform-segment .heading-link:hover,
.segment#document-viewer-sdk .category-section .platform-segment .heading-link:hover,
#data-science .category-section .platform-segment .heading-link:hover {
    color: #000000;
    text-decoration: none;
}
.segment#web-demos .category-section .platform-segment .js-links,
.segment#mobile-demos .category-section .platform-segment .js-links,
.segment#desktop-demos .category-section .platform-segment .js-links,
#data-science .category-section .platform-segment .js-links {
  padding: 0 0 14px 0;
}
.segment#web-demos .category-section .platform-segment .js-links a,
.segment#mobile-demos .category-section .platform-segment .js-links a,
.segment#desktop-demos .category-section .platform-segment .js-links a,
#data-science .category-section .platform-segment .js-links a {
  color: #3B78E7;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.segment#web-demos .category-section .platform-segment .js-links a:hover,
.segment#mobile-demos .category-section .platform-segment .js-links a:hover,
.segment#desktop-demos .category-section .platform-segment .js-links a:hover,
#data-science .category-section .platform-segment .js-links a:hover {
  color: #276fe3;
  text-decoration: none;
}

.file-formats-section {
  background: linear-gradient(180deg, #FCFDFF 0%, #F4F8FF 101.89%);
  border-radius: 2px;
}

.document-solutions-section #document-viewer-sdk {
    margin-bottom: 40px;
}

.file-formats-section h2 {
  display: block !important;
}

#document-sdk-demo .doc-sub-heading, #document-viewer-sdk .doc-sub-heading {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.4px;
    color: #0F172A;
    margin-top: 5%;
    margin-bottom: 4%;
    margin-left: 15px;
}

#document-sdk-demo {
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 40px;
  row-gap: 36px;
}
#document-sdk-demo h2 {
  margin-top: -9px;
  margin-bottom: -9px;
  width: 100%;
}
#document-sdk-demo .platform-segment {
  padding: 0px 45px 20px 0px;
  text-align: center;
}
#document-sdk-demo .platform-segment .platform-content {
  display: flex;
  flex-direction: column;
}
#document-sdk-demo .platform-segment .platform-content #app-icons, #document-sdk-demo .platform-segment .platform-content .app-navigation {
  margin-top: auto;
}
#document-sdk-demo .platform-segment .img-responsive {
  margin-left: 27%;
  aspect-ratio: 34/31;
  width: 71%;
}
@media (max-width: 1200px) and (min-width: 768px) {
  #document-sdk-demo .platform-segment .img-responsive {
    margin-left: 36%;
    margin-bottom: -5%;
    width: 40%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #document-sdk-demo .platform-segment .img-responsive {
    margin-left: 100px;
    margin-bottom: -5%;
    width: 54%;
  }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .framework-items {
        line-height: 25px;
        font-size: 12px;
    }

    .segment#web-demos .category-section .platform-segment .heading-link,
    .segment#mobile-demos .category-section .platform-segment .heading-link,
    .segment#desktop-demos .category-section .platform-segment .heading-link,
    .segment#document-viewer-sdk .category-section .platform-segment .heading-link,
    #data-science .category-section .platform-segment .heading-link {
        font-size: 20px !important;
    }
}
@media (max-width: 767px) and (min-width: 650px) {
  #document-sdk-demo .platform-segment .img-responsive {
    margin-left: 41%;
    width: 27.5%;
    margin-bottom: 5%;
  }
}
@media (max-width: 640px) and (min-width: 460px) {
  #document-sdk-demo .platform-segment .img-responsive {
    margin-left: 38%;
    width: 38.2%;
  }
}
@media (max-width: 460px) {
  #document-sdk-demo .platform-segment .img-responsive {
    margin-left: 35%;
    width: 44.3%;
  }
}
#document-sdk-demo .platform-segment .heading-link {
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: #0F172A;
}
#document-sdk-demo .platform-segment .content-medium {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #334155;
  padding: 5% 5% 0px 5%;
}
@media (max-width: 992px) {
  #document-sdk-demo .platform-segment .content-medium {
    padding: 5% 13% 0px 13%;
  }
}
@media (max-width: 480px) {
  #document-sdk-demo .platform-segment .content-medium {
    padding-top: 7%;
  }
}
#document-sdk-demo .platform-segment .small-btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #006aff;
  background: none;
  box-shadow: none;
  flex-direction: row;
  justify-content: center;
  display: flex;
  margin-top: auto;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}
#document-sdk-demo .platform-segment .right-arrow {
  font-size: 23px;
  margin-left: 5px;
  margin-top: -2px;
}
#document-sdk-demo .platform-segment .small-btn:hover {
  color: #0450c2;
}

h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  letter-spacing: 0.4px;
  color: #0F172A;
}

#document-sdk-demo .main-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #334155;
    margin-bottom: -9px;
}
@media (max-width: 992px) {
  .main-desc {
    padding: 0 0%;
  }
}

#document-solutions-demo,
.data-platform-demo-page {
  background-color: #fff;
}

#data-science .common-segment {
  padding: 10px 0px 80px 0px !important;
}
@media (max-width: 767px) {
  #data-science .common-segment {
    padding: 10px 0px 20px 0px !important;
  }

    .segment#document-viewer-sdk .category-section .platform-segment .content {
        padding: 20px 0px 0px 0px;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .new-dot {
        margin: 0px !important;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .content .support-platform {
        font-size: 12px !important;
    }

    .segment#document-viewer-sdk .category-section .platform-segment .supported-control .framework-items {
        line-height: 25px !important;
        font-size: 10px;
    }
}
#data-science .common-segment .content-section {
  padding: 3% 0% 0% 11%;
}
#data-science .main-desc {
  padding: 15px 0px;
}

.small-btn {
  background-color: #0057FF;
  color: #fff;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.07px;
  border: 0px;
  outline: none;
  text-decoration: none;
  border-radius: 4px;
  margin-bottom: 16px;
}
.small-btn:hover, .small-btn:focus, .small-btn:active {
  background-color: #3278ff;
  color: #fff;
}

.mobile-section-demo-page {
  padding: 65px 0 15px 0;
}
.mobile-section-demo-page .container h2 {
  font-size: 28px;
  color: #949494;
}
.mobile-section-demo-page .container .ms-badge-icons {
  margin-top: 15px;
}
.mobile-section-demo-page .container .category-section {
  padding: 0 15px;
}
.mobile-section-demo-page .container .category-section .mobile-demo-section {
  margin-top: 0;
}
.mobile-section-demo-page .container .category-section .content-left {
  padding: 30px 0 50px;
}
.mobile-section-demo-page .container .heading-link {
  color: #000000;
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
}
.mobile-section-demo-page .container .heading-link:hover {
  color: #000000;
  text-decoration: none;
}
.mobile-section-demo-page .medium {
  margin: 10px 0 20px;
}
.mobile-section-demo-page #app-icons a {
  margin-right: 10px;
}
.mobile-section-demo-page #app-icons .Windows-Icon,
.mobile-section-demo-page #app-icons .Github-Icon,
.mobile-section-demo-page #app-icons .DotnetCore-Icon {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border-radius: 6.72px;
  background-color: #fff;
}
.mobile-section-demo-page #app-icons .Windows-Icon:hover,
.mobile-section-demo-page #app-icons .Github-Icon:hover,
.mobile-section-demo-page #app-icons .DotnetCore-Icon:hover {
  opacity: 0.7;
}
.mobile-section-demo-page #Mobile-Application .container .common-segment {
  padding: 0;
}
.mobile-section-demo-page #Mobile-Application .container .common-segment .image-section {
  padding: 0;
}
.mobile-section-demo-page #Mobile-Application .container .common-segment .content-section {
  padding: 30px 0 0;
}

@media (max-width: 767px) {
  .data-platform-demo-page {
    padding: 30px 0px 50px 0px !important;
  }
  .data-platform-demo-page .container .heading-link {
    font-size: 20px !important;
  }
}
.data-platform-demo-page .container h2 {
  font-size: 28px;
  color: #949494;
}
.data-platform-demo-page .container .category-section {
  padding: 0 15px;
}
.data-platform-demo-page .container .category-section .dataplatform-demo-section {
  margin-top: 0;
}
.data-platform-demo-page .container .category-section .content-left {
  padding: 30px 0 50px;
}
.data-platform-demo-page .container .heading-link {
  color: #000000;
  text-decoration: none;
  font-size: 24px;
  letter-spacing: 0px;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 33px;
}
.data-platform-demo-page .container .heading-link:hover {
  color: #000000;
  text-decoration: none;
}
.data-platform-demo-page .medium {
  margin: 10px 0 20px;
}
.data-platform-demo-page #Mobile-Application .container .common-segment {
  padding: 0;
}
.data-platform-demo-page #Mobile-Application .container .common-segment .image-section {
  padding: 0;
  width: 65%;
}
@media (max-width: 767px) {
  .data-platform-demo-page #Mobile-Application .container .common-segment .image-section {
    width: 90%;
  }
}
@media (max-width: 1279px) {
  .data-platform-demo-page #Mobile-Application .container .common-segment .image-section img {
    width: 90%;
  }
}
.data-platform-demo-page #Mobile-Application .container .common-segment .content-section {
  padding: 30px 0 0;
  width: 35%;
}
@media (max-width: 1023px) {
  .data-platform-demo-page #Mobile-Application .container .common-segment .content-section {
    width: 36%;
    padding: 30px 0 0;
  }
}
@media (max-width: 767px) {
  .data-platform-demo-page #Mobile-Application .container .common-segment .content-section {
    width: 100%;
  }
}

#detail .common-segment {
  padding: 65px 0;
}
#detail .content-section {
  padding: 0;
}
#detail .medium {
  margin: 30px 0 20px;
}
@media (max-width: 992px) {
  #detail #app-icons {
    text-align: center;
  }
}
#detail #app-icons a {
  margin-right: 10px;
}
#detail #app-icons a .google-play {
  margin-top: 10px;
  width: 28%;
}
@media (max-width: 992px) {
  #detail #app-icons a .google-play {
    width: 23%;
  }
}
@media (max-width: 500px) {
  #detail #app-icons a .google-play {
    width: 29%;
  }
}
#detail #app-icons a .google-play:hover {
  opacity: 0.8;
}
#detail #app-icons a .apple-store,
#detail #app-icons a .google-play-flutter,
#detail #app-icons a .microsoft-flutter,
#detail #app-icons a .appcenter-flutter,
#detail #app-icons a .snapstore-flutter,
#detail #app-icons a .sample-browser-flutter,
#detail #app-icons a .github-flutter {
  margin-top: 25px;
  width: 45%;
}
#detail #app-icons a .apple-store:hover,
#detail #app-icons a .google-play-flutter:hover,
#detail #app-icons a .microsoft-flutter:hover,
#detail #app-icons a .appcenter-flutter:hover,
#detail #app-icons a .snapstore-flutter:hover,
#detail #app-icons a .sample-browser-flutter:hover,
#detail #app-icons a .github-flutter:hover {
  opacity: 0.8;
}
@media (max-width: 992px) and (min-width: 501px) {
  #detail #app-icons a .apple-store,
  #detail #app-icons a .google-play-flutter,
  #detail #app-icons a .microsoft-flutter,
  #detail #app-icons a .appcenter-flutter,
  #detail #app-icons a .snapstore-flutter,
  #detail #app-icons a .sample-browser-flutter,
  #detail #app-icons a .github-flutter {
    width: 30%;
  }
}
#detail .flutter-app-icons {
  text-align: left !important;
}

.Flutter,
.Javascript,
.REPORT-PLATFORM,
.Big-Data-Platform,
.MAUI {
  float: right;
}
@media (max-width: 1023px) {
  .Flutter,
  .Javascript,
  .REPORT-PLATFORM,
  .Big-Data-Platform,
  .MAUI {
    float: none;
  }
}

@media (max-width: 1023px) {
  .align-right-segment .content-section {
    padding: 30px 0 0;
  }
  .align-left-segment .content-section {
    padding: 30px 0 0 !important;
  }
}
@media (max-width: 767px) {
  .android-icon {
    width: 42%;
  }
  .apple-icon {
    width: 40%;
  }
}
@media (max-width: 1279px) {
  #document-sdk-demo .android-icon,
  #detail .android-icon {
    width: 42%;
  }
  #document-sdk-demo .apple-icon,
  #detail .apple-icon {
    width: 40%;
  }
}
#dashboard-enduser-developer-demo {
  padding-left: 0px;
}
#dashboard-enduser-developer-demo .dashboard-demo {
  margin-bottom: 12px;
}

.back-to-top {
  position: fixed;
  width: 3.71428571em;
  height: 3.71428571em;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  right: 1.85714286em;
  bottom: 8.714286em;
  padding-top: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
  z-index: 99;
  border: 1px solid #ececec;
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
}

.back-to-top i {
  color: #1a1a1a;
}

.back-to-top:not(.active) {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
  pointer-events: none;
}

.app-navigation-button {
  padding: 0;
}
@media (max-width: 767px) {
  .app-navigation-button {
    padding-top: 10px;
  }
}
.app-navigation-button .app-icon {
  display: inline-block;
  height: 50px;
  width: 32%;
  background-size: 339% !important;
}
@media (max-width: 1200px) {
  .app-navigation-button .app-icon {
    height: 50px;
    height: 62px;
  }
}
@media (max-width: 992px) {
  .app-navigation-button .app-icon {
    height: 50px;
    width: 128px;
    background-size: 294% !important;
  }
}
.app-navigation-button .appstore-icon {
  background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -8px -6px no-repeat;
}
@media (max-width: 1279px) {
  .app-navigation-button .appstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -4px -6px no-repeat;
  }
}
@media (max-width: 992px) {
  .app-navigation-button .appstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -5px -5px no-repeat;
  }
}
.app-navigation-button .ms-badge-icon {
  background: url("https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png") -366px -6px no-repeat;
}
@media (max-width: 1199px) {
  .app-navigation-button .ms-badge-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png") -305px -6px no-repeat;
  }
}
@media (max-width: 992px) {
  .app-navigation-button .ms-badge-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png") -262px -6px no-repeat;
  }
}
.app-navigation-button .playstore-icon {
  background: url("https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png") -188px -3px no-repeat;
}
@media (max-width: 1199px) {
  .app-navigation-button .playstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png") -157px -6px no-repeat;
  }
}
@media (max-width: 992px) {
  .app-navigation-button .playstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png") -134px -3px no-repeat;
  }
}

.app-navigation {
  padding: 0;
}
.app-navigation .app-icon {
  display: inline-block;
  width: 45%;
  background-size: 216% !important;
}
@media (max-width: 1200px) {
  .app-navigation .app-icon {
    height: 62px;
  }
}
@media (max-width: 992px) {
  .app-navigation .app-icon {
    height: 47px;
    width: 130px;
    background-size: 214% !important;
  }
}
.app-navigation .appstore-icon {
  margin-left: 10px;
  background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -5px -6px no-repeat;
}
@media (max-width: 1279px) {
  .app-navigation .appstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -4px -6px no-repeat;
  }
}
@media (max-width: 992px) {
  .app-navigation .appstore-icon {
    margin-left: 0px;
    background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -5px -5px no-repeat;
  }
}
.app-navigation .playstore-icon {
  background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -169px -6px no-repeat;
}
@media (max-width: 1199px) {
  .app-navigation .playstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -134px -6px no-repeat;
  }
}
@media (max-width: 992px) {
  .app-navigation .playstore-icon {
    background: url("https://cdn.syncfusion.com/content/images/common/appstore-icons/app-store-icons.png") -144px -5px no-repeat;
  }
}

#new-demo-banner {
  background-color: transparent;
  background-size: auto 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background: url(https://cdn.syncfusion.com/content/images/demo/xamarin/xamarin-demo-bg.png);
}
#new-demo-banner .banner-text {
  padding-top: 3em;
}
#new-demo-banner .img-right-banner {
  width: 100%;
}
#new-demo-banner h1 {
  font-size: 44px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0;
  line-height: 60px;
  padding-right: 50px;
  margin: 2em 0 2.5em 0;
}
#new-demo-banner .banner-buttons-top {
  padding-left: 0px !important;
  margin-top: 20px;
}
#new-demo-banner .banner-buttons-top a {
  margin-right: 10px;
}
#new-demo-banner .banner-buttons-top .google-play {
  height: 54px;
  width: 180px;
  margin-right: 0px;
}
#new-demo-banner .banner-buttons-top .google-play:hover {
  opacity: 0.8;
}
#new-demo-banner .banner-buttons-top .microsoft {
  height: 52px;
  width: 144px;
}
#new-demo-banner .banner-buttons-top .microsoft:hover {
  opacity: 0.8;
}
#new-demo-banner .banner-buttons-top .github {
  margin-top: 15px;
  height: 54px;
  width: 213px;
}
#new-demo-banner .banner-buttons-top .github:hover {
  opacity: 0.8;
}

.new-layout .new-content {
  padding-top: 4em;
}
.new-layout .new-content h2 {
  font-size: 33px;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 57px;
  font-weight: 600;
}
.new-layout .new-content .title-description,
.new-layout .new-content .sync-desc {
  font-size: 16px;
  color: #4a5058;
  letter-spacing: 0;
  line-height: 28px;
}
.new-layout .new-content .app-buttons {
  margin: 10px 0;
  padding-left: 0px !important;
  margin-bottom: 9px;
}
.new-layout .new-content .app-buttons a {
  margin-right: 15px;
}
.new-layout .new-content .app-buttons .github {
  height: 54px;
  width: 213px;
  margin-top: 15px;
}
.new-layout .new-content .app-buttons .github:hover {
  opacity: 0.8;
}
.new-layout .new-content .app-buttons .github-xamarin {
  height: 54px;
  width: 213px;
  margin-top: 5px;
}
.new-layout .new-content .app-buttons .github-xamarin:hover {
  opacity: 0.8;
}
.new-layout .new-content .app-buttons .google-play {
  height: 54px;
  width: 181px;
  margin-top: 15px;
}
.new-layout .new-content .app-buttons .google-play:hover {
  opacity: 0.8;
}
.new-layout .new-content .app-buttons .microsoft,
.new-layout .new-content .app-buttons .apple-store {
  height: 52px;
  width: 144px;
  margin-top: 15px;
}
.new-layout .new-content .app-buttons .microsoft:hover,
.new-layout .new-content .app-buttons .apple-store:hover {
  opacity: 0.8;
}
.new-layout .new-content .key-features,
.new-layout .new-content .sync-controls {
  font-size: 19px;
  color: #1A1A1A;
  letter-spacing: 0;
  line-height: 57px;
  font-weight: 600;
}
.new-layout .new-content ul li {
  font-size: 16px;
  color: #4a5058;
  letter-spacing: 0;
  line-height: 40px;
}
.new-layout .new-content .all-control-list {
  margin-top: 10px;
  line-height: 35px;
}
.new-layout .new-content .all-control-list .sync-control-list,
.new-layout .new-content .all-control-list .sync-control-list-left {
  font-size: 16px;
  color: #0073DC;
  letter-spacing: 0;
  line-height: 28px;
  width: auto;
  padding: 5px 22px 0 0;
}
.new-layout .new-content .all-control-list .sync-control-list:hover,
.new-layout .new-content .all-control-list .sync-control-list-left:hover {
  text-decoration: underline;
}
.new-layout .image-content {
  padding: 5em 0 0 0;
  text-align: center;
}
.new-layout .image-content .xamarin-ui-control-image {
  width: 70%;
}
.new-layout .image-content .essential-ui-image {
  width: 70%;
}
.new-layout .image-content .loan-calculator {
  width: 70%;
}
.new-layout .image-content .expense-analysis {
  width: 70%;
  padding: 0 0 5em 0;
}
.new-layout .img-bottom {
  display: none;
}

@media (min-width: 1950px) {
  #new-demo-banner {
    background-size: 100% !important;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  #new-demo-banner {
    text-align: center;
  }
  #new-demo-banner .banner-text {
    padding-top: 2em;
  }
  #new-demo-banner h1 {
    line-height: 36px;
    font-size: 30px !important;
    margin: 15px;
    padding-right: 0px;
  }
  #new-demo-banner .banner-buttons-top {
    margin-top: 0px !important;
  }
  #new-demo-banner .banner-buttons-top .google-play {
    height: 33.3px;
    width: 111.4px;
  }
  #new-demo-banner .banner-buttons-top .microsoft {
    height: 32.2px;
    width: 88.7px;
  }
  #new-demo-banner .banner-buttons-top .github {
    height: 34px;
    width: 131px;
  }
  .new-layout .new-content {
    padding-top: 0px;
  }
  .new-layout .new-content h2 {
    letter-spacing: 0;
    line-height: 35px;
    font-size: 26px !important;
    padding-top: 10px;
  }
  .new-layout .new-content .app-buttons .github {
    height: auto;
    width: 25%;
  }
  .new-layout .new-content .app-buttons .github-xamarin {
    height: auto;
    width: 25%;
  }
  .new-layout .new-content .app-buttons .microsoft,
  .new-layout .new-content .app-buttons .apple-store {
    height: auto;
    width: 18%;
  }
  .new-layout .new-content .app-buttons .google-play {
    height: auto;
    width: 22%;
  }
  .new-layout .new-content .key-features,
  .new-layout .new-content .sync-controls {
    line-height: 35px;
  }
  .new-layout .title-description,
  .new-layout .sync-desc {
    font-size: 14px !important;
    line-height: 26px !important;
  }
  .new-layout ul li {
    font-size: 14px !important;
    line-height: 30px !important;
  }
  .new-layout .all-control-list {
    line-height: 25px;
  }
  .new-layout .all-control-list .sync-control-list {
    font-size: 14px !important;
    padding: 0 48px 0 0 !important;
  }
  .new-layout .all-control-list .sync-control-list-left {
    font-size: 14px !important;
    padding: 0 48px 0 0 !important;
  }
  .new-layout .image-content {
    padding: 1em 0 0 0;
  }
  .new-layout .image-content .xamarin-ui-control-image {
    width: 60%;
  }
  .new-layout .image-content .essential-ui-image {
    width: 60%;
    padding: 0 0 1em 0;
  }
  .new-layout .image-content .expense-analysis {
    width: 60%;
  }
  .new-layout .image-content .loan-calculator {
    width: 60%;
  }
  .new-layout .img-top {
    display: none;
  }
  .new-layout .img-bottom {
    display: unset;
  }
}
@media (min-width: 575px) and (max-width: 768px) {
  #new-demo-banner .img-right-banner {
    width: 47%;
  }
  .new-layout .image-content {
    padding: 1em 0 0 0;
  }
  .new-layout .image-content .xamarin-ui-control-image {
    width: 50%;
  }
  .new-layout .image-content .essential-ui-image {
    width: 50%;
  }
  .new-layout .image-content .expense-analysis {
    width: 50%;
  }
  .new-layout .image-content .loan-calculator {
    width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 575px) {
  #new-demo-banner .img-right-banner {
    width: 65%;
  }
  .new-layout .new-content .app-buttons .github {
    height: auto;
    width: 44%;
  }
  .new-layout .new-content .app-buttons .github-xamarin {
    height: auto;
    width: 34%;
  }
  .new-layout .new-content .app-buttons .microsoft,
  .new-layout .new-content .app-buttons .apple-store {
    height: auto;
    width: 25%;
  }
  .new-layout .new-content .app-buttons .google-play {
    height: auto;
    width: 30%;
  }
  .new-layout .image-content {
    padding: 1em 0 0 0;
  }
  .new-layout .image-content .xamarin-ui-control-image {
    width: 60%;
  }
  .new-layout .image-content .essential-ui-image {
    width: 60%;
  }
  .new-layout .image-content .expense-analysis {
    width: 60%;
  }
  .new-layout .image-content .loan-calculator {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #new-demo-banner {
    text-align: unset;
  }
  #new-demo-banner .banner-text {
    padding-top: 2em;
  }
  #new-demo-banner .img-right-banner {
    width: 100%;
  }
  #new-demo-banner h1 {
    line-height: 32px !important;
    font-size: 24px !important;
    margin: 70px 0;
  }
  #new-demo-banner .banner-buttons-top {
    margin-top: 0px !important;
  }
  #new-demo-banner .banner-buttons-top .google-play {
    height: 33px;
    width: 111px;
  }
  #new-demo-banner .banner-buttons-top .microsoft {
    height: 32.2px;
    width: 88px;
  }
  #new-demo-banner .banner-buttons-top .github {
    height: 34px;
    width: 131px;
  }
  .new-layout .new-content {
    padding-top: 2em;
  }
  .new-layout .new-content .title-description,
  .new-layout .new-content .sync-desc {
    font-size: 14px !important;
  }
  .new-layout .new-content ul li {
    font-size: 14px;
    line-height: 30px;
  }
  .new-layout .new-content .all-control-list .sync-control-list {
    font-size: 14px;
    padding: 0 48px 0 0;
  }
  .new-layout .new-content .all-control-list .sync-control-list-left {
    font-size: 14px;
    padding: 0 48px 0 0;
  }
  .new-layout .image-content {
    padding: 1em 0 0 0;
  }
  .new-layout .image-content .xamarin-ui-control-image {
    width: 50%;
  }
  .new-layout .image-content .essential-ui-image {
    width: 50%;
  }
  .new-layout .image-content .expense-analysis {
    width: 50%;
  }
  .new-layout .image-content .loan-calculator {
    width: 50%;
  }
  .new-layout .img-bottom {
    display: unset;
  }
  .new-layout .img-top {
    display: none;
  }
  #static-menu ul li {
    font-size: 14px;
    padding: 15px 0px;
  }
  #static-menu ul .selected {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  #new-demo-banner h1 {
    font-size: 36px !important;
    margin: 125px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #new-demo-banner h1 {
    line-height: 40px;
    margin: 90px 0;
  }
  #new-demo-banner .img-right-banner {
    width: 100%;
  }
  #new-demo-banner .banner-text {
    padding-top: 2.5em;
  }
  #new-demo-banner .banner-buttons-top .google-play {
    height: 45px;
    width: 145px;
    margin-right: 0px;
  }
  #new-demo-banner .banner-buttons-top .microsoft {
    height: 45px;
    width: 135px;
  }
  #new-demo-banner .banner-buttons-top .github {
    height: 45px;
    width: 180px;
  }
  .new-layout .new-content .all-control-list .sync-control-list,
  .new-layout .new-content .all-control-list .sync-control-list-left {
    padding: 0 16px 0 0;
  }
  .new-layout .new-content ul li {
    line-height: 25px;
    margin-bottom: 10px;
  }
  .new-layout .new-content .app-buttons .github {
    height: 45px;
    width: 180px;
  }
  .new-layout .new-content .app-buttons .github-xamarin {
    height: 45px;
    width: 180px;
  }
  .new-layout .new-content .app-buttons .google-play {
    height: 45px;
    width: 145px;
  }
  .new-layout .new-content .app-buttons .microsoft {
    height: 44px;
    width: 127px;
  }
  .new-layout .new-content .app-buttons .apple-store {
    height: 45px;
    width: 115px;
  }
  .new-layout .new-content .all-control-list {
    padding-bottom: 4em;
  }
  .new-layout .image-content .xamarin-ui-control-image {
    width: 70%;
  }
  .new-layout .image-content .essential-ui-image {
    width: 70%;
  }
  .new-layout .image-content .expense-analysis {
    width: 70%;
  }
  .new-layout .image-content .loan-calculator {
    width: 70%;
  }
  .new-layout .img-bottom {
    display: none;
  }
  .new-layout .img-top {
    display: unset;
  }
}
@media (max-width: 320px) {
  #new-demo-banner {
    text-align: center;
  }
  #new-demo-banner .banner-text {
    padding-top: 2em;
  }
  #new-demo-banner .img-right-banner {
    width: 100%;
  }
  #new-demo-banner h1 {
    line-height: 30px;
    padding: 0 10px;
    font-size: 19px !important;
  }
  #new-demo-banner .banner-buttons-top {
    margin-top: 7px !important;
  }
  #new-demo-banner .banner-buttons-top .google-play {
    height: 33.3px;
    width: 111.4px;
  }
  #new-demo-banner .banner-buttons-top .microsoft {
    height: 32.2px;
    width: 88.7px;
  }
  #new-demo-banner .banner-buttons-top .github {
    height: 34px;
    width: 131px;
  }
  .new-layout .new-content {
    padding-top: 5px;
  }
  .new-layout .new-content h2 {
    letter-spacing: 0;
    line-height: 25px;
    font-size: 24px !important;
  }
  .new-layout .new-content .title-description,
  .new-layout .new-content .sync-desc {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
  }
  .new-layout .new-content .key-features,
  .new-layout .new-content .sync-controls {
    font-size: 16px;
    line-height: 27px;
  }
  .new-layout .new-content .app-buttons .github {
    height: 30px;
    width: 110px;
  }
  .new-layout .new-content .app-buttons .github-xamarin {
    height: 33px;
    width: 127px;
  }
  .new-layout .new-content .app-buttons .google-play {
    height: 27px;
    width: 86px;
  }
  .new-layout .new-content ul li {
    font-size: 12px;
    line-height: 24px;
  }
  .new-layout .new-content .all-control-list {
    margin-top: 2px;
    line-height: 27px;
  }
  .new-layout .new-content .all-control-list .sync-control-list,
  .new-layout .new-content .all-control-list .sync-control-list-left {
    font-size: 11px;
    line-height: 18px;
    padding-left: 0px;
  }
  .new-layout .new-content .all-control-list .sync-control-list-left {
    font-size: 11px;
    line-height: 18px;
    padding: 5px 55px 0 0 !important;
  }
  .new-layout .image-content {
    padding: 1em 0 0 0;
  }
  .new-layout .image-content .xamarin-ui-control-image {
    width: 70%;
  }
  .new-layout .image-content .essential-ui-image {
    width: 70%;
  }
  .new-layout .image-content .expense-analysis {
    width: 70%;
  }
  .new-layout .image-content .loan-calculator {
    width: 70%;
  }
}
#static-menu-xamarin {
  border-bottom: 2px solid #f0f0f0 !important;
  background-color: #fff;
  padding: 9px 0;
}
#static-menu-xamarin i {
  font-size: 13px;
}
#static-menu-xamarin ul {
  display: table;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  font-weight: 600;
}
#static-menu-xamarin ul .selected {
  font-weight: bold;
}
#static-menu-xamarin ul li {
  font-size: 14px;
  cursor: pointer;
  float: left;
  padding: 5px 0;
  text-align: center;
  color: #0073DC;
  letter-spacing: 0.6px;
  font-weight: 600;
}
#static-menu-xamarin ul li:hover {
  color: #0D98FF;
  opacity: 1;
}
#static-menu-xamarin ul li .content-medium {
  line-height: 25px;
  padding: 0 20px;
}
@media (max-width: 992px) {
  #static-menu-xamarin ul li .content-medium {
    padding: 0 22px;
  }
}
#static-menu-xamarin ul .selected {
  color: #0073DC;
  opacity: 1;
}
@media (max-width: 767px) {
  #static-menu-xamarin {
    display: none !important;
  }
}

.fixed-menu {
  background-color: #fff !important;
}

#app-icons .tooltip > .tooltip-inner {
  padding: 3px 17px;
}

#maui-ui-control .image-content img {
  margin-bottom: 80px !important;
}

.maui-demo-banner {
  height: 510px;
  padding: 60px 0px 10px 0px;
  background-color: #512BD4;
  background-size: auto 100% !important;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("https://cdn.syncfusion.com/content/images/demo/maui/maui-demo-banner-imageV1.png") !important;
}
.maui-demo-banner .banner-text .banner-heading {
  color: #fff !important;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 55px;
  padding-right: 50px;
  margin: 24px 72px 30px 0px;
}
.maui-demo-banner .banner-title {
  width: -moz-max-content;
  width: max-content;
  background: #280F7D;
  border-radius: 94px;
  padding: 0px 20px;
}
.maui-demo-banner .banner-title h2 {
  text-align: center;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 145%;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #fff;
  padding: 4px 0px;
}

.maui-banner-button {
  background: #fff;
  border-radius: 8px;
  width: 160px;
  height: 42px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  padding-left: 8px;
}

.trusted-company {
  background-color: #f8f8f8;
}
.trusted-company p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #475569;
  padding-top: 20px;
}
.trusted-company img {
  width: 100%;
}

.demo-sample {
  padding: 30px 50px 55px 10px;
}

#maui-ui-control .app-buttons {
  padding: 50px 0px 0px 40px;
}
#maui-ui-control .app-buttons img {
  margin: 10px 20px 10px 10px;
  width: 220px;
  height: 70px;
}
#maui-ui-control .app-buttons img:hover {
  filter: drop-shadow(3px 3px 4px #CACACA);
}
#maui-ui-control .demo-sample-heading {
  font-weight: 900;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 0.4px;
  color: #0F172A;
}
#maui-ui-control .demo-sample-content {
  font-size: 16px;
  line-height: 32px;
  color: #0F172A;
  padding-top: 16px;
}

#high-quality-apps-content {
  padding: 70px 0px;
  background-color: #F8F4FF;
}
#high-quality-apps-content .maui-demo-free-try-image {
  width: 100%;
  height: 100%;
  padding-top: 0px;
}
#high-quality-apps-content .free-try-image {
  width: 60%;
  padding: 0px;
}
#high-quality-apps-content .high-quality-apps {
  width: 40%;
}
#high-quality-apps-content .high-quality-apps ul {
  padding: 50px 0px 0px 0px;
}
#high-quality-apps-content .high-quality-apps img {
  padding-right: 10px;
  margin-bottom: auto;
  padding-top: 3px;
}
#high-quality-apps-content .high-quality-apps li {
  font-weight: 400;
  font-size: 16px !important;
  display: flex;
  align-items: center;
  color: #0F172A;
  padding-bottom: 18px;
}
#high-quality-apps-content .high-quality-apps-heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: 0.4px;
  color: #0F172A;
  text-align: center;
  margin: 0px;
  padding: 0px 165px;
}
#high-quality-apps-content .demo-try-button:hover {
  background-color: #0073dc;
}
#high-quality-apps-content .demo-try-button {
  background: #0057FF;
  border-radius: 8px;
  width: 176.85px;
  height: 48px;
  margin: 32px 0px 0px 0px;
}
#high-quality-apps-content .demo-try-button .free-try-button {
  font-weight: 500;
  font-size: 18px;
  line-height: 145%;
  display: flex;
  justify-content: center;
  color: #fff;
  padding: 10px 0px;
  text-decoration: none;
}

@media (max-width: 760px) {
  #high-quality-apps-content .free-try-image,
  #high-quality-apps-content .high-quality-apps {
    width: 100%;
  }
  #maui-ui-control .app-buttons {
    padding: 25px 0px 40px 40px !important;
  }
  #maui-ui-control .demo-sample {
    padding: 0px 30px 50px 30px;
  }
  #maui-ui-control .demo-sample .demo-sample-heading,
  #maui-ui-control .demo-sample .demo-sample-content {
    text-align: center;
  }
  .free-try {
    padding-top: 20px;
  }
  .free-try .maui-banner-button {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 780px) {
  .maui-demo-banner {
    padding: 35px 0px 55px 0px;
    height: auto !important;
  }
  .maui-demo-banner .banner-heading {
    font-size: 27px !important;
  }
  .maui-banner-button {
    width: 150.83px;
    height: 40px;
    font-size: 16px;
  }
  #high-quality-apps-content {
    padding: 0px 0px 60px 0px;
  }
  #high-quality-apps-content .maui-demo-free-try-image {
    padding-top: 30px;
  }
  #maui-ui-control .app-buttons {
    padding: 65px 0px 0px 0px;
  }
  #maui-ui-control .app-buttons img {
    margin: 10px;
  }
}
@media (max-width: 1000px) {
  .maui-demo-banner {
    height: 390px !important;
  }
}
@media (max-width: 1024px) {
  .maui-demo-banner {
    height: 450px;
  }
  .maui-demo-banner .banner-text .banner-heading {
    line-height: 135% !important;
    margin: 24px 32px 24px 0px;
  }
  #maui-ui-control .app-buttons {
    padding: 50px 0px 0px 0px;
  }
  #maui-ui-control .app-buttons img {
    margin: 10px;
    width: 164.97px;
    height: 62.37px;
  }
  #high-quality-apps-content {
    padding: 70px 0px 60px 0px;
  }
  #high-quality-apps-content .high-quality-apps-heading {
    padding: 0px 20px;
  }
}
@media (min-width: 280px) and (max-width: 488px) {
  .maui-demo-banner {
    background-image: none !important;
  }
  .maui-demo-banner .banner-text .banner-heading {
    text-align: center !important;
    font-size: 30px !important;
    margin: 15px !important;
    padding: 20px 0px 0px 0px;
  }
  .maui-demo-banner .banner-title {
    margin-left: auto;
    margin-right: auto;
  }
  #high-quality-apps-content .high-quality-apps {
    width: 100%;
  }
  #high-quality-apps-content .high-quality-apps ul {
    padding: 30px 10px 10px 10px;
  }
  #high-quality-apps-content .free-try-image {
    width: 100%;
  }
  #maui-ui-control .app-buttons {
    padding: 0px 0px 40px 40px !important;
  }
  #maui-ui-control .app-buttons img {
    width: 141.97px;
    height: 44.37px;
  }
}
.maui-demo-banner-content span {
  padding-left: 10px;
  transform: rotate(90deg);
  margin-top: -10px;
}

span.playstore-icon {
  background: url(https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png) -187px -6px no-repeat;
  display: inline-block;
  height: 47px;
  width: 40.5%;
  background-size: 330% !important;
}
@media (min-width: 1026px) and (max-width: 1200px) {
  span.playstore-icon {
    background: url(https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png) -183px -6px no-repeat;
  }
}
@media (min-width: 992px) and (max-width: 1025px) {
  span.playstore-icon {
    background: url(https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png) -166px -6px no-repeat;
    height: 41px;
    width: 36%;
    background-size: 316% !important;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  span.playstore-icon {
    background: url(https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png) -162px -6px no-repeat;
    width: 46%;
    height: 39px;
  }
}
@media (max-width: 767px) {
  span.playstore-icon {
    background: url(https://cdn.syncfusion.com/content/images/common/mobile-store-icons.png) -156px -3px no-repeat;
    width: 131px;
    height: 45px;
    background-size: 338% !important;
  }
}

@media (max-width: 767px) {
  span.playstore-icon {
    margin-left: 5px;
  }
    #mobile-demos .platform-segment.left-section.demo-section.left-content, #document-viewer-sdk .platform-segment.left-section.demo-section.left-content {
        display: none;
    }
    #document-viewer-sdk .platform-segment.left-section.demo-section.demos-image-left {
        display: none;
    }
  #mobile-demos .category-section .platform-segment {
    padding: 20px 0px !important;
    padding-bottom: 56px !important;
  }
}
@media (min-width: 767px) {
    #mobile-demos .platform-segment.left-section.demo-section.demos-responsive-sections, #document-viewer-sdk .platform-segment.left-section.demo-section.demos-responsive-sections {
        display: none;
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #desktop-demos .Windows-Store,
  #desktop-demos .Github-App {
    width: 36%;
  }
}
@media (max-width: 990px) and (min-width: 767px) {
  #desktop-demos .Windows-Store,
  #desktop-demos .Github-App {
    width: 45%;
  }
}
@media (max-width: 767px) and (min-width: 500px) {
  #desktop-demos .Windows-Store,
  #desktop-demos .Github-App {
    width: 22%;
  }
}
@media (max-width: 767px) and (min-width: 500px) {
  #desktop-demos .Windows-Store,
  #desktop-demos .Github-App {
    width: 22%;
  }
}
@media (max-width: 500px) {
  #desktop-demos .Windows-Store,
  #desktop-demos .Github-App {
    width: 32%;
    margin-left: 2%;
  }
}
@media (max-width: 380px) {
  #desktop-demos .Windows-Store,
  #desktop-demos .Github-App {
    width: 36%;
    margin-left: 2%;
  }
}

#mobile-demos .Windows-Store,
#mobile-demos .Github-App {
  width: 43%;
}
@media (max-width: 1200px) and (min-width: 992px) {
  #mobile-demos .Windows-Store,
  #mobile-demos .Github-App {
    width: 36%;
  }
}
@media (max-width: 990px) and (min-width: 767px) {
  #mobile-demos .Windows-Store,
  #mobile-demos .Github-App {
    width: 45%;
  }
}
@media (max-width: 767px) and (min-width: 500px) {
  #mobile-demos .Windows-Store,
  #mobile-demos .Github-App {
    width: 22%;
  }
}
@media (max-width: 500px) {
  #mobile-demos .Windows-Store,
  #mobile-demos .Github-App {
    width: 32%;
    margin-left: 2%;
  }
}
@media (max-width: 380px) {
  #mobile-demos .Windows-Store,
  #mobile-demos .Github-App {
    width: 36%;
    margin-left: 2%;
  }
}

img.img-responsive.Predictive.Analytics {
  width: 100%;
}

#fileformats-demo-banner {
  padding-top: 15px;
}
@media (max-width: 990px) {
  #fileformats-demo-banner {
    padding: 0px;
  }
}
#fileformats-demo-banner .banner-content-section {
  margin: 35px 0px 45px 0px;
}
@media (max-width: 991px) {
  #fileformats-demo-banner .banner-content-section {
    margin: 30px 0px;
  }
}
@media (max-width: 767px) {
  #fileformats-demo-banner .banner-content-section {
    margin: 40px 0px 40px 0px;
  }
}
#fileformats-demo-banner .banner-heading {
  color: #1E293B;
  font-size: 45px !important;
  font-weight: 800 !important;
  line-height: 58px;
  letter-spacing: 0.4px;
  margin-bottom: 30px;
}
@media (min-width: 990px) and (max-width: 1200px) {
  #fileformats-demo-banner .banner-heading {
    font-size: 36px !important;
  }
}
@media (max-width: 990px) {
  #fileformats-demo-banner .banner-heading {
    width: 100%;
    font-size: 32px !important;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  #fileformats-demo-banner .banner-heading {
    text-align: center;
    font-size: 32px !important;
    padding: 0 5%;
    line-height: 42px;
  }
}
#fileformats-demo-banner .top-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  background-color: #E22B2B;
  border-radius: 73px;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 25px;
  letter-spacing: 1.5px;
  padding: 6px 20px;
  color: #fff;
  margin-bottom: 18px;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  #fileformats-demo-banner .top-heading {
    font-size: 13px !important;
  }
}
@media (max-width: 320px) {
  #fileformats-demo-banner .top-heading {
    font-size: 10px !important;
  }
}
@media (max-width: 767px) {
  #fileformats-demo-banner .top-heading {
    margin-left: auto;
    margin-right: auto;
  }
}
#fileformats-demo-banner .banner-image-section {
  display: flex;
  justify-content: center;
}
#fileformats-demo-banner .bannerlistimage {
  width: 100%;
  margin-top: 60px;
  height: 100%;
}
@media (max-width: 990px) {
  #fileformats-demo-banner .bannerlistimage {
    margin-top: 65px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  #fileformats-demo-banner .bannerlistimage {
    margin-top: 92px;
  }
}
@media (max-width: 767px) {
  #fileformats-demo-banner .bannerlistimage {
    margin: 20px 0px 30px 0px !important;
  }
}
#fileformats-demo-banner #FileFormats-view-demos {
  font-weight: 600 !important;
  border-radius: 8px;
  background-color: #fff;
  color: #1E293B;
  font-size: 16px !important;
  margin: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 42px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 380px) {
  #fileformats-demo-banner #FileFormats-view-demos {
    padding: 6px 12px;
    margin: 12px 0px;
  }
}
@media (max-width: 767px) {
  #fileformats-demo-banner #FileFormats-view-demos {
    margin-left: auto;
    margin-right: auto;
  }
}
#fileformats-demo-banner #FileFormats-view-demos span {
  margin-left: 6px;
  transform: rotate(90deg);
  display: inline-block;
}
#fileformats-demo-banner #FileFormats-view-demos:hover {
  color: #1852BB;
}
#fileformats-demo-banner #FileFormats-view-demos:active {
  box-shadow: none;
}

.banner-section-pdf .top-heading {
  opacity: 0.7 !important;
}

#File-Formats-Demo-company-list {
  background-color: #f8f8f8;
}
@media (max-width: 991px) {
  #File-Formats-Demo-company-list {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  #File-Formats-Demo-company-list {
    margin-bottom: 0px;
  }
}
@media (min-width: 991px) {
  #File-Formats-Demo-company-list {
    margin-bottom: 60px;
  }
}
#File-Formats-Demo-company-list h2 {
  color: #0F172A;
  font-size: 18px !important;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  letter-spacing: normal;
}
@media (max-width: 992px) and (min-width: 768px) {
  #File-Formats-Demo-company-list h2 {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  #File-Formats-Demo-company-list h2 {
    padding: 20px 10px 0;
    font-size: 18px !important;
  }
}
@media (max-width: 480px) {
  #File-Formats-Demo-company-list h2 {
    padding: 0px;
    font-size: 14px !important;
    line-height: 24px;
    margin-bottom: 5px;
  }
}
#File-Formats-Demo-company-list .customerStripList {
  padding-bottom: 20px;
}
@media (max-width: 480px) {
  #File-Formats-Demo-company-list .customerStripList {
    padding-bottom: 10px;
  }
}

#FileFormats-Demo-Supported-Platforms {
  padding: 30px 0px 70px 0px;
  background-color: #F8FAFC;
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms {
    margin: 50px 0px 0px 0px;
  }
}
@media (max-width: 991px) {
  #FileFormats-Demo-Supported-Platforms {
    margin-top: 20px;
  }
}
#FileFormats-Demo-Supported-Platforms h2 {
  text-align: center;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 54px;
  letter-spacing: 0.2px;
  margin-top: 30px;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  #FileFormats-Demo-Supported-Platforms h2 {
    font-size: 32px !important;
    padding: 0 10px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms h2 {
    font-size: 26px !important;
    line-height: 34px;
    margin-bottom: 40px;
  }
}
@media (max-width: 500px) {
  #FileFormats-Demo-Supported-Platforms h2 {
    font-size: 24px !important;
    margin-top: 20px;
    padding: 0 20px;
  }
}
#FileFormats-Demo-Supported-Platforms h3 {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 48px;
  letter-spacing: 0.16px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #FileFormats-Demo-Supported-Platforms h3 {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms h3 {
    font-size: 22px !important;
  }
}
@media (max-width: 550px) {
  #FileFormats-Demo-Supported-Platforms h3 {
    font-size: 20px !important;
    line-height: 18px;
    margin-bottom: 13px;
  }
}
#FileFormats-Demo-Supported-Platforms .WebSupport-content, #FileFormats-Demo-Supported-Platforms .mobileSupport-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms .WebSupport-content, #FileFormats-Demo-Supported-Platforms .mobileSupport-content {
    margin-bottom: 25px;
  }
}
@media (max-width: 550px) {
  #FileFormats-Demo-Supported-Platforms .WebSupport-content, #FileFormats-Demo-Supported-Platforms .mobileSupport-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }
}
#FileFormats-Demo-Supported-Platforms .cards {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #F2F6FE;
  background-color: #fff;
  box-shadow: 0px 4px 12px #E2E8F0, 0px 0px 4px rgba(226, 232, 240, 0.75);
  border-radius: 14px;
  width: 325px;
  height: 80px;
  padding: 20px 10px;
  margin: 10px 10px 20px 0px;
  text-decoration: none;
}
@media (min-width: 1200px) {
  #FileFormats-Demo-Supported-Platforms .cards {
    width: 358px;
    height: 90px;
  }
}
@media (max-width: 500px) {
  #FileFormats-Demo-Supported-Platforms .cards {
    height: 75px;
  }
}
@media (max-width: 990px) {
  #FileFormats-Demo-Supported-Platforms .cards {
    width: 350px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  #FileFormats-Demo-Supported-Platforms .cards {
    width: 290px;
  }
}
@media (max-width: 580px) {
  #FileFormats-Demo-Supported-Platforms .cards {
    width: auto;
    margin: 10px 0px 10px 0px;
  }
}
#FileFormats-Demo-Supported-Platforms .cards .cardsText {
  font-size: 18px;
  font-weight: 700;
  color: #1E293B !important;
  letter-spacing: 0.2px;
  text-decoration: none;
}
@media (min-width: 991px) and (max-width: 1200px) {
  #FileFormats-Demo-Supported-Platforms .cards .cardsText {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  #FileFormats-Demo-Supported-Platforms .cards .cardsText {
    font-size: 16px;
  }
}
#FileFormats-Demo-Supported-Platforms .cards .cards-images {
  margin-right: 10px;
  padding-right: 3px;
  width: 67px;
  height: 54px;
  margin-top: 0px;
}
@media (max-width: 1200px) {
  #FileFormats-Demo-Supported-Platforms .cards .cards-images {
    width: 20%;
    height: auto;
  }
}
@media (max-width: 650px) {
  #FileFormats-Demo-Supported-Platforms .cards .cards-images {
    width: 56px;
  }
}
#FileFormats-Demo-Supported-Platforms .cards img {
  padding-left: 10px;
  margin-top: 2px;
  width: 27px;
  height: 17px;
}
#FileFormats-Demo-Supported-Platforms .cards:hover {
  background-color: #F2F6FE;
}
#FileFormats-Demo-Supported-Platforms .WebPlatformSection, #FileFormats-Demo-Supported-Platforms .MobilePlatformSection, #FileFormats-Demo-Supported-Platforms .DesktopPlatformSection {
  margin-bottom: 50px;
}
#FileFormats-Demo-Supported-Platforms .PlatformSupportSection {
  border-bottom: 1px solid #D3DBE6;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms .PlatformSupportSection {
    margin-bottom: 50px;
  }
}
@media (max-width: 500px) {
  #FileFormats-Demo-Supported-Platforms .PlatformSupportSection {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#FileFormats-Demo-Supported-Platforms .PlatformSupportSection#Desktop-PlatForms {
  border-bottom: none;
  margin-bottom: -50px;
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection {
  display: grid;
  margin-top: 45px;
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection {
    margin-top: 40px;
  }
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .platformIcon {
    margin-bottom: 30px;
  }
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .platformIcon img {
  width: 44px;
  height: 44px;
  margin-top: -10px;
}
@media (max-width: 767px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .platformIcon img {
    width: 46px;
    height: 46px;
  }
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .platformIcon span {
  color: #1E293B;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  padding-left: 10px;
}
@media (max-width: 991px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .platformIcon span {
    font-size: 20px;
  }
}
@media (max-width: 550px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .platformIcon span {
    font-size: 22px;
  }
}
@media (max-width: 530px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .AppButtonsSection {
    text-align: center;
  }
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .AppButtonsSection a {
  display: contents;
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .AppButtons {
  margin: 0px 0px 20px 30px;
  width: 220px;
  height: 70px;
}
@media (max-width: 490px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .AppButtons {
    margin-left: 0px;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .AppButtons {
    width: 25%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons .AppButtons {
    width: 35%;
  }
}
#FileFormats-Demo-Supported-Platforms .MobilePlatformSection .MobileAppButtons#pdf-xamarin-demo {
  margin-bottom: 0px !important;
}

.FileFormat-Processing-Libraries {
  background-color: #fff;
  height: -moz-max-content;
  height: max-content;
  padding: 0px 0px 60px 0px;
  color: #1E293B !important;
}
@media (max-width: 767px) {
  .FileFormat-Processing-Libraries {
    padding: 50px 0px 60px 0px;
  }
}
@media (max-width: 500px) {
  .FileFormat-Processing-Libraries {
    padding: 50px 0px 40px 0px;
  }
}
.FileFormat-Processing-Libraries .document-processing-heading {
  text-align: center;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 54px;
  margin: 0px 0px 60px 0px;
  letter-spacing: normal;
}
@media (max-width: 991px) {
  .FileFormat-Processing-Libraries .document-processing-heading {
    font-size: 30px !important;
  }
}
@media (max-width: 767px) {
  .FileFormat-Processing-Libraries .document-processing-heading {
    font-size: 26px !important;
    line-height: 34px;
  }
}
@media (max-width: 500px) {
  .FileFormat-Processing-Libraries .document-processing-heading {
    font-size: 24px !important;
    line-height: 30px;
    margin-bottom: 40px;
    padding: 0 6%;
  }
}
.FileFormat-Processing-Libraries .document-processing-content h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 36px;
  color: #1E293B !important;
  text-align: start;
  letter-spacing: normal;
}
@media (max-width: 991px) {
  .FileFormat-Processing-Libraries .document-processing-content h2 {
    font-size: 20px !important;
    line-height: 32px;
  }
}
@media (max-width: 500px) {
  .FileFormat-Processing-Libraries .document-processing-content h2 {
    font-size: 20px !important;
    line-height: 26px;
    margin-top: 10px;
  }
}
.FileFormat-Processing-Libraries .document-processing-content p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 26px;
  color: #1E293B !important;
}
@media (max-width: 500px) {
  .FileFormat-Processing-Libraries .document-processing-content p {
    font-size: 14px !important;
    line-height: 22px;
  }
}
.FileFormat-Processing-Libraries .document-processing-content a.view-demos-document-processing {
  color: #0057FF !important;
  text-align: center;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px;
  padding-left: 0px;
  padding-top: 0px;
  margin-bottom: -5px;
  box-shadow: none;
  background: none;
  border: none;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer !important;
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .FileFormat-Processing-Libraries .document-processing-content a.view-demos-document-processing {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
.FileFormat-Processing-Libraries .document-processing-content a.view-demos-document-processing .sf-icon-arrow-right {
  margin-left: 5px;
  font-size: 19px;
  margin-top: 4px;
}
.FileFormat-Processing-Libraries .document-processing-content a.view-demos-document-processing:hover {
  color: #0450C2 !important;
  border: 0px;
}
.FileFormat-Processing-Libraries .document-processing-image {
  margin-top: 2%;
}
@media (max-width: 991px) and (min-width: 767px) {
  .FileFormat-Processing-Libraries .document-processing-image {
    margin-top: 100px;
  }
}
.FileFormat-Processing-Libraries .document-processing-image img {
  width: 100%;
}
@media (min-width: 991px) and (max-width: 1200px) {
  .FileFormat-Processing-Libraries .document-processing-image img {
    width: 86% !important;
    margin-left: 18%;
    margin-top: 13%;
  }
}
.FileFormat-Processing-Libraries #ProcessingLibraryCards {
  border-bottom: none;
}
@media (max-width: 500px) {
  .FileFormat-Processing-Libraries #ProcessingLibraryCards {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.FileFormat-Processing-Libraries .nav-tabs > li.active > a, .FileFormat-Processing-Libraries .nav-tabs > li.active > a:focus, .FileFormat-Processing-Libraries .nav-tabs > li.active > a:hover {
  color: #1E293B;
  border: 0px;
}
.FileFormat-Processing-Libraries .document-processing-card .nav-link:hover, .FileFormat-Processing-Libraries .document-processing-card .nav-link:active, .FileFormat-Processing-Libraries .document-processing-card .nav-link:focus {
  border: 0px;
  background-color: #fff;
}
.FileFormat-Processing-Libraries .document-processing-card .nav-link {
  border: 0px;
  padding: 0px 0px 15px 0px;
  cursor: pointer;
}
.FileFormat-Processing-Libraries .nav-item.document-processing-card.active {
  background-color: #F8FAFC;
  box-shadow: 0px 4px 12px #E2E8F0, 0px 0px 4px rgba(226, 232, 240, 0.75);
  border-radius: 16px;
  padding: 13px 20px 20px 43px;
}
.FileFormat-Processing-Libraries .nav-item.document-processing-card.active .nav-link {
  cursor: default;
  background: #F8FAFC !important;
}
.FileFormat-Processing-Libraries .document-processing-card.active .nav-link:hover, .FileFormat-Processing-Libraries .document-processing-card.active .nav-link:active, .FileFormat-Processing-Libraries .document-processing-card.active .nav-link:focus {
  border: 0px;
  background-color: #fff;
}
.FileFormat-Processing-Libraries .nav-item.document-processing-card {
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #fff;
  padding: 13px 20px 20px 43px;
  margin-bottom: 20px;
  width: 529px;
  height: -moz-max-content;
  height: max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .FileFormat-Processing-Libraries .nav-item.document-processing-card {
    width: auto;
    height: auto;
    padding-left: 26px !important;
  }
}
@media (max-width: 991px) {
  .FileFormat-Processing-Libraries .nav-item.document-processing-card {
    padding-left: 26px !important;
    width: 100%;
  }
}
.FileFormat-Processing-Libraries div#MobileGenarationAndEditing img {
  width: 100%;
}
.FileFormat-Processing-Libraries #MobileSeamlessConversion img {
  width: 100%;
}

#PowerPoint-ProcessingLibraries {
  padding-bottom: 0px;
}

#FileFormat-FreeTrial-Section {
  margin-bottom: 100px;
}
#FileFormat-FreeTrial-Section .high-quality-apps-heading {
  font-weight: 800 !important;
  font-size: 40px !important;
  line-height: 52px;
  letter-spacing: 0.2px;
  color: #0F172A;
  text-align: center;
  margin: 70px 0px 50px 0px;
  padding: 0 12%;
}
@media (max-width: 991px) {
  #FileFormat-FreeTrial-Section .high-quality-apps-heading {
    padding: 0px;
    font-size: 30px !important;
    margin: 50px 0px 40px 0px;
  }
}
@media (max-width: 767px) {
  #FileFormat-FreeTrial-Section .high-quality-apps-heading {
    font-size: 26px !important;
    line-height: 36px;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  #FileFormat-FreeTrial-Section .high-quality-apps-heading {
    font-size: 24px !important;
    line-height: 30px;
    padding: 0px 20px;
  }
}
#FileFormat-FreeTrial-Section .free-try-image img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #FileFormat-FreeTrial-Section .free-try-image img {
    padding: 0 20px 20px 20px;
  }
}
@media (max-width: 767px) {
  #FileFormat-FreeTrial-Section .free-try-image {
    width: 100%;
    padding: 0 15px;
  }
}
#FileFormat-FreeTrial-Section .high-quality-apps {
  padding-left: 7%;
}
@media (max-width: 767px) {
  #FileFormat-FreeTrial-Section .high-quality-apps {
    width: 100%;
    padding: 0 15px;
  }
}
#FileFormat-FreeTrial-Section .high-quality-apps ul {
  padding: 80px 0 0 0;
}
@media (max-width: 991px) {
  #FileFormat-FreeTrial-Section .high-quality-apps ul {
    padding: 45px 0px 0px 0px;
  }
}
@media (max-width: 767px) {
  #FileFormat-FreeTrial-Section .high-quality-apps ul {
    padding: 20px 0px 0px 0px;
  }
}
@media (max-width: 500px) {
  #FileFormat-FreeTrial-Section .high-quality-apps ul {
    padding-left: 12px;
  }
}
#FileFormat-FreeTrial-Section .high-quality-apps ul li {
  font-weight: 600 !important;
  font-size: 16px !important;
  display: flex;
  align-items: center;
  color: #475569;
  padding-bottom: 20px;
  line-height: 24px;
}
#FileFormat-FreeTrial-Section .high-quality-apps img {
  padding-right: 10px;
  margin-bottom: auto;
  padding-top: 3px;
  width: 30px;
  height: 23px;
}
#FileFormat-FreeTrial-Section .demo-try-button {
  width: 164px;
  height: 40px;
  margin: 30px 0 0 0;
}
@media (max-width: 500px) {
  #FileFormat-FreeTrial-Section .demo-try-button {
    margin-left: 12px;
  }
}
#FileFormat-FreeTrial-Section .demo-try-button a.free-try-button {
  font-weight: 700;
  font-size: 14px;
  border-radius: 8px;
  background: #0057FF;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  letter-spacing: 0.3px;
  color: #fff;
  padding: 10px 32px;
  text-decoration: none;
}
#FileFormat-FreeTrial-Section .demo-try-button a.free-try-button:hover {
  background-color: #0073DC;
}

#fileformats-demo-banner.banner-section-excel .banner-heading {
  color: #fff;
}
#fileformats-demo-banner.banner-section-excel .top-heading {
  background-color: #095322;
  color: #fff;
}

#fileformats-demo-banner.banner-section-word .banner-heading {
  color: #fff;
}
#fileformats-demo-banner.banner-section-word .top-heading {
  background-color: #002F8B;
  color: #fff;
}

#fileformats-demo-banner.banner-section-presentation .banner-heading {
  color: #fff;
}
#fileformats-demo-banner.banner-section-presentation .top-heading {
  background-color: #992802;
  color: #fff;
}
#fileformats-demo-banner.banner-section-presentation .bannerlistimage {
  width: 100%;
  height: 100%;
  margin-top: 75px;
}/*# sourceMappingURL=Home.css.map */