/* WizWeb theme — blog-posts block CSS (home5-blog-section, de-scoped). */
.blog-card .blog-card-img-wrap{position:relative;overflow:hidden}
.blog-card .blog-card-img-wrap .card-img{position:relative;overflow:hidden;display:block;transition:all .5s ease-out}
.blog-card .blog-card-img-wrap .card-img img{transition:all .5s ease-out}
@media (max-width:991px){.blog-card .blog-card-img-wrap .card-img img{width:100%}}
.blog-card .blog-card-img-wrap .card-img:after{position:absolute;width:200%;height:0;left:50%;top:50%;background-color:hsla(0,0%,100%,.3);transform:translate(-50%,-50%) rotate(-45deg);content:"";z-index:1}
.blog-card .blog-card-img-wrap .date{color:var(--white-color);font-family:var(--font-inter);font-size:14px;font-weight:500;line-height:1;display:inline-flex;align-items:center;gap:5px;padding:10px 16px;background-color:var(--primary-color2);position:absolute;bottom:0;right:0;z-index:1}
.blog-card .blog-card-img-wrap .date svg{fill:var(--white-color)}
.blog-card .card-content{padding-top:25px}
.blog-card .card-content .blog-meta{margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.blog-card .card-content .blog-meta .category{padding:0;margin:0;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.blog-card .card-content .blog-meta .category li{position:relative;line-height:1}
.blog-card .card-content .blog-meta .category li a{color:var(--text-color);font-family:var(--font-inter);font-size:13px;font-weight:500;line-height:1;text-decoration:underline;transition:.5s}
.blog-card .card-content .blog-meta .category li a:hover{color:var(--primary-color1)}
.blog-card .card-content .blog-meta .blog-comment{position:relative;padding-left:20px;line-height:1}
.blog-card .card-content .blog-meta .blog-comment:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:5px;background-color:rgba(var(--title-color-opc),.2);width:1px;height:12px}
.blog-card .card-content .blog-meta .blog-comment span{color:var(--text-color);font-family:var(--font-inter);font-size:13px;font-weight:500;line-height:1;position:relative}
.blog-card .card-content h4{margin-bottom:20px}
.blog-card .card-content h4 a{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:25px;font-weight:600;line-height:1.4;transition:.5s}
@media (min-width:992px) and (max-width:1199px){.blog-card .card-content h4 a{font-size:22px}}
@media (max-width:576px){.blog-card .card-content h4 a{font-size:22px}}
.blog-card .card-content h4 a:hover{color:var(--primary-color1)}
.blog-card .card-content .read-more-btn{color:var(--text-color);font-family:var(--font-inter);font-size:14px;font-weight:500;line-height:1;text-decoration:underline;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:.5s}
.blog-card .card-content .read-more-btn svg{fill:var(--text-color);transition:.5s}
.blog-card .card-content .read-more-btn:hover{color:var(--primary-color1)}
.blog-card .card-content .read-more-btn:hover svg{transform:rotate(45deg);fill:var(--primary-color1)}
.blog-card:hover .blog-card-img-wrap .card-img img{transform:scale(1.1)}
.blog-card:hover .blog-card-img-wrap .card-img:after{height:250%;transition:all .6s linear;background-color:transparent}
.blog-card.style-2{border-radius:10px;border:1px solid rgba(var(--title-color-opc),.1)}
.blog-card.style-2 .blog-card-img-wrap,.blog-card.style-2 .blog-card-img-wrap .card-img img{border-radius:10px 10px 0 0}
.blog-card.style-2 .blog-card-img-wrap .date{position:absolute;top:6px;left:6px;text-align:center;width:72px;height:72px;border-radius:50%;background:rgba(11,12,12,.4);-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);transition:.5s;z-index:9;display:flex;align-items:center;justify-content:center}
@media (max-width:576px){.blog-card.style-2 .blog-card-img-wrap .date{width:65px;height:65px}}
.blog-card.style-2 .blog-card-img-wrap .date span{color:var(--white-color);text-align:center;font-family:var(--font-inter);font-size:11px;font-weight:500;line-height:1;letter-spacing:.22px;display:block}
.blog-card.style-2 .blog-card-img-wrap .date span strong{font-size:22px;font-weight:700;font-family:var(--font-hankenGrotesk);margin-bottom:5px;display:block}
@media (max-width:576px){.blog-card.style-2 .blog-card-img-wrap .date span strong{font-size:20px}}
.blog-card.style-2 .card-content{padding:30px 25px}
@media (max-width:1199px){.blog-card.style-2 .card-content{padding:25px 20px}}
@media (min-width:1200px) and (max-width:1399px){.blog-card.style-2 .card-content h4 a{font-size:23px}}
@media (max-width:1199px){.blog-card.style-2 .card-content h4 a{font-size:22px}}
@media (min-width:992px) and (max-width:1199px){.blog-card.style-2 .card-content h4 a{font-size:20px}}
.blog-card.style-2.two{border:none}
.blog-card.style-2.two .card-content{padding:30px 0 0}
@media (max-width:1199px){.blog-card.style-2.two .card-content{padding:25px 0 0}}
.blog-card.style-2:hover .blog-card-img-wrap .date{background-color:var(--primary-color1)}
.case-study-card2 .card-content .read-more-btn{color:var(--text-color);font-family:var(--font-inter);font-size:14px;font-weight:500;line-height:1;text-decoration:underline;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:.5s}
.case-study-card2 .card-content .read-more-btn svg{fill:var(--text-color);transition:.5s}
.case-study-card2 .card-content .read-more-btn:hover{color:var(--primary-color1)}
.case-study-card2 .card-content .read-more-btn:hover svg{transform:rotate(45deg);fill:var(--primary-color1)}
.blog-card2 .blog-card-img-wrap{position:relative;overflow:hidden}
.blog-card2 .blog-card-img-wrap .card-img{position:relative;overflow:hidden;display:block;border-radius:10px;transition:all .5s ease-out}
.blog-card2 .blog-card-img-wrap .card-img img{min-height:230px;object-fit:cover;border-radius:10px;transition:all .5s ease-out}
.blog-card2 .blog-card-img-wrap .card-img:after{position:absolute;width:200%;height:0;left:50%;top:50%;background-color:hsla(0,0%,100%,.3);transform:translate(-50%,-50%) rotate(-45deg);content:"";z-index:1}
.blog-card2 .blog-card-img-wrap .date{position:absolute;top:6px;left:6px;text-align:center;width:72px;height:72px;border-radius:50%;background:rgba(11,12,12,.4);-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);transition:.5s;z-index:9;display:flex;align-items:center;justify-content:center}
@media (max-width:576px){.blog-card2 .blog-card-img-wrap .date{width:65px;height:65px}}
.blog-card2 .blog-card-img-wrap .date span{color:var(--white-color);text-align:center;font-family:var(--font-inter);font-size:11px;font-weight:500;line-height:1;letter-spacing:.22px;display:block}
.blog-card2 .blog-card-img-wrap .date span strong{font-size:22px;font-weight:700;font-family:var(--font-hankenGrotesk);margin-bottom:5px;display:block}
@media (max-width:576px){.blog-card2 .blog-card-img-wrap .date span strong{font-size:20px}}
.blog-card2 .blog-card-content-wrap{padding-left:25px;display:flex;align-items:center;justify-content:space-between}
@media (max-width:991px){.blog-card2 .blog-card-content-wrap{padding-left:0;padding-top:25px}}
@media (max-width:767px){.blog-card2 .blog-card-content-wrap{flex-direction:column;align-items:flex-start;gap:20px}}
.blog-card2 .blog-card-content-wrap .blog-card-content{max-width:380px;width:100%}
@media (max-width:767px){.blog-card2 .blog-card-content-wrap .blog-card-content{max-width:unset}}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta{margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .category{padding:0;margin:0;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .category li{color:var(--text-color);font-family:var(--font-inter);font-size:13px;font-weight:500;line-height:1;position:relative}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .category li a{color:var(--text-color);font-family:var(--font-inter);font-size:13px;font-weight:500;line-height:1;text-decoration:underline;transition:.5s}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .category li a:hover{color:var(--primary-color1)}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .blog-comment{position:relative;padding-left:20px;line-height:1}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .blog-comment:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:5px;background-color:rgba(var(--title-color-opc),.2);width:1px;height:12px}
.blog-card2 .blog-card-content-wrap .blog-card-content .blog-meta .blog-comment span{color:var(--text-color);font-family:var(--font-inter);font-size:13px;font-weight:500;line-height:1;position:relative}
.blog-card2 .blog-card-content-wrap .blog-card-content h4{margin-bottom:15px}
@media (max-width:576px){.blog-card2 .blog-card-content-wrap .blog-card-content h4{margin-bottom:10px}}
.blog-card2 .blog-card-content-wrap .blog-card-content h4 a{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:27px;font-weight:600;line-height:1.4;transition:.5s}
@media (min-width:1200px) and (max-width:1399px){.blog-card2 .blog-card-content-wrap .blog-card-content h4 a{font-size:24px}}
@media (min-width:992px) and (max-width:1199px){.blog-card2 .blog-card-content-wrap .blog-card-content h4 a{font-size:22px}}
@media (max-width:576px){.blog-card2 .blog-card-content-wrap .blog-card-content h4 a{font-size:22px}}
.blog-card2 .blog-card-content-wrap .blog-card-content h4 a:hover{color:var(--primary-color1)}
.blog-card2 .blog-card-content-wrap .blog-card-content p{color:var(--text-color);font-family:var(--font-inter);font-size:15px;font-weight:400;line-height:1.8;margin-bottom:0}
.blog-card2 .blog-card-content-wrap .button-area .read-more-btn{min-width:120px;max-width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;border:1px solid rgba(var(--title-color-opc),.1);color:var(--text-color);font-family:var(--font-inter);font-size:14px;font-weight:500;line-height:1;text-decoration:underline;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:.8s}
.blog-card2 .blog-card-content-wrap .button-area .read-more-btn svg{fill:var(--text-color);transition:.5s}
.blog-card2 .blog-card-content-wrap .button-area .read-more-btn:hover{box-shadow:inset 0 0 0 10em var(--primary-color1);color:var(--white-color)}
.blog-card2 .blog-card-content-wrap .button-area .read-more-btn:hover svg{transform:rotate(45deg);fill:var(--white-color)}
.blog-card2:hover .blog-card-img-wrap .card-img img{transform:scale(1.1)}
.blog-card2:hover .blog-card-img-wrap .card-img:after{height:250%;transition:all .6s linear;background-color:transparent}
.blog-card2:hover .blog-card-img-wrap .date{background-color:var(--primary-color1)}
.blog-card2.border--top{padding:35px 0;border-top:1px solid rgba(var(--title-color-opc),.1)}
@media (max-width:767px){.blog-card2.border--top{padding:25px 0}}
.blog-card2.last-item{padding:35px 0;border-top:1px solid rgba(var(--title-color-opc),.1);border-bottom:1px solid rgba(var(--title-color-opc),.1)}
@media (max-width:767px){.blog-card2.last-item{padding:25px 0}}
.blog-card2.style-2 .blog-card-img-wrap .card-img{border-radius:5px}
.blog-card2.style-2 .blog-card-img-wrap .card-img img{min-height:270px;border-radius:5px}
.blog-card2.style-2 .blog-card-content-wrap{display:block;padding-left:60px}
@media (max-width:1399px){.blog-card2.style-2 .blog-card-content-wrap{padding-left:45px}}
@media (min-width:992px) and (max-width:1199px){.blog-card2.style-2 .blog-card-content-wrap{padding-left:30px}}
@media (max-width:991px){.blog-card2.style-2 .blog-card-content-wrap{padding-left:0;padding-top:25px}}
.blog-card2.style-2 .blog-card-content-wrap .blog-card-content{max-width:550px;margin-bottom:45px}
@media (min-width:992px) and (max-width:1199px){.blog-card2.style-2 .blog-card-content-wrap .blog-card-content{margin-bottom:30px}}
@media (max-width:991px){.blog-card2.style-2 .blog-card-content-wrap .blog-card-content{max-width:unset;margin-bottom:25px}}
@media (max-width:576px){.blog-card2.style-2 .blog-card-content-wrap .blog-card-content{margin-bottom:20px}}
.blog-card2.style-2 .blog-card-content-wrap .button-area .read-more-btn{min-width:unset;max-width:unset;height:unset;border-radius:unset;border:unset}
.blog-card2.style-2 .blog-card-content-wrap .button-area .read-more-btn svg{fill:var(--text-color);transition:.5s}
.blog-card2.style-2 .blog-card-content-wrap .button-area .read-more-btn:hover{box-shadow:none;color:var(--primary-color1)}
.blog-card2.style-2 .blog-card-content-wrap .button-area .read-more-btn:hover svg{transform:rotate(45deg);fill:var(--primary-color1)}
.blog-card2.style-3 .blog-card-img-wrap .card-img,.blog-card2.style-3 .blog-card-img-wrap .card-img img{border-radius:5px}
.blog-card2.style-3 .blog-card-content-wrap{display:block;padding-left:40px;padding-top:35px}
@media (max-width:1399px){.blog-card2.style-3 .blog-card-content-wrap{padding-left:35px}}
@media (max-width:1199px){.blog-card2.style-3 .blog-card-content-wrap{padding-left:25px}}
@media (max-width:991px){.blog-card2.style-3 .blog-card-content-wrap{padding-left:0;padding-top:30px}}
.blog-card2.style-3 .blog-card-content-wrap .blog-card-content{max-width:unset;margin-bottom:30px}
@media (min-width:992px) and (max-width:1199px){.blog-card2.style-3 .blog-card-content-wrap .blog-card-content{margin-bottom:30px}}
@media (max-width:991px){.blog-card2.style-3 .blog-card-content-wrap .blog-card-content{max-width:unset;margin-bottom:25px}}
@media (max-width:576px){.blog-card2.style-3 .blog-card-content-wrap .blog-card-content{margin-bottom:20px}}
.blog-card2.style-3 .blog-card-content-wrap .blog-card-content h4 a{font-size:40px;font-weight:700;line-height:1.2}
@media (max-width:1399px){.blog-card2.style-3 .blog-card-content-wrap .blog-card-content h4 a{font-size:36px}}
@media (max-width:767px){.blog-card2.style-3 .blog-card-content-wrap .blog-card-content h4 a{font-size:30px}}
@media (max-width:576px){.blog-card2.style-3 .blog-card-content-wrap .blog-card-content h4 a{font-size:28px}}
.blog-card2.style-3 .blog-card-content-wrap .star-btn a{width:136px;height:90px}
.blog-card2.style-3 .blog-card-content-wrap .star-btn a .details-button{font-size:15px}
.section-title5 p{max-width:575px;width:100%;margin-left:auto}
.w-85{width:85%}
@media (max-width:991px){.w-85{width:100%}}