.column-banner-component.edit .column-banner-container{opacity:1 !important;-webkit-transform:translate(0) !important;transform:translate(0) !important}
.column-banner-component{margin:auto;max-width:160pc}
.column-banner-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:grid;justify-content:center;margin:auto;position:relative;width:915pt}
@media(max-width:1220px){.column-banner-container{row-gap:40px;width:8in}
}
@media(max-width:767px){.column-banner-container{row-gap:20px}
}
.column-banner-container.square{grid-template-columns:610px 610px}
.column-banner-container.square .column-banner-image-container{height:610px}
@media(max-width:1220px){.column-banner-container.square .column-banner-image-container{height:100%}
.column-banner-container.square{grid-template-columns:8in;grid-template-rows:408px 1fr}
.column-banner-container.square .column-banner-image-container{margin:auto;width:408px}
}
@media(max-width:767px){.column-banner-container.square{grid-template-columns:calc(100vw - 40px) !important;grid-template-rows:calc(100vw - 40px) 1fr;width:calc(100vw - 40px)}
.column-banner-container.square .column-banner-image-container{width:100%}
}
.column-banner-container.rectangle.image-position-left{grid-template-columns:813px 407px}
.column-banner-container.rectangle.image-position-left .column-banner-text-container{margin-left:40px}
.column-banner-container.rectangle.image-position-right{grid-template-columns:407px 813px}
.column-banner-container.rectangle.image-position-right .column-banner-text-container{margin-right:40px}
.column-banner-container.rectangle .column-banner-image-container{height:457px}
@media(max-width:1220px){.column-banner-container.rectangle .column-banner-image-container{height:100%}
.column-banner-container.rectangle{grid-template-columns:8in !important;grid-template-rows:408px 1fr}
.column-banner-container.rectangle .column-banner-image-container{height:408px;margin:auto;width:728px}
}
@media(max-width:767px){.column-banner-container.rectangle{grid-template-columns:calc(100vw - 40px) !important;grid-template-rows:calc(56.25vw - 22.5px) 1fr;width:calc(100vw - 40px)}
.column-banner-container.rectangle .column-banner-image-container{height:100%;width:100%}
}
.column-banner-container.image-position-left{grid-template-areas:"image text"}
@media(max-width:1220px){.column-banner-container.image-position-left{grid-template-areas:"image" "text"}
}
.column-banner-container.image-position-left .column-banner-text-container{grid-area:text;margin-left:5pc}
@media(max-width:1220px){.column-banner-container.image-position-left .column-banner-text-container{margin-left:0 !important}
}
.column-banner-container.image-position-left .column-banner-image-container{grid-area:image}
.column-banner-container.image-position-right .column-banner-text-container{margin-right:5pc}
@media(max-width:1220px){.column-banner-container.image-position-right .column-banner-text-container{margin-right:0 !important}
}
.column-banner-container .column-banner-text-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}
@media(max-width:1220px){.column-banner-container .column-banner-text-container{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
}
.column-banner-container .column-banner-text-container .text-component{width:100%}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component{width:728px}
}
@media(max-width:767px){.column-banner-container .column-banner-text-container .text-component{padding:0;width:100%}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media(max-width:767px){.column-banner-container .column-banner-text-container .text-component .text-wrap{margin:0;padding:0}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap.icon-bottom .text-icon-wrap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:0}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component .text-wrap.icon-bottom .text-icon-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:24px}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap.icon-bottom .text-link{margin-bottom:0}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-icon-wrap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:8px}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-icon-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;height:auto;justify-content:center;text-align:left}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap .text-subtitle,.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap .text-tag{display:none}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-title{max-height:344px;overflow:hidden;width:100%}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-desc{max-height:216px;overflow:hidden}
@media(max-width:767px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-desc{max-height:unset}
}
@media(min-width:1221px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-note{max-height:72px}
}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-note{max-height:unset}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-btn{margin-bottom:0}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-link{margin:9pt 0}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap .button-display{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap .button-display{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap .button-display .text-link{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
@media(max-width:1220px){.column-banner-container .column-banner-text-container .text-component .text-wrap .text-content-wrap .button-display .text-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.column-banner-container .column-banner-image-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2pc;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative;width:100%}
@media(max-width:1220px){.column-banner-container .column-banner-image-container{-webkit-box-ordinal-group:2;-ms-flex-order:1;border-radius:24px;order:1}
}
@media(max-width:767px){.column-banner-container .column-banner-image-container{border-radius:9pt}
}
.column-banner-container .column-banner-image-container img,.column-banner-container .column-banner-image-container video{height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:middle;width:100%}
.column-banner-container .column-banner-image-container video{height:100%;-o-object-fit:cover;object-fit:cover}
@media(max-width:1220px){.column-banner-container.imageCompare{grid-template-columns:8in;grid-template-rows:1fr}
.column-banner-container.imageCompare.media-bottom{grid-template-areas:"text" "image"}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;max-height:686px;overflow:hidden;position:relative;width:100%;z-index:2}
@media(max-width:1220px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare{height:auto !important;max-height:unset !important;min-height:unset !important;width:auto !important}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .img-comp-img{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}
@media(max-width:1220px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .img-comp-img{max-width:calc(100vw - 40px)}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .img-comp-img.img-comp-overlay{clip-path:inset(0 0 0 50%);position:absolute;z-index:1}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .img-comp-img.img-comp-overlay img{z-index:1}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description,.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description{border-radius:8px;bottom:20px;-webkit-box-sizing:content-box;box-sizing:content-box;height:24px;max-width:550px;overflow:hidden;padding:5px 10px;position:absolute}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description,.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description{bottom:10px}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description.t-black,.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description.t-black{background:rgba(255,255,255,.9)}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description.t-white,.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description.t-white{background:rgba(0,0,0,.6)}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description p,.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description p{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;max-width:20pc;overflow:hidden}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description{left:20px;z-index:1}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .left-description{left:10px}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description{right:20px;z-index:2}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .right-description{right:10px}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider{cursor:pointer;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75pt;z-index:9}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider:before{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:60px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;z-index:1}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider:before{height:40px;width:40px}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider:after{content:"";display:block;height:100%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider:after{width:2px}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider svg{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider .before-pc{display:block}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider .before-pc{display:none}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider .before-mb{display:none}
@media(max-width:767px){.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .slider .before-mb{display:block}
}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .compare-btn-white:after{background-color:var(--white)}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .compare-btn-white .black{display:none}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .compare-btn-black:after{background-color:var(--black)}
.column-banner-container.imageCompare .column-banner-image-container .columnBannnerCompare .compare-btn-black .white{display:none}