.mosaicgrid{margin-bottom:3%}
.mosaicgrid .h3{padding:18px 0 0 2px;font-weight:600;font-size:34px;line-height:40px}
.mosaicgrid p{padding:12px 0 0;font-weight:400;font-size:15px;line-height:20px}
.mosaicgrid .horizontal-grid,.mosaicgrid .vertical-grid{margin-top:2%}
.mosaicgrid .vertical-grid .row{margin-right:-0.5rem !important;margin-left:0 !important}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface .card-body h3{font-size:34px;line-height:40px;padding-top:18px;font-weight:600;overflow:hidden}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface .card-body p{padding:12px 0;font-weight:400;font-size:15px;line-height:20px}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface{padding:0 30px 25px 10px;align-items:center;justify-content:space-between}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane .card .card-body.py-md-5{padding-bottom:1.40rem !important}
.mosaicgrid .tile-left .card{padding:32px}
.mosaicgrid .tile-left .card .card-body{flex:0 !important}
.mosaicgrid .tile-grid.vertical .tile-left .card .card-body .h3{font-size:34px;line-height:40px;padding-top:18px;font-weight:600;overflow:hidden}
.mosaicgrid .tile-grid.vertical .tile-left .card .card-body p{font-size:15px;line-height:20px;padding:12px 0;font-weight:400}
.mosaicgrid .tile-grid.vertical .tile-left>div{margin:0}
.mosaicgrid.vertical .tile-right__pane picture img{width:50%;height:50%}
.mosaicgrid .card-component-left{margin-right:-12px !important;margin-bottom:10px}
.mosaicgrid .card-component-left .card .card-img{padding:5% 2% 2% 2% !important;margin:auto}
.mosaicgrid .feature-component-right{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid #f0f0f0;background-color:#f0f0f0;margin-bottom:10px;margin-left:10px}
.highlight-mosaic-grid{width:102.1%;height:auto;margin-left:-1%}
.mosaicgrid .bottom-component .card-foreground{padding:1% 0 0 .5%;width:88%}
.mosaicgrid .horizontal-grid .card.material-surface{height:100%}
.mosaicgrid .horizontal-grid .card.material-surface img{height:auto}
.mosaicgrid .horizontal-grid .card-component-left{margin-bottom:10px !important}
.mosaicgrid .bottom-component .highlight-mosaic-grid picture{width:100%}
.mosaicgrid .feature-component-right .card img{padding:32px 32px 32px 0}
html[dir=rtl] .mosaicgrid .card-component-left{margin-right:initial !important;margin-left:initial !important}
@media only screen and (min-width:860px) and (max-width:970px){.mosaicgrid .card-background{margin-left:-0.4% !important;margin-right:-0.4% !important}
}
@media only screen and (min-width:1084px) and (max-width:1220px){.mosaicgrid .bottom-component{padding:0 10px}
.mosaicgrid .card-background{margin:0 !important}
}
@media only screen and (min-width:1500px){.mosaicgrid .bottom-component .highlight-mosaic-grid picture{padding:0 3px}
}
@media only screen and (min-width:1083px){.mosaicgrid .card-component-left .card{padding:0 6% 7% 4%}
html[dir=rtl] .mosaicgrid .bottom-component{padding-right:.6rem}
.mosaicgrid .card-img-overlay>.card-background{margin:0 !important}
.mosaicgrid .vertical-grid .tile-right{padding:0 10px}
.mosaicgrid .horizontal-grid .row{margin-right:-0.1rem !important}
.mosaicgrid .tile-left{padding:0;margin-top:5px;height:10;margin-bottom:5px;margin-right:-5px}
html[dir=rtl] .mosaicgrid .tile-left{margin-left:-5px;margin-right:auto}
html[dir=rtl] .mosaicgrid .vertical-grid .row{margin-right:5px !important;margin-left:-5px !important}
.mosaicgrid .vertical-grid .tile-grid.vertical .tile-left .card .card-body{width:70% !important}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane{padding:5px 0 5px 6px;height:50%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section{height:100%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card{height:100%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface{height:100%}
html[dir=rtl] .mosaicgrid .horizontal-grid .card-component-left{margin-bottom:10px !important}
html[dir=rtl] .mosaicgrid .feature-component-right{margin-right:0;margin-left:0;padding-left:6%}
html[dir=rtl] .mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane{padding:5px 0 5px 0 !important}
html[dir=rtl] .mosaicgrid .vertical-grid .tile-right{padding:0;padding-right:10px}
.mosaicgrid .feature-component-right .card img{padding:32px 0 32px 32px}
.mosaicgrid .feature-component-right .material-surface .card-body{padding:0 10px !important}
}
@media only screen and (max-width:1083px){.mosaicgrid .card-component-left .card{flex-direction:row}
.mosaicgrid .card-component-left .card .card-img{flex-shrink:1 !important}
.mosaicgrid .card-component-left .card .card-body{padding:3rem !important;margin:50px auto}
.mosaicgrid .vertical-grid .row{margin:0 !important}
}
@media only screen and (min-width:539.9px) and (max-width:1083px){.mosaicgrid .card-component-left .card .card-img{margin-top:auto !important;width:50% !important}
}
@media only screen and (min-width:767px) and (max-width:1083px){.mosaicgrid .feature-component-right{display:block;margin-bottom:10px;margin-left:1.1%;margin-right:1%;padding:0}
.mosaicgrid .tile-left{padding:0 1.8% 0 1%}
html[dir=rtl] .mosaicgrid .tile-left{padding:0 4.8% 0 1%}
.mosaicgrid .tile-grid.vertical .tile-left>div{margin:0 -5% 2% 0;width:100%}
.mosaicgrid .tile-grid.vertical .tile-right{padding:0}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane{margin:10px 0 10px 0;padding:0}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface .d-flex.col-md-6{width:70%;padding:3%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface .col-md-6{width:30%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface img.card-img.img-object-cover{padding-left:10%;padding-right:4%;padding-top:6%}
html[dir=rtl] .mosaicgrid .horizontal-grid .card-component-left{margin-bottom:10px !important;padding-right:2%}
html[dir=rtl] .mosaicgrid .feature-component-right{display:block;margin-bottom:10px;margin-left:2.1%;margin-right:1%;padding:0}
}
@media only screen and (min-width:860px) and (max-width:1083px){.mosaicgrid .bottom-component{padding:0 .6rem !important}
html[dir=rtl] .mosaicgrid .horizontal-grid .card-component-left{padding-left:6px;padding-right:10px}
html[dir=rtl] .mosaicgrid .feature-component-right{margin-left:.6%}
html[dir=rtl] .mosaicgrid .bottom-component{padding:0 0 0 13px !important}
.mosaicgrid .feature-component-right .card img{padding:32px 24px}
}
@media only screen(min-width:860px){.mosaicgrid .feature-component-right .card-body.align-self-center.pl-md-5{padding:0 1rem !important}
}
@media only screen and (min-width:768px) and (max-width:860px){.mosaicgrid .card-component-left .card{padding:0}
.mosaicgrid .horizontal-grid .card.material-surface{margin:0 2px}
.mosaicgrid .feature-component-right .material-surface{margin-right:10px}
.mosaicgrid .bottom-component .card-foreground{padding:1% 0 0 4%;width:88%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface{display:flex;flex-direction:row;padding:20px 30px 25px 15px}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface>div{width:50%}
html[dir=rtl] .mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface{margin-left:0 !important}
}
@media only screen and (min-width:539px) and (max-width:859.9px){.mosaicgrid .feature-component-right{margin-left:3%;flex-basis:calc(95%)}
.mosaicgrid .feature-component-right .material-surface{padding:2% 2% 2% 5%}
.mosaicgrid .feature-component-right .material-surface>div{width:50%}
.mosaicgrid .card-component-left .card .card-img{padding:0 0 0 0 !important;width:50%;margin:auto}
.mosaicgrid .feature-component-right .material-surface .card-body{padding:0 24px 0 0 !important}
}
@media only screen and (max-width:767px){.mosaicgrid .tile-left{padding:0 1.5% 0 0}
html[dir=rtl] .mosaicgrid .tile-left{padding:0 5% 0 0}
html[dir=rtl] .mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface{display:flex;padding:0 2% 5% 0;flex-direction:column-reverse}
.mosaicgrid .feature-component-right{flex-basis:calc(98%);padding:11% 4% 5% 2%}
.mosaicgrid .feature-component-right .card{display:flex !important;flex-direction:row !important}
.mosaicgrid .tile-grid.vertical .tile-right{padding:0}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane{margin-top:10px;padding:0}
.mosaicgrid .tile-grid.vertical .tile-left>div{margin:0 -5% 2% 0;width:100%}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface{display:flex;padding:0;flex-direction:column-reverse}
.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane>section .card .row.no-gutters.material-surface img.card-img.img-object-cover{padding-left:20%;padding-right:20%;padding-top:6%}
.mosaicgrid .bottom-component .card-body{padding:0 5%}
}
@media only screen and (max-width:653px){.mosaicgrid .card-component-left .card .card-img{width:50%}
.mosaicgrid .card-component-left .card .card-body{padding:0rem !important;padding-right:20px !important;padding-left:20px !important}
}
@media only screen and (max-width:539px){.mosaicgrid .horizontal-grid .card-component-left .card{display:flex !important;flex-direction:column !important}
.mosaicgrid .card-component-left .card .card-img{flex-shrink:0 !important;padding:5% !important;width:100%}
.mosaicgrid .card-component-left .card .card-body{padding:0 0rem 3rem 0rem !important;margin:0 50px 0 30px !important}
}
@media only screen and (max-width:539.9px){.mosaicgrid .feature-component-right{flex-basis:calc(96.1%);padding:11% 4% 5% 2%;margin-left:2%}
.mosaicgrid .horizontal-grid .feature-component-right .card{margin-left:2.25rem !important;margin-right:.25rem !important}
.mosaicgrid .horizontal-grid .feature-component-right .card .row{display:flex;flex-direction:column-reverse;flex-wrap:wrap;margin-right:.25rem;margin-left:-0.75rem}
.mosaicgrid .feature-component-right{margin-right:12px;margin-left:12px}
.mosaicgrid .bottom-component{padding:0 .3rem}
html[dir=rtl] .mosaicgrid .bottom-component{padding:0 0rem}
html[dir=rtl] .mosaicgrid .horizontal-grid .card-component-left{margin:auto auto 10px auto !important;padding-left:2% !important;padding-right:2.1%}
html[dir=rtl] .mosaicgrid .feature-component-right{padding-right:16% !important;margin-left:2.2% !important;padding-bottom:10%}
.mosaicgrid .feature-component-right .card img{padding:0 0 32px 0}
}
@media only screen and (max-width:860px){.mosaicgrid .vertical-grid .tile-right .tile-right__pane .card{margin-left:0 !important;margin-right:0 !important}
html[dir=rtl] .mosaicgrid .horizontal-grid .card-component-left{margin-bottom:10px !important;padding-right:2%;margin-right:0 !important}
html[dir=rtl] .mosaicgrid .feature-component-right{margin-right:2%;margin-left:1.6%}
html[dir=rtl] .mosaicgrid .bottom-component{padding:0 0 0 .7rem}
.mosaicgrid .horizontal-grid .img-object-cover{object-fit:initial}
.mosaicgrid .feature-component-right .card img{padding:32px 0 32px 0}
}
@media only screen and (max-width:449px){.mosaicgrid .tile-grid.vertical .tile-right .tile-right__pane{margin:4% 0 4% 0}
.mosaicgrid .bottom-component{padding:0 .25rem}
html[dir=rtl] .mosaicgrid .horizontal-grid .card-component-left{margin-bottom:-10px !important;padding-right:4% !important}
}
@media only screen and (max-width:767px) and (min-width:540px){.mosaicgrid .feature-component-right{margin-right:2%;margin-left:2%}
.mosaicgrid .bottom-component{padding:0 .4rem}
}
@media only and (min-width:1700px){html[dir=rtl] .mosaicgrid .bottom-component{padding-left:1.1rem !important}
}