.elementor-559 .elementor-element.elementor-element-99f4947{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-559 .elementor-element.elementor-element-99f4947:not(.elementor-motion-effects-element-type-background), .elementor-559 .elementor-element.elementor-element-99f4947 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-559 .elementor-element.elementor-element-e63a3dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-518a467{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-8b960a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-d4e4e8e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-db3958a{--display:flex;}.elementor-559 .elementor-element.elementor-element-a7cf2b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-b7077df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-15e299c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-faa098b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:28px 28px;--row-gap:28px;--column-gap:28px;}.elementor-559 .elementor-element.elementor-element-80e86a7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-559 .elementor-element.elementor-element-7674e44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-65e2c8e .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-65e2c8e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-65e2c8e.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-65e2c8e.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-65e2c8e.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-65e2c8e.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-e7e8db3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-1b3dc08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-559 .elementor-element.elementor-element-cd1d121{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-559 .elementor-element.elementor-element-cd1d121 .elementor-icon-list-text{transition:color 0.3s;}.elementor-559 .elementor-element.elementor-element-6386dab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-72a5321{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-89a7404 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-d3df032{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-408a159{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-c095d05 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-c095d05.elementor-view-stacked .elementor-icon{background-color:#12B76A;}.elementor-559 .elementor-element.elementor-element-c095d05.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-c095d05.elementor-view-default .elementor-icon{color:#12B76A;border-color:#12B76A;}.elementor-559 .elementor-element.elementor-element-c095d05.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-c095d05.elementor-view-default .elementor-icon svg{fill:#12B76A;}.elementor-559 .elementor-element.elementor-element-1e78c94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-559 .elementor-element.elementor-element-1a01bf7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-0e1a106 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-0e1a106.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-0e1a106.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-0e1a106.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-0e1a106.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-0e1a106.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-a88cb8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-08a2f8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-559 .elementor-element.elementor-element-f740111{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-9d3711a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-f17bdf5 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-53a7575{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-d2666c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-b88a571 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-b88a571.elementor-view-stacked .elementor-icon{background-color:#7C3AED;}.elementor-559 .elementor-element.elementor-element-b88a571.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-b88a571.elementor-view-default .elementor-icon{color:#7C3AED;border-color:#7C3AED;}.elementor-559 .elementor-element.elementor-element-b88a571.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-b88a571.elementor-view-default .elementor-icon svg{fill:#7C3AED;}.elementor-559 .elementor-element.elementor-element-40c21e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-559 .elementor-element.elementor-element-b09d0c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-161c3fb .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-161c3fb.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-161c3fb.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-161c3fb.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-161c3fb.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-161c3fb.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-a13e707{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-5fd7eaa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-559 .elementor-element.elementor-element-83b76f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-fd9b7d4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-01de05e .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-b77ed28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-3b5c35b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-d842e2d .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-d842e2d.elementor-view-stacked .elementor-icon{background-color:#E8830C;}.elementor-559 .elementor-element.elementor-element-d842e2d.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-d842e2d.elementor-view-default .elementor-icon{color:#E8830C;border-color:#E8830C;}.elementor-559 .elementor-element.elementor-element-d842e2d.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-d842e2d.elementor-view-default .elementor-icon svg{fill:#E8830C;}.elementor-559 .elementor-element.elementor-element-a8a6ba2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-559 .elementor-element.elementor-element-f9f2f5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-d0a62fe .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-d0a62fe.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-d0a62fe.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-d0a62fe.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-d0a62fe.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-d0a62fe.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-4b8e102{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-7ca7cf3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-5bd08a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-559 .elementor-element.elementor-element-b502e2b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-97c07b6 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-97c07b6.elementor-view-stacked .elementor-icon{background-color:#475467;}.elementor-559 .elementor-element.elementor-element-97c07b6.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-97c07b6.elementor-view-default .elementor-icon{color:#475467;border-color:#475467;}.elementor-559 .elementor-element.elementor-element-97c07b6.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-97c07b6.elementor-view-default .elementor-icon svg{fill:#475467;}.elementor-559 .elementor-element.elementor-element-028f77e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-dbbf95e .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-dbbf95e.elementor-view-stacked .elementor-icon{background-color:#475467;}.elementor-559 .elementor-element.elementor-element-dbbf95e.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-dbbf95e.elementor-view-default .elementor-icon{color:#475467;border-color:#475467;}.elementor-559 .elementor-element.elementor-element-dbbf95e.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-dbbf95e.elementor-view-default .elementor-icon svg{fill:#475467;}.elementor-559 .elementor-element.elementor-element-78dfe90{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-c3150d2 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-c3150d2.elementor-view-stacked .elementor-icon{background-color:#475467;}.elementor-559 .elementor-element.elementor-element-c3150d2.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-c3150d2.elementor-view-default .elementor-icon{color:#475467;border-color:#475467;}.elementor-559 .elementor-element.elementor-element-c3150d2.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-c3150d2.elementor-view-default .elementor-icon svg{fill:#475467;}.elementor-559 .elementor-element.elementor-element-c77d5fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-d7e3031 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-d7e3031.elementor-view-stacked .elementor-icon{background-color:#475467;}.elementor-559 .elementor-element.elementor-element-d7e3031.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-d7e3031.elementor-view-default .elementor-icon{color:#475467;border-color:#475467;}.elementor-559 .elementor-element.elementor-element-d7e3031.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-d7e3031.elementor-view-default .elementor-icon svg{fill:#475467;}.elementor-559 .elementor-element.elementor-element-70af35a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-259a93f .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-259a93f.elementor-view-stacked .elementor-icon{background-color:#475467;}.elementor-559 .elementor-element.elementor-element-259a93f.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-259a93f.elementor-view-default .elementor-icon{color:#475467;border-color:#475467;}.elementor-559 .elementor-element.elementor-element-259a93f.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-259a93f.elementor-view-default .elementor-icon svg{fill:#475467;}.elementor-559 .elementor-element.elementor-element-08feb55{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-fc1e00a .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-fc1e00a.elementor-view-stacked .elementor-icon{background-color:#475467;}.elementor-559 .elementor-element.elementor-element-fc1e00a.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-fc1e00a.elementor-view-default .elementor-icon{color:#475467;border-color:#475467;}.elementor-559 .elementor-element.elementor-element-fc1e00a.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-fc1e00a.elementor-view-default .elementor-icon svg{fill:#475467;}.elementor-559 .elementor-element.elementor-element-a609f2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-559 .elementor-element.elementor-element-d7033d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-9c401b9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-50c3977 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-b987f05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-b25b988{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-559 .elementor-element.elementor-element-410d891 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-410d891.elementor-view-stacked .elementor-icon{background-color:#16A34A;}.elementor-559 .elementor-element.elementor-element-410d891.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-410d891.elementor-view-default .elementor-icon{color:#16A34A;border-color:#16A34A;}.elementor-559 .elementor-element.elementor-element-410d891.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-410d891.elementor-view-default .elementor-icon svg{fill:#16A34A;}.elementor-559 .elementor-element.elementor-element-b8365c5{--display:flex;}.elementor-559 .elementor-element.elementor-element-c3a1cf4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-d82d78b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-1b7728b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-5db4721{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-559 .elementor-element.elementor-element-f0ed5c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-c4dadca .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-c4dadca.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-c4dadca.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-c4dadca.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-c4dadca.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-c4dadca.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-e684935 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-559 .elementor-element.elementor-element-c4432be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-dbd17bf .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-dbd17bf.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-dbd17bf.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-dbd17bf.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-dbd17bf.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-dbd17bf.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-0eb33fa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-559 .elementor-element.elementor-element-88fe167{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-4030ec5 .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-4030ec5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-4030ec5.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-4030ec5.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-4030ec5.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-4030ec5.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-559 .elementor-element.elementor-element-acf5eec .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-559 .elementor-element.elementor-element-37e64d1{--display:flex;}.elementor-559 .elementor-element.elementor-element-c2e6faa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-5c77eec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-8dfd550{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.elementor-559 .elementor-element.elementor-element-07fc5c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-5cd7fba .elementor-icon-wrapper{text-align:center;}.elementor-559 .elementor-element.elementor-element-5cd7fba.elementor-view-stacked .elementor-icon{background-color:#F5A623;}.elementor-559 .elementor-element.elementor-element-5cd7fba.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-5cd7fba.elementor-view-default .elementor-icon{color:#F5A623;border-color:#F5A623;}.elementor-559 .elementor-element.elementor-element-5cd7fba.elementor-view-framed .elementor-icon, .elementor-559 .elementor-element.elementor-element-5cd7fba.elementor-view-default .elementor-icon svg{fill:#F5A623;}.elementor-559 .elementor-element.elementor-element-5cd7fba .elementor-icon{font-size:38px;}.elementor-559 .elementor-element.elementor-element-5cd7fba .elementor-icon svg{height:38px;}.elementor-559 .elementor-element.elementor-element-b927ffd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-559 .elementor-element.elementor-element-55067d6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:70px;--padding-bottom:70px;--padding-left:30px;--padding-right:30px;}.elementor-559 .elementor-element.elementor-element-55067d6:not(.elementor-motion-effects-element-type-background), .elementor-559 .elementor-element.elementor-element-55067d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6919975 );}.elementor-559 .elementor-element.elementor-element-bd55823{text-align:center;}.elementor-559 .elementor-element.elementor-element-bd55823 .elementor-heading-title{font-family:"HelveticaNeueLTPro-Bd", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;color:var( --e-global-color-488db0d );}.elementor-559 .elementor-element.elementor-element-91de994{text-align:center;font-family:"Muli-Regular", Sans-serif;font-size:15px;line-height:1.5em;color:#D1D5DB;}.elementor-559 .elementor-element.elementor-element-e57918d .elementor-button{background-color:var( --e-global-color-primary );font-family:"Muli-Black", Sans-serif;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;fill:var( --e-global-color-9d62b29 );color:var( --e-global-color-9d62b29 );border-radius:30px 30px 30px 30px;padding:14px 26px 14px 26px;}.elementor-559 .elementor-element.elementor-element-e57918d .elementor-button:hover, .elementor-559 .elementor-element.elementor-element-e57918d .elementor-button:focus{background-color:#FFDB5F;color:#000000;}.elementor-559 .elementor-element.elementor-element-e57918d .elementor-button:hover svg, .elementor-559 .elementor-element.elementor-element-e57918d .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-559 .elementor-element.elementor-element-bd55823 .elementor-heading-title{font-size:26px;}}@media(max-width:767px){.elementor-559 .elementor-element.elementor-element-99f4947{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-559 .elementor-element.elementor-element-55067d6{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-559 .elementor-element.elementor-element-bd55823 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for container, class: .elementor-element-99f4947 */.elementor-559 .elementor-element.elementor-element-99f4947 { min-height: 80vh !important; height: 80vh !important; overflow: hidden; padding-left: max(40px, calc((100vw - 1400px) / 2)) !important; padding-right: max(40px, calc((100vw - 1400px) / 2)) !important; }
.elementor-559 .elementor-element.elementor-element-99f4947 .elementor-widget-image, .elementor-559 .elementor-element.elementor-element-99f4947 .elementor-widget-image .elementor-image, .elementor-559 .elementor-element.elementor-element-99f4947 .elementor-widget-image img { height: 100% !important; max-height: 100% !important; }
.elementor-559 .elementor-element.elementor-element-99f4947 .elementor-widget-image img { width: auto !important; max-width: 100% !important; object-fit: cover; object-position: center center; }
@media (max-width: 767px){ .elementor-559 .elementor-element.elementor-element-99f4947 { min-height: auto !important; height: auto !important; overflow: visible; padding-left: 20px !important; padding-right: 20px !important; }
  .elementor-559 .elementor-element.elementor-element-99f4947 .elementor-widget-image img { height: auto !important; max-height: none !important; width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS *//* ========================================================================
   Testimonial quote block (Section 7 testimonial HTML widget).
   Classes come from the original home-redesign-new export but the rules
   weren't in this stylesheet. Restoring them.
   ======================================================================== */
.txtQuoteSection { padding: 16px 0; }
.txtQuoteWrapper { max-width: 100%; }
.txtQuoteHeading {
  display: block;
  position: relative;
  margin-bottom: 18px;
}

/* ---- Section 5 (yellow CTA) variant: NO `1` suffix.
        BIG bold heading + non-italic body + large quote marks. ---- */
.txtQuoteTitle {
  display: inline;
  font-family: "HelveticaNeueLTPro-Bd", "HelveticaNeueLTPro-Th", system-ui, sans-serif;
  font-size: 30px;
  line-height: 1.18;
  font-weight: 700;
  color: #212529;
  letter-spacing: normal;
  text-transform: none;
  margin: 0;
}
.txtQuoteHeading .txtQuoteMark:not(.txtQuoteMark1) {
  display: inline-block;
  vertical-align: top;
  line-height: 0;
}
.txtQuoteHeading .txtQuoteMark:not(.txtQuoteMark1) img {
  width: 48px;
  height: auto;
}
.txtQuoteHeading .txtQuoteMarkLeft:not(.txtQuoteMarkLeft1) { margin-right: 14px; }
.txtQuoteHeading .txtQuoteMarkRight:not(.txtQuoteMarkRight1) {
  margin-left: 14px;
  vertical-align: bottom;
}
.txtQuoteHeading .txtQuoteMarkRight:not(.txtQuoteMarkRight1) img { transform: rotate(180deg); }
.txtQuoteDescription {
  display: block;
  font-family: "Muli-Regular", system-ui, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  color: #212529;
  margin-top: 18px;
  font-weight: 400;
}

/* ---- Section 6 (testimonial) variant: classes ending in `1`.
        Italic testimonial quote + small marks. ---- */
.txtQuoteMark1,
.txtQuoteMarkLeft1,
.txtQuoteMarkRight1 {
  display: inline-block;
  vertical-align: top;
  line-height: 0;
}
.txtQuoteMark1 img,
.txtQuoteMarkLeft1 img,
.txtQuoteMarkRight1 img {
  width: 30px;
  height: auto;
}
.txtQuoteMarkLeft1 { margin-right: 10px; }
.txtQuoteMarkRight1 {
  margin-left: 10px;
  vertical-align: bottom;
}
.txtQuoteMarkRight1 img { transform: rotate(180deg); }
.txtQuoteDescription1 {
  font-family: "Muli-Regular", system-ui, sans-serif;
  font-style: italic;
  font-size: 17px;
  line-height: 1.65;
  color: #212529;
}

/* ---- Section 5 photo: rounded corners ---- */
[data-id="11686f35"] [data-id="c43a68e"] img {
  border-radius: 14px;
}

/* ========================================================================
   Resource blog cards (Section 8 — 4 cards 2x2).
   ======================================================================== */
.main-div {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main-div .card { display: flex; flex-direction: column; height: 100%; background: transparent; border: none; }
.main-div .card-header {
  background: #212529;
  padding: 18px 22px;
  color: #fff;
  border-bottom: none;
}
.main-div .card-header .category {
  display: block;
  font-family: "Muli-ExtraBold", system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #cccccc;
  margin-bottom: 6px;
}
.main-div .card-header .date {
  color: #F5B303;
  font-family: "Muli-ExtraBold", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.main-div .card-body {
  padding: 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.main-div .card-body h3,
.main-div .card-body h4,
.main-div .card-body .title {
  font-family: "HelveticaNeueLTPro-Bd", system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  color: #212529;
  margin: 0 0 12px;
  font-weight: 700;
}
.main-div .card-body p {
  font-family: "Muli-Regular", system-ui, sans-serif;
  color: #515059;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 14px;
}
.main-div .read-more {
  color: #F5B303;
  text-decoration: none;
  font-family: "Muli-ExtraBold", system-ui, sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-top: auto;
  align-self: flex-start;
}
.main-div .read-more:hover { text-decoration: underline; }

/* ========================================================================
   Section 6/7 image-left content-right rows: prevent the iStock photos
   from stretching to match grid row height. Cap aspect ratio.
   ======================================================================== */
.e-con [data-element_type="container"][data-settings*="grid"] > .elementor-widget-image,
.e-con > .e-con-full > .elementor-widget-image {
  align-self: start;
}
.elementor-widget-image img {
  height: auto;
  max-height: none;
}

/* ========================================================================
   Section 2 "How ClearSight Works" stat cards: borders, centered icons,
   white card background to lift them off the section bg.
   The 3 cards share id="clearsightworks_card" (Elementor allows dup ids);
   we scope by their parent section id.
   ======================================================================== */
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="42adfa19"],
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="6c6f3038"],
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="275b5aa7"] {
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  padding: 36px 28px 32px;
  text-align: center;
  align-items: center !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="42adfa19"]:hover,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="6c6f3038"]:hover,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="275b5aa7"]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
  border-color: #F5B303;
}
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="42adfa19"] .elementor-widget-image,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="6c6f3038"] .elementor-widget-image,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="275b5aa7"] .elementor-widget-image {
  text-align: center;
  width: 100%;
}
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="42adfa19"] .elementor-widget-image .elementor-widget-container,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="6c6f3038"] .elementor-widget-image .elementor-widget-container,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="275b5aa7"] .elementor-widget-image .elementor-widget-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="42adfa19"] .elementor-widget-image img,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="6c6f3038"] .elementor-widget-image img,
[data-id="6832bfb"] [id="clearsightworks_card"][data-id="275b5aa7"] .elementor-widget-image img {
  margin: 0 auto;
}

/* ========================================================================
   Section 3 "Our Services" cards: hover lift + shadow matching the
   subpage build (Facility / Physician / Trainees) for consistency.
   The 4 cards are 742780be / 7bf4aaec / 6af456a8 / 65aa9944 (all .service-box).
   5e26ea0f is the OUTER row container — don't touch it.
   ======================================================================== */
[data-id="35f7c08e"] .service-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
}
[data-id="35f7c08e"] .service-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

/* ========================================================================
   Section 4 "Our Products" carousel cards: borders + light shadow so
   each slide reads as a distinct card.
   ======================================================================== */
[data-id="78d5b293"] .swiper-slide > [id="clearsightworks_card"] {
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
[data-id="78d5b293"] .swiper-slide > [id="clearsightworks_card"]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  border-color: #F5B303;
}

/* ========================================================================
   Section 6 stat band: "10x Increase / in practice conversion" +
   "70% Increase / in rep adoption" as a side-by-side yellow band.
   The text-editor renders each line as <p>; CSS turns it into a 2-col grid
   with the number lines as headlines and the captions as subtext.
   ======================================================================== */
/* ========================================================================
   Products subpages: yellow testimonial section stat band ("10x earlier
   identification | 5h+ saved per rep per week" etc.). Used in posts
   for-sales-reps / for-sales-managers / for-marketing /
   for-medical-education / for-analytics.
   ======================================================================== */
.cs-product-stat-band {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
  margin-top: 28px;
}
.cs-product-stat-band .stat {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.cs-product-stat-band .stat strong {
  font-family: "HelveticaNeueLTPro-Bd", system-ui, sans-serif;
  font-size: 32px;
  line-height: 1.05;
  color: #212529;
  font-weight: 700;
}
.cs-product-stat-band .stat span {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 15px;
  color: #212529;
}
@media (max-width: 600px) {
  .cs-product-stat-band { flex-direction: column; gap: 12px; }
}

/* Match Section 2 "How ClearSight Works" stat card pattern: white card,
   amber number, dark label. */
.cs-stat-band-wrap {
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  padding: 28px 32px;
  margin-top: 28px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.cs-stat-band-wrap .elementor-widget-container { background: transparent; }
.cs-stat-band-wrap .stats-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.cs-stat-band-wrap .stat { flex: 1; min-width: 0; text-align: left; }
.cs-stat-band-wrap .stat h2 {
  font-family: "HelveticaNeueLTPro-Bd", "Muli-Black", system-ui, sans-serif;
  font-size: 40px;
  line-height: 1.05;
  font-weight: 700;
  color: #F5B303;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.cs-stat-band-wrap .stat p {
  font-family: "Muli-Regular", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #212529;
  margin: 0;
}
.cs-stat-band-wrap .divider {
  width: 1px;
  align-self: stretch;
  background: rgba(15, 23, 42, 0.10);
  margin: 6px 0;
}
@media (max-width: 600px) {
  .cs-stat-band-wrap .stats-box { flex-direction: column; align-items: flex-start; gap: 18px; }
  .cs-stat-band-wrap .divider { width: 100%; height: 1px; }
}

/* ========================================================================
   Section 7 Resources cards: lock image height so the dark header strip,
   title, excerpt, and read-more all align across the 2x2 grid regardless
   of whether the source image is square or landscape.
   ======================================================================== */
.main-div {
  display: flex;
  flex-direction: column;
}
.main-div .card-image,
.main-div > a > img,
.main-div > img,
.main-div .card > img,
.main-div .card > a > img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}
.main-div .card { display: flex; flex-direction: column; flex: 1; }
.main-div .card-body { flex: 1; }


/* === LOCAL CLONE: header text visible on non-home pages (live uses JS sticky state) === */
body:not(.home) #header,
body:not(.home) header[data-elementor-type="header"]{
  background:transparent !important;
}
body:not(.home) #header .elementor-item,
body:not(.home) header[data-elementor-type="header"] .elementor-item {
  color: #fff !important;
}

/* dark-header override removed */



/* === HEADER: match the hero's dark bg so menu text stays legible without obscuring the dashboard image === */
body header[data-elementor-type="header"]{
  background:transparent !important;
}
body header[data-elementor-type="header"] .elementor-nav-menu .elementor-item {
  color: #FFFFFF !important;
}
body header[data-elementor-type="header"] .elementor-nav-menu .elementor-item:hover {
  color: #F5B303 !important;
}

/* === Respect prefers-reduced-motion === */
@media (prefers-reduced-motion: reduce) {
    .elementor-page-475 .animated {
        animation: none !important;
    }
    .elementor-page-475 .elementor-invisible {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
    .elementor-page-475 .elementor-widget-html:hover > .elementor-widget-container > div[style*='border-radius:14px'],
    .elementor-page-475 .elementor-widget-image:hover img,
    .elementor-page-475 .elementor-button:hover {
        transform: none !important;
    }
}

/* === Respect prefers-reduced-motion === */
@media (prefers-reduced-motion: reduce) {
    .elementor-page-475 .animated {
        animation: none !important;
    }
    .elementor-page-475 .elementor-invisible {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
    .elementor-page-475 .elementor-widget-html:hover > .elementor-widget-container > div[style*='border-radius:14px'],
    .elementor-page-475 .elementor-widget-image:hover img,
    .elementor-page-475 .elementor-button:hover {
        transform: none !important;
    }
}

/* Transparent header overlays hero — added 2026-06-30 */
body header[data-elementor-type="header"]{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:100 !important;}
body.elementor-page main, body.elementor-page .elementor-location-single, body main.site-main{padding-top:0 !important;margin-top:0 !important;}

/* Kill 20px gap between absolute header and first Elementor section */


/* Transparent header overlay — kill the 20px text-whitespace gap between <header> and page wrapper */
body{font-size:0 !important;}
body > .elementor,body > header,body > footer,body > div{font-size:16px !important;}
body > .elementor:not(.elementor-location-header):not(.elementor-location-footer){margin-top:0 !important;padding-top:0 !important;}

/* Transparent header overlay — pull page wrapper up to eat 20px whitespace gap */
body > .elementor:not(.elementor-location-header):not(.elementor-location-footer){margin-top:-20px !important;}

/* Spine column: 2px-wide yellow vertical stripe down the center of the column,
   full section height. The column already stretches via flex_align_items: stretch,
   so this CSS fills it edge-to-edge. The badge HTML inside sits on top of the line. */
.csh-spine-col{
  background-image: linear-gradient(to bottom, #F5B303 0%, #F5B303 100%) !important;
  background-size: 2px 100% !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

/* Safety net: if Elementor's entrance-animation IntersectionObserver fails to fire
   (script error, dynamic content from shortcodes, etc.), elements stay stuck with
   .elementor-invisible (opacity:0). Reveal them after 200ms with a quick fade so
   the page never appears empty on first paint. Real entrance animations still play
   normally if they fire within that 200ms window. */
@keyframes csh-reveal-fallback {
    to { opacity: 1; visibility: visible; transform: none; }
}
.elementor-invisible {
    animation: csh-reveal-fallback 0.25s ease-out 0.2s forwards;
}

/* Kill Hello Biz theme's pink hover on all <button>/[type=button]/[type=submit].
   The theme applies background:#CC3366 white text on hover, which conflicts with
   our minimal button styling on the FAQ filter tabs and any other custom buttons. */
[type="button"]:focus, [type="button"]:hover,
[type="submit"]:focus, [type="submit"]:hover,
button:focus, button:hover {
    background-color: initial;
    color: inherit;
}

/* ========== HELP CENTER hero decoration + topic-row grid ========== */
/* (moved here from el_html widgets in _build_help_center.php so the editor doesn't
   show empty placeholder boxes for CSS-only content) */
.hc-hero-section{position:relative !important;overflow:hidden !important;}
.hc-hero-section > *{position:relative;z-index:2;}
.hc-hero-section::before{
    content:"";position:absolute;right:0;left:auto;top:0;bottom:0;width:55%;
    background-image:url("/wp-content/uploads/hc-hero-decoration.png");
    background-position:right center;background-size:contain;background-repeat:no-repeat;
    pointer-events:none;z-index:1;opacity:0.95;
}
@media (max-width:767px){.hc-hero-section::before{display:none;}}

/* Browse-by-Topic 5-card grid: equal width + height across cards, arrows pinned bottom-right */
.csh-topic-row{display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:16px !important;align-items:stretch !important;}
@media (max-width:980px){.csh-topic-row{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:560px){.csh-topic-row{grid-template-columns:1fr !important;}}
.csh-topic-row > *{width:auto !important;max-width:none !important;height:100%;}
.csh-topic-row > .elementor-widget-html > .elementor-widget-container{height:100%;}
.csh-topic-card{height:100%;}
.csh-topic-card:hover{border-color:#F5B303 !important;box-shadow:0 12px 24px rgba(15,23,42,0.10) !important;}

/* ============================================================================
   MOBILE BREAKPOINTS (added 2026-06-30)
   Global mobile-responsive rules. Scoped to body.elementor-page-559s actually used in this
   file plus common Elementor heading widgets. Existing rules above are not
   modified — these append at the cascade tail so they win on equal specificity.
   ============================================================================ */

/* ---- 768px and below: tablets + large phones ---- */
@media (max-width: 768px) {

    /* Typography: shrink headings ~30-40% from desktop sizes */
    h1, .elementor-widget-heading h1.elementor-heading-title {
        font-size: clamp(28px, 7vw, 38px) !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
    }
    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: clamp(24px, 5.5vw, 30px) !important;
        line-height: 1.2 !important;
    }
    h3, .elementor-widget-heading h3.elementor-heading-title {
        font-size: clamp(19px, 4.5vw, 22px) !important;
        line-height: 1.25 !important;
    }

    /* Stat band: shrink the big amber number so it doesn't overflow */
    .cs-stat-band-wrap { padding: 20px 18px !important; }
    .cs-stat-band-wrap .stat h2 { font-size: 28px !important; }
    .cs-product-stat-band .stat { font-size: 22px !important; }

    /* Section vertical padding: cut Elementor's default ~100px hero/section
       padding roughly in half on mobile. Targets top-level sections only. */
    .elementor-section.elementor-top-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .hc-hero-section,
    .elementor-section.elementor-top-section.hc-hero-section {
        padding-top: 64px !important;
        padding-bottom: 56px !important;
    }

    /* Spine columns: visual stripe only works in a side-by-side desktop layout.
       In stacked mobile flow it renders as a floating yellow bar between
       sections. Hide entirely. */
    .csh-spine-col {
        display: none !important;
    }

    /* Resources card images: 280px is too tall for narrow phones */
    .main-div .card-image,
    .main-div > a > img,
    .main-div > img,
    .main-div .card > img,
    .main-div .card > a > img {
        height: 200px !important;
    }

    /* Stat-band-wrap divider was already handled at 600px but reinforce here
       in case the band sits inside a column that goes single-col at 768px */
    .cs-stat-band-wrap .stats-box { gap: 20px !important; }
}

/* ---- 480px and below: small phones ---- */
@media (max-width: 480px) {

    h1, .elementor-widget-heading h1.elementor-heading-title {
        font-size: clamp(24px, 8vw, 30px) !important;
    }
    h2, .elementor-widget-heading h2.elementor-heading-title {
        font-size: clamp(20px, 6.5vw, 26px) !important;
    }
    h3, .elementor-widget-heading h3.elementor-heading-title {
        font-size: clamp(17px, 5vw, 20px) !important;
    }

    /* Tighter section padding on phones */
    .elementor-section.elementor-top-section {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .hc-hero-section,
    .elementor-section.elementor-top-section.hc-hero-section {
        padding-top: 52px !important;
        padding-bottom: 44px !important;
    }

    /* Stat band collapses further */
    .cs-stat-band-wrap { padding: 16px 14px !important; }
    .cs-stat-band-wrap .stat h2 { font-size: 24px !important; }

    /* Topic cards already stack at 560px (rule above). Tighten gap here. */
    .csh-topic-row { gap: 12px !important; }

    /* Resources card image even shorter on small phones */
    .main-div .card-image,
    .main-div > a > img,
    .main-div > img,
    .main-div .card > img,
    .main-div .card > a > img {
        height: 170px !important;
    }
}

/* ========== ABOUT US — utility classes (moved from el_html style widgets) ========== */
/* Hide spine column on mobile (used in S1 origin + other step sections) */
@media (max-width: 767px){
    .elementor-element.csh-hide-mobile, .csh-hide-mobile{ display: none !important; }
}
/* CTA section positioning anchor (decoration may be re-introduced later) */
.csh-cta-section{ position: relative; }

/* ABOUT US — S1 logo row mobile wrap */
@media (max-width: 767px){
    .csh-logo-row > .e-con{
        flex: 1 1 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        border-left: 0 !important;
        background: #FFFFFF;
        border-radius: 8px;
        min-height: 96px !important;
    }
    .csh-logo-row > .e-con:first-child{
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}

/* ABOUT US — Physician Journey 7-cell row + dotted connector */
.csh-journey-row{ position: relative; }
.csh-journey-row > .e-con{ flex: 1 1 0 !important; min-width: 0 !important; }
/* Desktop dotted connector — drawn as a per-cell ::after that spans from the
   current cell's ring RIGHT edge to the next cell's ring LEFT edge. Because
   the segment is anchored to real ring positions (50%±30px), it can NEVER
   overflow past the outermost icons no matter the viewport width.
   Math: cell width = W. Ring center in cell = 50%. Ring right edge = 50%+28,
   we start the line 2px past that (50%+30px). Next cell's ring left edge, from
   this cell's left, is at 150%-28. From this cell's RIGHT edge that's -50%+28.
   With the same 2px breathing room the line ends at right: calc(30px - 50%). */
@media (min-width: 768px){
    .csh-journey-row::before{ display: none !important; }
    .csh-journey-cell{ position: relative; }
    .csh-journey-cell:not(:last-child)::after{
        content: "";
        position: absolute;
        top: 27px;
        left: calc(50% + 30px);
        right: calc(30px - 50%);
        border-top: 2px dashed #F5B303;
        z-index: 0;
        pointer-events: none;
    }
}
/* Mobile: 2x4 grid, connector hidden, cells full-width */
@media (max-width: 767px){
    .csh-journey-row{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important; row-gap: 22px !important;
    }
    .csh-journey-row > .e-con{
        flex: none !important;
        max-width: none !important;
        width: auto !important;
    }
}

/* ABOUT US — S3 desktop: force equal-width icon cells + fixed-width "+" separators
   so the dotted converging SVG arches below line up under each icon center.
   Without these, label-text width drives cell width and the SVG (whose x-positions
   are hardcoded in 0..800 viewBox) lands between icons instead of under them. */
@media (min-width: 768px){
    .csh-s3-icon-row > .csh-s3-node{
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    .csh-s3-icon-row > .csh-s3-plus{
        flex: 0 0 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
    }
}

/* ABOUT US — S3 icon-row mobile (wrap 3-per-row, hide pluses + arch + tighten pills) */
@media (max-width: 767px){
    .csh-s3-icon-row{
        flex-wrap: wrap !important;
        row-gap: 20px !important;
        column-gap: 0 !important;
    }
    .csh-s3-icon-row .csh-s3-node{
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
    .csh-s3-icon-row .csh-s3-plus{ display: none !important; }
    .csh-s3-arch{ display: none !important; }
    /* Keep pill icon + text on the SAME LINE on mobile: nowrap, tighter padding,
       and the heading text shrinks to fit next to the icon rather than wrapping
       under it. Was: flex-wrap:wrap which stacked the eye icon above the text. */
    .csh-s2-pill-inner{ max-width: 100% !important; flex-wrap: nowrap !important; padding: 10px 16px !important; }
    .csh-s2-pill-inner > .elementor-widget-image{ flex: 0 0 auto !important; width: auto !important; }
    .csh-s2-pill-inner > .elementor-widget-heading{ flex: 1 1 auto !important; min-width: 0; }
    .csh-s2-pill-inner .elementor-heading-title{ text-align: left !important; font-size: 11px !important; line-height: 1.35 !important; }
    .csh-s3-pill-inner{ max-width: 100% !important; flex-wrap: nowrap !important; }
    .csh-s3-pill-inner > .elementor-widget-image{ flex: 0 0 auto !important; width: auto !important; }
    .csh-s3-pill-inner > .elementor-widget-heading{ flex: 1 1 auto !important; min-width: 0; }

    /* Mobile: reveal the inline number badge sitting inside csh-mobile-step-eyebrow.
       Desktop already renders the number in the spine column so this stays hidden. */
    .csh-mobile-step-badge{ display: inline-flex !important; }
    .csh-mobile-step-eyebrow{ margin-bottom: 4px; }
}
/* S2 pill desktop max-width centering */
.csh-s2-pill .csh-s2-pill-inner{ max-width: 780px; }
.csh-s3-pill .csh-s3-pill-inner{ display: inline-flex !important; }

/* Journey icon ring: force perfect circle at any breakpoint (aspect-ratio 1:1 belt-
   and-braces in case Elementor drops the mobile min_height override). */
.csh-journey-ring{ aspect-ratio: 1 / 1 !important; }
/* Generic circular icon-badge / ring container class. Any container that should
   render as a perfect circle regardless of viewport should carry this class. */
.csh-circle-ring{ aspect-ratio: 1 / 1 !important; flex-shrink: 0 !important; }

/* ---------- Site-wide hover animations ---------- */

/* Reusable card lift-on-hover — apply the `csh-hover-card` class to any
   Elementor container that should feel tactile on mouse-over.
   Lift + subtle shadow + yellow border transition. */
.csh-hover-card{
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
    will-change: transform;
}
.csh-hover-card:hover{
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(15,23,42,0.10) !important;
    border-color: #F5B303 !important;
}

/* All Elementor buttons across the site get a subtle hover animation:
   very small lift + soft warm shadow. Doesn't override colour changes
   configured per-button, just adds the movement + shadow layer. */
.elementor-button-wrapper .elementor-button,
a.elementor-button,
button.elementor-button{
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
    will-change: transform;
}
.elementor-button-wrapper .elementor-button:hover,
a.elementor-button:hover,
button.elementor-button:hover{
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(245,179,3,0.22) !important;
}

/* Native <button> inside HTML widgets (e.g. Insights newsletter Subscribe).
   Excludes .hc-faq-q (Help Center FAQ question rows) and .hc-tab (Help Center
   left-column topic tabs) — those manage their own hover state (text-color only). */
.elementor-widget-html button:not(.hc-faq-q):not(.hc-tab){
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
    will-change: transform;
}
.elementor-widget-html button:not(.hc-faq-q):not(.hc-tab):hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(245,179,3,0.22);
}

/* Help Center sidebar icon-list rows: padding + subtle hover */
.elementor-icon-list-item { transition: background 0.15s; border-radius: 8px; }
.elementor-icon-list-item a { padding: 10px 12px !important; border-radius: 8px; }
.elementor-icon-list-item:hover { background: #FAF7F0; }

/* HC Card B "Still need help?" contact rows: native flex with badge (fixed) + text (flex)
   + chevron (fixed). Hover bg matches the previous all-HTML version. */
.hc-contact-row { transition: background 0.2s; cursor: pointer; padding: 10px 12px !important; }
.hc-still-need-help > .e-con { margin: 0 !important; }
.hc-still-need-help > .elementor-widget-heading { margin-bottom: 4px !important; }
.hc-all-topics-row:hover { background: #F5B303 !important; }
.hc-contact-row:hover { background: #FAF7F0 !important; }
.hc-contact-row > .e-con:nth-child(2),
.hc-contact-row > div:nth-child(2) { flex: 1 1 auto !important; min-width: 0 !important; }
.hc-contact-row > .e-con:first-child,
.hc-contact-row > div:first-child { flex: 0 0 48px !important; }
.hc-contact-row > .elementor-widget-icon:last-child { flex: 0 0 auto !important; }

/* Insights sidebar rows: native container holding [icon+label group] on left + [count chip]
   on right. Hover bg on inactive rows; the active row's persistent yellow bg comes from the
   inline background-color set on the container itself. */
.i-sb-row { cursor: pointer; transition: background 0.18s ease; }
.i-sb-row:not(.is-active):hover { background: #FAF7F0 !important; }
.i-sb-row > .e-con:first-child { flex: 1 1 auto !important; min-width: 0 !important; }
.i-sb-row .elementor-widget-icon { width: 16px !important; flex: 0 0 16px !important; }
.i-sb-row .elementor-widget-icon .elementor-icon { padding: 0 !important; }

/* Article card footer: pin to card bottom via margin-top:auto so cards with shorter
   excerpts still have their footer flush with longer-excerpt siblings. The clock icon
   widget gets a tight width so the icon + read-time text stay close. The read-time +
   "Read more →" headings get nowrap so they never break mid-phrase on narrow cards. */
.ins-card-foot { margin-top: auto !important; }
.ins-card-foot .elementor-widget-icon { width: auto !important; flex: 0 0 auto !important; }
.ins-card-foot .elementor-widget-icon .elementor-icon { padding: 0 !important; }
.ins-card-foot .elementor-widget-heading .elementor-heading-title { white-space: nowrap; }
.ins-card-foot > .e-con:first-child { flex: 0 0 auto !important; width: auto !important; }
.ins-card-foot > .elementor-widget-heading { flex: 0 0 auto !important; width: auto !important; }
.ins-card-foot > .elementor-widget-heading .elementor-widget-container { width: max-content; }
/* Latest-grid cards in the 3-col middle column are inherently narrow (~155px footer).
   When clock-group + "Read more →" don't both fit on one row, wrap to two rows
   gracefully (Read more drops below the clock+time). row-gap controls vertical spacing
   between the wrapped lines. */
.ins-card-foot { flex-wrap: wrap !important; row-gap: 6px !important; }
/* Same fix for the i-sb-row "left group" (icon + label cluster) — content_width:full
   makes the inner container width:100% and squishes the count chip off-screen. */
.i-sb-row > .e-con:first-child { width: auto !important; flex: 0 0 auto !important; }
/* Same fix for hc-contact-row text block (middle child) — it needs to grow to fill the
   space between the badge and chevron, not claim a fixed 100% that pushes the chevron out. */
.hc-contact-row > .e-con:nth-child(2) { width: auto !important; }

/* (Removed: featured-insights forced stretch CSS — it collapsed both small cards onto
   the same row position. Native flex stacking on the right column handles it cleanly.) */

/* =====================================================================
   Site-wide mobile hero height: 90vh
   Targets the first .e-con inside every Elementor page (data-elementor-type
   "wp-page" excludes the header/footer templates). Applies only at ≤767px
   so desktop/tablet hero heights are untouched.
   ===================================================================== */
@media (max-width: 767px) {
  /* The hero is either (a) the first child of the page wrap, or (b) the sibling
     immediately after a hidden .elementor-widget-html (Insights injects one for
     meta preload). Elementor container base class is .e-con on some pages and
     .e-con-boxed / .e-con-full on others depending on kit version — cover all.
     Content is vertically centered so short heroes don't dump the text at the top
     and leave dead space below. On mobile these containers are flex-direction:
     column so justify-content controls the vertical (main) axis. */
  [data-elementor-type="wp-page"] > .e-con:first-child,
  [data-elementor-type="wp-page"] > .e-con-boxed:first-child,
  [data-elementor-type="wp-page"] > .e-con-full:first-child,
  [data-elementor-type="wp-page"] > .elementor-section:first-child,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .e-con,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .e-con-boxed,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .e-con-full,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .elementor-section {
    min-height: 90vh !important;
    min-height: 90svh !important; /* svh accounts for iOS Safari toolbar */
    justify-content: center !important;   /* vertical center for column layouts */
    align-content: center !important;
  }
  /* When the hero is a row wrapper on mobile (rare — some pages force row), the
     inner .e-con-inner is what stacks. Center inside that too. */
  [data-elementor-type="wp-page"] > .e-con:first-child > .e-con-inner,
  [data-elementor-type="wp-page"] > .e-con-boxed:first-child > .e-con-inner,
  [data-elementor-type="wp-page"] > .e-con-full:first-child > .e-con-inner,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .e-con > .e-con-inner,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .e-con-boxed > .e-con-inner,
  [data-elementor-type="wp-page"] > .elementor-widget-html + .e-con-full > .e-con-inner {
    justify-content: center !important;
    align-content: center !important;
  }
}

/* =====================================================================
   Wide-screen safe zone for full-width sections
   Full-width containers (dark heroes, brand strip, dark CTA bands) keep
   spanning edge-to-edge — but their INNER content is capped to a 1400px
   safe zone so text/images don't hug the viewport edges on 1920+ screens.
   ===================================================================== */
/* Kicks in earlier (≥1200px) — covers standard laptops, not just wide desktops.
   Constrains BOTH boxed containers (via .e-con-inner) AND full-width containers
   (via container padding), so every section on every page respects the 1400px
   safe zone regardless of how it was authored. */
@media (min-width: 1200px) {
  /* Full-width containers: pull content toward center with side padding.
     Applies to hero dark banners, brand strips, dark CTA bands. */
  [data-elementor-type="wp-page"] > .e-con-full,
  [data-elementor-type="wp-page"] > .e-con.e-flex:not(.e-con-boxed) {
    padding-left: max(32px, calc((100vw - 1400px) / 2)) !important;
    padding-right: max(32px, calc((100vw - 1400px) / 2)) !important;
  }
  /* Boxed containers: force the .e-con-inner to a 1400px max width, centered.
     Some pages inherited an older kit width (1360px); this normalises them all. */
  [data-elementor-type="wp-page"] > .e-con-boxed > .e-con-inner {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  /* The boxed container itself should stretch full-viewport for backgrounds
     but let the inner take care of the max-width. */
  [data-elementor-type="wp-page"] > .e-con-boxed {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Slightly tighter side breathing room on smaller desktops / large tablets */
@media (min-width: 1025px) and (max-width: 1199.98px) {
  [data-elementor-type="wp-page"] > .e-con-full,
  [data-elementor-type="wp-page"] > .e-con.e-flex:not(.e-con-boxed) {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  [data-elementor-type="wp-page"] > .e-con-boxed > .e-con-inner {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* =====================================================================
   Icon-list (checkmark bullet) text size = body text size
   Deep-dive sections use 15px body copy. Elementor default for icon-list
   is 18px which reads louder than the paragraph above it. Match bullets
   to 15px on desktop, drop 1 step per breakpoint below.
   ===================================================================== */
.elementor-widget-icon-list .elementor-icon-list-text {
  font-size: 15px !important;
  line-height: 1.6em !important;
}
@media (max-width: 1024px) {
  .elementor-widget-icon-list .elementor-icon-list-text {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .elementor-widget-icon-list .elementor-icon-list-text {
    font-size: 14px !important;
    line-height: 1.55em !important;
  }
}

/* =====================================================================
   Help Center — native Nested Tabs + Accordion polish
   The body.page-id-560 .elementor-widget-n-tabs class marks the FAQ nested-tabs widget on the Help
   Center page. Rules here fix vertical alignment (tabs bottom-align by
   default when the accordion is taller), enforce readable colors on the
   yellow active state, and give each tab title its own left-icon slot.
   ===================================================================== */
body.page-id-560 .elementor-widget-n-tabs .e-n-tabs {
  align-items: flex-start !important;
}
body.page-id-560 .elementor-widget-n-tabs .e-n-tabs-heading {
  align-self: flex-start !important;
  justify-content: flex-start !important;   /* Elementor default is flex-end — kill it */
  align-content: flex-start !important;
  position: sticky !important;
  top: 100px !important;
  gap: 4px !important;
  height: auto !important;                  /* stop stretching to accordion height */
  min-height: 0 !important;
}
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title {
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #212529 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title:hover {
  background: rgba(245,179,3,0.08) !important;
  color: #F5B303 !important;
}
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"],
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title.e-active {
  background: #FBE7A5 !important;
  color: #0A0A0A !important;
  font-weight: 700 !important;
}
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title-text { color: inherit !important; font: inherit !important; }
/* Kill the border/underline Elementor adds to nested-tab active state */
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title::before,
body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title::after { display: none !important; }

/* Accordion inside each tab: tighten typography + brand color for active/hover */
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-accordion-item {
  border: none !important;
  border-bottom: 1px solid #E6E8EB !important;
  margin: 0 !important;
}
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-tab-title {
  padding: 20px 4px !important;
  background: transparent !important;
  border: none !important;
  font-family: HelveticaNeueLTPro-Bd, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #212529 !important;
  transition: color 0.15s ease !important;
}
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-tab-title:hover,
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-tab-title.elementor-active { color: #F5B303 !important; }
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-tab-content {
  padding: 0 4px 20px 4px !important;
  border: none !important;
  font-family: Inter, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65em !important;
  color: #515059 !important;
}
/* Chevron icon + question text + pill on ONE row (Elementor renders the
   .elementor-tab-title as display:block so its children — the icon span and
   the title <a> — otherwise stack vertically). */
body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title > .elementor-accordion-icon {
  flex: 0 0 auto !important;
  order: 1 !important;
  margin: 0 !important;
}
body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title > .elementor-accordion-title,
body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title > a { display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 1 auto !important; order: 2 !important; }
body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title .hc-faq-tag {
  margin-left: auto !important;
  font-family: Inter, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  color: #F5B303 !important;
  background: rgba(245,179,3,0.10) !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title.elementor-active .hc-faq-tag {
  background: #F5B303 !important;
  color: #0A0A0A !important;
}
@media (max-width: 767px) {
  body.page-id-560 .elementor-widget-n-tabs .elementor-tab-title .hc-faq-tag { display: none !important; }
}
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-accordion-icon svg,
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-accordion-icon i { color: #6B6B70 !important; transition: transform 0.2s ease, color 0.15s ease !important; }
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg,
body.page-id-560 .elementor-widget-n-tabs .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i { color: #F5B303 !important; }

/* Mobile — collapse to a single column: tabs on top, accordion below */
@media (max-width: 767px) {
  body.page-id-560 .elementor-widget-n-tabs > .e-n-tabs { flex-direction: column !important; }
  body.page-id-560 .elementor-widget-n-tabs .e-n-tabs-heading { position: static !important; width: 100% !important; flex-direction: row !important; overflow-x: auto !important; flex-wrap: nowrap !important; padding-bottom: 8px !important; }
  body.page-id-560 .elementor-widget-n-tabs .e-n-tab-title { flex: 0 0 auto !important; white-space: nowrap !important; }
}

/* "New to ClearSight?" CTA sits in the main column BELOW the nested-tabs,
   but visually should appear under only the left tab strip. Constrain its
   width to match the tabs column (240px) and align it left so the accordion
   area on the right stays clean. */
@media (min-width: 768px) {
  body.page-id-560 .csh-hc-cta {
    max-width: 240px !important;
    width: 240px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-top: 16px !important;
  }
}/* End custom CSS */