/* =========================================================
   COTTON CANVAS APPLICATIONS — CLEAN ISOLATED COMPONENT
   ========================================================= */
.canvas-app-clean{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  clear:both!important;
}
.canvas-app-clean-section{
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.canvas-app-clean-header{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  text-align:center!important;
  background:#fff!important;
}
.canvas-app-clean-header h3{
  margin:0!important;
  padding:0!important;
  color:#10284f!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:30px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:.004em!important;
  text-transform:uppercase!important;
}
.canvas-app-clean-header h3 span{
  color:#142d53!important;
  font-weight:900!important;
}
.canvas-app-clean-header h3 strong{
  color:#c62828!important;
  font-weight:900!important;
}
.canvas-app-clean-rule{
  width:78px!important;
  height:4px!important;
  margin:8px auto 7px!important;
  background:#d71920!important;
}
.canvas-app-clean-header p{
  margin:0!important;
  padding:0!important;
  color:#173059!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
/* Transparent application scenes container */
.canvas-app-clean-scenes{
  background:transparent!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,auto)!important;
  gap:2px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.canvas-app-clean-scene{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.canvas-app-clean-scene:nth-child(1),
.canvas-app-clean-scene:nth-child(2),
.canvas-app-clean-scene:nth-child(3),
.canvas-app-clean-scene:nth-child(4){
  aspect-ratio:16 / 9!important;
}
.canvas-app-clean-scene img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.canvas-app-clean-tag{
  position:absolute!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:calc(100% - 4px)!important;
  margin:0!important;
  padding:8px 13px!important;
  background:#10284e!important;
  color:#fff!important;
  font-family:Arial Narrow,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.canvas-app-clean-tag i{
  display:block!important;
  width:4px!important;
  height:18px!important;
  flex:0 0 4px!important;
  margin-right:8px!important;
  background:#d71920!important;
}
.canvas-app-clean-tag.canvas-left{left:0!important}
.canvas-app-clean-tag.canvas-right{right:0!important}
.canvas-app-clean-tag.canvas-top{top:10px!important}
.canvas-app-clean-tag.canvas-bottom{top:10px!important}
.canvas-app-clean-tag.canvas-right i{
  order:2!important;
  margin-right:0!important;
  margin-left:8px!important;
}
.canvas-app-clean-benefits{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border-top:1px solid #d3d9e0!important;
}
.canvas-app-clean-benefits article{
  min-width:0!important;
  height:176px!important;
  margin:0!important;
  padding:11px 7px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  border-right:1px solid #d0d6de!important;
  overflow:hidden!important;
}
.canvas-app-clean-benefits article:last-child{
  border-right:0!important;
}
.canvas-app-clean-benefits svg{
  width:48px!important;
  height:48px!important;
  display:block!important;
  flex:0 0 48px!important;
  margin:0 0 7px!important;
  fill:none!important;
  stroke:#d71920!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.canvas-app-clean-benefits h4 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #12284e !important;
  font-family: Arial Narrow, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
.canvas-app-clean-benefits p{
  width:100%!important;
  min-height:18px!important;
  margin:5px 0 0!important;
  padding:0!important;
  color:#23344a!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1.18!important;
}
.canvas-app-clean-benefits b{
  display:block!important;
  width:29px!important;
  height:3px!important;
  margin:8px 0 0!important;
  background:#d71920!important;
}
@media(max-width:1050px){
  .canvas-app-clean-header h3{
    font-size:24px!important;
  }
  .canvas-app-clean-benefits{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .canvas-app-clean-scenes{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
  }
  .canvas-app-clean-scene:nth-child(1),
  .canvas-app-clean-scene:nth-child(2),
  .canvas-app-clean-scene:nth-child(3),
  .canvas-app-clean-scene:nth-child(4){
    aspect-ratio:16 / 9!important;
  }
  .canvas-app-clean-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .canvas-app-clean-benefits article{
    height:130px!important;
  }
}

/* APPLICATION IMAGES — 10% SMALLER, CENTERED */
.canvas-app-clean-scene img{
  inset:5%!important;
  width:90%!important;
  height:90%!important;
  object-fit:cover!important;
  object-position:center center!important;
}