.cm-recents-blog-group .rec-post-item{float:left;margin:0 12px;position:relative;width:calc(33.33333% - 24px)}.cm-recents-blog-group{position:relative}.cm-recents-blog-group .rec-posts-group{display:block;margin:0 -12px;position:static}.cm-recents-blog-group .recent-post-content{padding:17px 0}.cm-recents-blog-group .byline{align-items:center;color:#2d545c;display:flex;font-family:Gotham,sans-serif;font-size:12px;font-style:normal;font-weight:500;justify-content:center;line-height:normal;text-align:center;text-transform:uppercase}html[lang=ar] .cm-recents-blog-group .byline .post-date{padding-left:17px}html[lang=ar] .cm-recents-blog-group .byline{direction:rtl}html[lang=ar] .cm-recents-blog-group .byline .reading-minutes:before{left:auto;right:-10px}.cm-recents-blog-group .post-content{color:#515151;font-family:Gotham;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:10px;text-align:center}.cm-recents-blog-group .post-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:272px;overflow:hidden;position:relative}.cm-recents-blog-group .button-group{padding-top:40px}.cm-recents-blog-group .byline .reading-minutes:before{background:#2d545c;content:"";height:11px;left:-10px;position:absolute;top:1px;width:2px}.cm-recents-blog-group .byline .post-date{padding-right:17px}.cm-recents-blog-group ul.slick-dots{display:none!important}.byline .reading-minutes{position:relative}.cm-recents-blog-group .post-image img{height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease;width:100%}body .cm-recents-blog-group .rec-post-item:hover .post-image img{transform:scale(1.3)}.cm-recents-blog-group .recent-post-content h4{color:#012b34;display:-webkit-box;font-family:Gotham,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal;margin-top:12px;overflow:hidden;position:relative;text-align:center;-webkit-line-clamp:3;line-clamp:2;-webkit-box-orient:vertical}.cm-recents-blog-group .recent-post-content h4 a{color:#012b34;position:relative;z-index:2}.cm-recents-blog-group .recent-post-content h4 a:hover{color:#01667c}.cm-recents-blog-group .rec-post-item a.overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}.cm-recents-blog-group .rec-posts-group .slick-arrow{cursor:pointer;left:auto;opacity:.25;position:absolute;right:46px;top:20px;transition:all .3s ease}.cm-recents-blog-group .rec-posts-group .slick-arrow:hover{opacity:1}.cm-recents-blog-group .rec-posts-group .slick-arrow.slick-next{right:0}.cm-recents-blog-group .rec-posts-group .slick-arrow.slick-next svg{transform:rotate(180deg)}.cm-recents-blog-group .vew-details-btn{color:#fff;cursor:pointer;font-size:14px;font-style:normal;font-weight:600;left:50%;letter-spacing:2.8px;line-height:normal;opacity:0;position:absolute;text-transform:uppercase;top:50%;transform:translateX(-50%) translateY(-50%);transition:all .3s ease;visibility:hidden}.cm-recents-blog-group .vew-details-btn:hover svg circle{fill:#012b34}.cm-recents-blog-group .vew-details-btn:hover svg path{fill:#fff}.cm-recents-blog-group .vew-details-btn svg *{transition:all .3s ease}.cm-recents-blog-group .vew-details-btn svg{display:block;margin:0 auto 15px}.cm-recents-blog-group .rec-post-item:hover .vew-details-btn{opacity:1;visibility:visible;z-index:2}.cm-recents-blog-group .posts-heading h2{line-height:1;margin:0}.cm-recents-blog-group h6{font-family:Atyp Display;font-weight:700;letter-spacing:1.6px;margin-bottom:17px}.cm-recents-blog-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:41px}.cm-recents-blog-header .hs-button{background:#012b34;color:#fff;min-width:177px}.cm-recents-blog-group .hs-button:focus,.cm-recents-blog-group .hs-button:hover{background:transparent;border-color:#012b34;color:#012b34}html[lang=ar] .cm-recents-blog-group h6{text-align:right}html[lang=ar] .cm-recents-blog-group h6:after{right:0}html[lang=ar] .cm-recents-blog-group .byline{font-family:Teshrin}html[lang=ar] .cm-recents-blog-group .vew-details-btn{letter-spacing:0}@media(max-width:991px){.cm-recents-blog-group .post-image{height:195px}.cm-recents-blog-group .recent-post-content{padding:20px 15px}.cm-recents-blog-group .rec-posts-group .slick-arrow.slick-next{right:20px}.cm-recents-blog-group .rec-posts-group .slick-arrow{right:66px;z-index:99}}body .cm-recents-blog-group .post-image{background-repeat:no-repeat;background-size:100%;border-radius:0;height:446px;position:relative;transition:all .3s ease}body .cm-recents-blog-group .rec-post-item:hover .post-image{background-size:140%}body .cm-recents-blog-group .rec-post-item .recent-post-content,body .cm-recents-blog-group .rec-post-item .recent-post-content .post-date,body .cm-recents-blog-group .rec-post-item .recent-post-content h3{transition:all .3s ease}body .cm-recents-blog-group .rec-post-item:hover .post-image:after{opacity:1;visibility:visible}body .cm-recents-blog-group .post-image:after{background:rgba(0,0,0,.23);content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;width:100%}@media(min-width:768px) and (max-width:1024px){.two-col-product-slider.img_cont .content-box h2{font-size:20px}.cm-recents-blog-group .posts-heading h2{font-size:30px}.cm-recents-blog-group .button-group{padding-top:20px}}@media(max-width:767px){body .cm-recents-blog-group .post-image{height:200px}.cm-recents-blog-group .posts-heading h2{margin-bottom:30px}.cm-recents-blog-group .rec-posts-group{margin:0}.cm-recents-blog-group .rec-post-item{margin-bottom:30px;width:100%}.cm-recents-blog-header{align-items:flex-start;flex-direction:column}.cm-recents-blog-group .button-group{padding:0}.cm-recents-blog-group .rec-posts-group .slick-arrow{bottom:-43px;left:calc(50% + 20px);position:absolute;right:0;top:auto!important;z-index:2}.cm-recents-blog-group .rec-posts-group .slick-arrow.slick-disabled{opacity:.4;pointer-events:none}.cm-recents-blog-group .rec-posts-group .slick-arrow.slick-prev{left:calc(50% - 40px);right:auto;width:auto}.cm-recents-blog-group .rec-post-item a.overlay{height:calc(100% - 40px)}}@media(max-width:479px){.cm-recents-blog-group .posts-heading h2{font-size:25px}}