/* WizWeb theme — portfolio block CSS (portfolio-list-section / eg-card2). */
.eg-card2{padding:0;border-radius:10px;transition:.5s}
.eg-card2,.eg-card2 .card-img{position:relative;overflow:hidden}
.eg-card2 .card-img{display:block;transition:all .5s ease-out}
.eg-card2 .card-img img{border-radius:10px;transition:all .5s ease-out}
.eg-card2 .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}
.eg-card2 .card-content{background:linear-gradient(180deg,rgba(11,12,12,0) 24.31%,rgba(11,12,12,.9));position:absolute;left:0;top:0;width:100%;height:100%;transform:unset;padding:20px 25px;border-radius:10px;display:flex;justify-content:flex-end;flex-direction:column;z-index:9;transition:.5s}
@media (max-width:1399px){.eg-card2 .card-content{padding:20px}}
@media (max-width:576px){.eg-card2 .card-content{padding:20px 15px}}
.eg-card2 .card-content span{color:hsla(0,0%,100%,.8);font-family:var(--font-inter);font-size:13px;font-weight:500;line-height:1;letter-spacing:.26px;text-transform:uppercase;margin-bottom:10px}
.eg-card2 .card-content h5{margin-bottom:15px}
@media (max-width:576px){.eg-card2 .card-content h5{margin-bottom:10px}}
.eg-card2 .card-content h5 a{color:var(--white-color);font-family:var(--font-inter);font-size:25px;font-weight:700;line-height:1.2;transition:.5s}
@media (min-width:992px) and (max-width:1199px){.eg-card2 .card-content h5 a{font-size:22px}}
@media (max-width:576px){.eg-card2 .card-content h5 a{font-size:23px}}
.eg-card2 .card-content h5 a:hover{color:var(--primary-color1)}
.eg-card2 .card-content .tag-list{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.eg-card2 .card-content .tag-list li>a{border-radius:15px;border:1px solid hsla(0,0%,100%,.4);background:transparent;display:inline-block;color:var(--white-color);font-family:var(--font-inter);font-size:12px;font-weight:500;padding:5px 15px;line-height:1;transition:.5s}
.eg-card2 .card-content .tag-list li>a:hover{background-color:var(--primary-color1);border-color:var(--primary-color1)}
.eg-card2.two .card-img img{min-height:431px;object-fit:cover}
.eg-card2:hover .card-img img{transform:scale(1.1)}
.eg-card2:hover .card-img:after{height:250%;transition:all .6s linear;background-color:transparent}
.eg-card2.style-2 .card-img{border-radius:5px;height:100%}
.eg-card2.style-2 .card-img img{border-radius:5px;height:100%;object-fit:cover}
.eg-card2.style-2 .card-content{position:relative;background:unset;justify-content:center;padding-left:60px}
@media (max-width:1399px){.eg-card2.style-2 .card-content{padding:20px 20px 20px 40px}}
@media (min-width:992px) and (max-width:1199px){.eg-card2.style-2 .card-content{padding:20px 20px 20px 30px}}
@media (max-width:991px){.eg-card2.style-2 .card-content{padding:25px 0 0}}
.eg-card2.style-2 .card-content span{color:rgba(var(--title-color-opc),.6)}
.eg-card2.style-2 .card-content h5{margin-bottom:20px}
@media (min-width:992px) and (max-width:1199px){.eg-card2.style-2 .card-content h5{margin-bottom:15px}}
@media (max-width:576px){.eg-card2.style-2 .card-content h5{margin-bottom:15px}}
.eg-card2.style-2 .card-content h5 a{color:var(--title-color);font-size:40px;font-weight:800}
@media (max-width:1199px){.eg-card2.style-2 .card-content h5 a{font-size:32px}}
@media (max-width:576px){.eg-card2.style-2 .card-content h5 a{font-size:25px}}
.eg-card2.style-2 .card-content h5 a:hover{color:var(--primary-color1)}
.eg-card2.style-2 .card-content p{color:var(--text-color);font-family:var(--font-inter);font-size:16px;font-weight:400;line-height:1.8;margin-bottom:45px}
@media (max-width:1199px){.eg-card2.style-2 .card-content p{margin-bottom:30px;font-size:15px}}
.eg-card2.style-2 .card-content .tag-list li>a{border:1px solid rgba(var(--primary-color2-opc),.4);color:var(--title-color)}
.eg-card2.style-2 .card-content .tag-list li>a:hover{color:var(--white-color);background-color:var(--primary-color1);border-color:var(--primary-color1)}
.eg-card2.style-3{overflow:hidden;display:inline-block}
.eg-card2.style-3 .card-content-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9}
.eg-card2.style-3 .inflow-content{position:absolute;left:0;top:0;opacity:0;z-index:1;transition:opacity .3s,transform .7s cubic-bezier(.23,1,.32,1)}
.eg-card2.style-3 .inflow-content span{color:hsla(0,0%,100%,.6);font-size:13px;font-weight:500;line-height:1;letter-spacing:.26px;text-transform:uppercase;padding:10px 20px}
.eg-card2.style-3 .inflow-content h6,.eg-card2.style-3 .inflow-content span{z-index:9;font-family:var(--font-inter);background-color:var(--dark-primary-color2);display:inline-block}
.eg-card2.style-3 .inflow-content h6{color:var(--white-color);font-size:20px;font-weight:700;line-height:1.2;padding:8px 20px}
.eg-card2.style-3:hover .inflow-content{opacity:1}
body.dark .load-btn:after{background-color:var(--primary-color1)}
body.dark .load-btn span{background-image:linear-gradient(0deg,#0b0c0c,#0b0c0c)}
body.dark .load-btn span:after{color:var(--dark-primary-color2)}
body.dark .load-btn span svg{stroke:var(--dark-primary-color2)}
body.dark .load-btn:hover span{color:var(--white-color)}
body.dark .load-btn:hover span svg{stroke:var(--white-color)}