/* Rebuilt to match releases.aspose.com's page structure, with typography,
   hero banner, and family-icon treatment aligned to products.aspose.org's
   own conventions instead (themes/products/assets/scss/_variables.scss,
   _typography.scss, _slider.scss, _common.scss) for family consistency. */

body,p,a,div{font-family:'Roboto',sans-serif}
h1,h3,h4{font-family:'Open Sans',sans-serif}
body{font-size:1rem;font-weight:400;line-height:1.5;color:#212529;margin:0;padding:0}
h1,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
a{color:#007bff;background-color:transparent;text-decoration:none}
a:hover{color:#0056b3}
img{border-style:none;vertical-align:middle}

/* Bootstrap-grid subset */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){
  .container{max-width:720px}
  .col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
  .col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
  .col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
  .col-md-12{flex:0 0 100%;max-width:100%}
  .offset-md-1{margin-left:8.333333%}
}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-md-2,.col-md-5,.col-md-10,.col-md-12{position:relative;width:100%;padding-right:15px;padding-left:15px}

/* Utilities */
.d-flex{display:flex!important}
.flex-column{flex-direction:column!important}
.justify-content-center{justify-content:center!important}
.d-block{display:block!important}
.m-0{margin:0!important}
.mt-2{margin-top:.5rem!important}
.mt-5{margin-top:3rem!important}
.mb-2{margin-bottom:.5rem!important}
.p-0{padding:0!important}
.pb-1{padding-bottom:.25rem!important}
.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pl-1{padding-left:.25rem!important}
.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}
.text-center{text-align:center!important}
.text-white{color:#fff!important}
.text-black{color:#000!important}

/* Page-specific */
.font-14{font-size:14px}
.font-20{font-size:20px!important}
.font-40{font-size:40px}
.font-b,.font-m{font-weight:700}
.smaller{margin-top:60px!important}
.header-bg{background:url(/images/code.webp) 50%/cover no-repeat;padding:40px 0}
.header-bg h1{font-weight:100;letter-spacing:10px;text-transform:uppercase}

/* Dark overlay so white hero text reads over the code.webp photo
   (products.aspose.org's own .overly treatment, themes/products/assets/scss/_common.scss) */
.overly{position:relative}
.overly:before{content:"";position:absolute;inset:0;background:#1d192c;opacity:.8}
.overly>*{position:relative;z-index:1}

.pr-boxlist:hover{background:#f8f9fa}
.pr-boxlist h3 span{color:#666}
.pr-boxlist .col-md-2{width:auto}

.productlistingbox{padding:0 0 0 30px!important;margin-top:5px;margin-bottom:0}
.productlistingbox li{border-bottom:1px dashed #ccc;padding:5px 0 5px 5px;font-size:14px}
.productlistingbox li:last-child{border-bottom:0}
.productlistingbox a{color:#333;font-size:14px;display:inline}
.productlistingbox a:hover,.list-links a{color:#0082cb}
.list-links a{font-size:12px!important}
.productlistingbox li span{display:inline-block}

span.list-links>a:first-child::before,span.list-links>a:last-child::after{color:#212529;font-size:14px}
span.list-links>a:first-child::before{content:"("}
span.list-links>a:last-child::after{content:")"}

.productheading img{width:60px;height:auto;filter:grayscale(1)}

@media (max-width:1100px){
  .col-md-2,.col-md-5,.col-md-10,.col-md-12,.pr-boxlist{text-align:left!important}
  .pr-boxlist{max-width:50%;flex:none;margin-left:0!important}
}
@media (max-width:668px){
  .pr-boxlist,.row{margin:0!important}
  .container{max-width:100%;padding:0!important}
  .pr-boxlist{max-width:100%;flex:none;border-bottom:1px solid #efefef;padding:30px 20px!important}
  .pr-boxlist:last-child{border:0!important}
  .productlistingbox a{font-size:18px}
  .productlistingbox li{font-size:14px!important}
}
@media (max-width:481px){
  .col-md-2,.col-md-5,.col-md-10,.col-md-12{text-align:left}
}