section.ls-blog{background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;padding:60px 0;position:relative;width:100%}section.ls-blog .banner-wrap{align-items:center;color:#fff;display:flex;flex-direction:column;text-align:center}section.ls-blog .banner-wrap .banner-title{display:block;margin:0 auto 40px;max-width:700px;text-align:center}section.ls-blog .banner-wrap h2{color:#fff;font-size:66px;font-weight:900;line-height:74px;margin:0;text-align:center}section.ls-blog .banner-wrap .four-col-wrap{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;width:100%}section.ls-blog .banner-wrap .four-col-wrap .column{display:inline-block;overflow:hidden;position:relative;width:calc(33.33333% - 18px)}section.ls-blog .banner-wrap .four-col-wrap .column .image{border-radius:25px;display:inline-block;overflow:hidden;position:relative;vertical-align:top;width:100%}section.ls-blog .banner-wrap .four-col-wrap .column img{border-radius:25px;display:block;object-fit:cover;overflow:hidden;transition:.3s ease-in-out;width:100%}section.ls-blog .banner-wrap .four-col-wrap .column .image .title{bottom:15px;left:15px;position:absolute;15px:8px;transition:.3s ease-in-out;width:auto;z-index:1}section.ls-blog .banner-wrap .four-col-wrap .column .cta a{background-color:#fff;border:2px solid #fff;border-radius:666px;color:#3e4856;display:inline-block;font-family:Noto Sans;font-size:16px;font-weight:700;line-height:21.79px;padding:11px 24px;text-align:center;width:100%}section.ls-blog .banner-wrap .four-col-wrap .column .cta a:hover{background-color:hsla(0,0%,100%,.3);color:#fff}section.ls-blog .banner-wrap .four-col-wrap .column .image:after{background:linear-gradient(1turn,rgba(22,21,27,.8) 42.49%,rgba(22,21,27,0));bottom:0;content:"";height:50%;left:0;opacity:1;position:absolute;right:0;transition:.3s ease-in-out;width:100%;z-index:0}section.ls-blog .banner-wrap .four-col-wrap .column:hover .image:after{height:100%}section.ls-blog .banner-wrap .four-col-wrap .column:hover .image .title{display:none;opacity:0}section.ls-blog .banner-wrap .four-col-wrap .column .content{bottom:0;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:end;left:0;opacity:0;padding:21px 12px 10px;position:absolute;right:0;top:0;transform:translateY(100%);transition:.3s ease-in-out;width:100%;z-index:-1}section.ls-blog .banner-wrap .four-col-wrap .column:hover .content{opacity:1;transform:translateY(0);z-index:1}section.ls-blog .banner-wrap .four-col-wrap .column .title{display:inline-block;width:100%}section.ls-blog .banner-wrap .four-col-wrap .column .title h3{color:#fff;font-family:Noto Sans;font-size:18px;font-weight:700;line-height:28.14px;margin:0;text-align:left}section.ls-blog .banner-wrap .four-col-wrap .column .text{display:inline-block;width:100%}section.ls-blog .banner-wrap .four-col-wrap .column .text p:last-child{color:#fff;font-family:Noto Sans;font-size:16px;font-weight:400;line-height:24px;margin:0;text-align:left}section.ls-blog .banner-wrap .four-col-wrap .column .text p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;-webkit-box-orient:vertical}section.ls-blog .banner-wrap .four-col-wrap .column:hover img{transform:scale(1.1)}section.ls-blog .banner-wrap .more-cta{display:inline-block;padding:50px 0 0;text-align:center;width:100%}@media(max-width:1200px){section.ls-blog .banner-wrap .four-col-wrap .column .text p{-webkit-line-clamp:2;line-clamp:2}section.ls-blog .banner-wrap .four-col-wrap .column .content{padding-top:12px}}@media(max-width:991px){section.ls-blog .banner-wrap h2{font-size:52px;line-height:58px}section.ls-blog .banner-wrap .banner-title{margin:0 auto 50px}section.ls-blog .banner-wrap .four-col-wrap{display:inline-block;padding-bottom:50px}section.ls-blog .banner-wrap .four-col-wrap .column .content{display:none}section.ls-blog .banner-wrap .four-col-wrap .column:hover .image .title{display:block;opacity:1}section.ls-blog .banner-wrap .four-col-wrap .column:hover .image:after{height:50%}section.ls-blog .banner-wrap .four-col-wrap .column{padding:0 20px}}@media(max-width:767px){section.ls-blog .banner-wrap .four-col-wrap .column{padding:0 10px;width:100%}}@media(max-width:600px){section.ls-blog .banner-wrap .four-col-wrap .column{padding:0}section.ls-blog .banner-wrap .four-col-wrap .column .image{display:block;margin:0 auto;max-width:300px}}