--wrap:1280px;#card-issues .wrap{margin:0 auto;max-width:var( --wrap);padding:0 20px;width:100%}#card-issues .tac{text-align:center}#card-issues.sub-section .title{margin-bottom:50px}#card-issues.sub-section .title h3,.h3{font-size:var(--font-size-3xl);letter-spacing:-1px;margin-bottom:10px}#card-issues.sub-section .title p{font-size:var(--font-size-lg);font-weight:300;letter-spacing:-.25px;margin:0 auto;max-width:800px}#card-issues .title{margin-bottom:100px}#card-issues .card-effect{display:flex;gap:0}#card-issues .card-effect>div{align-content:space-between;backdrop-filter:blur(3px);background:hsla(0,100%,91%,.6);border:0 solid #000;border-radius:30px;box-shadow:10px 10px 15px rgba(0,0,0,.2);display:grid;margin:0 auto;min-height:330px;padding:30px;transition:var(--transition-slow);width:20%}#card-issues .card-effect>div h4{font-size:var(--font-size-xl)}#card-issues .card-effect>div i{align-items:center;background:hsla(0,0%,100%,.9);border-radius:50%;display:grid;height:100px;justify-content:center;margin-left:-10px;width:100px}#card-issues .card-effect>div i img{max-width:70px}#card-issues .card-effect>div:first-child{transform:rotate(-15deg) translate(0)}#card-issues .card-effect>div:nth-child(2){transform:rotate(0deg) translateY(50px)}#card-issues .card-effect>div:nth-child(3){transform:rotate(15deg) translate(0)}#card-issues .card-effect>div:nth-child(4){transform:rotate(0deg) translateY(90px)}#card-issues .card-effect>div:nth-child(5){transform:rotate(5deg) translateY(20px)}#card-issues .card-effect>div:hover{box-shadow:15px 15px 20px rgba(0,0,0,.45);transform:rotate(0deg) translate(0) scale(1.45);z-index:999999}@media screen and (max-width:1350px){#card-issues .wrap{padding:0 40px}#card-issues .sub-section{padding:50px 0}#card-issues .sub-section .title{margin-bottom:30px}}@media screen and (max-width:1200px){#card-issues.sub-section{padding:50px 0}#card-issues.sub-section .title{margin-bottom:30px}}@media screen and (max-width:1024px){#card-issues.sub-section .title h3,.h3{font-size:var(--font-size-2xl)}#card-issues.sub-section .title p br{display:none}#card-issues .title{margin-bottom:0}#card-issues .card-effect{flex-wrap:wrap;transform:scale(.8)}#card-issues .card-effect>div{min-height:250px;width:33%}#card-issues .card-effect>div i{height:75px;width:75px}#card-issues .card-effect>div:nth-child(4){transform:rotate(0deg) translate(30px,30px)}#card-issues .card-effect>div:nth-child(odd):hover{transform:rotate(0deg) translate(50%) scale(1.45)}#card-issues .card-effect>div:nth-child(2n):hover{transform:rotate(0deg) translate(-50%) scale(1.45)}#card-issues .card-effect>div:nth-child(5){z-index:-1}#card-issues .card-effect>div:nth-child(5):hover{transform:rotate(0deg) translate(0) scale(1.45);z-index:999}}@media screen and (max-width:720px){#card-issues.sub-section .title h3,.h3{font-size:var(--font-size-2xl)}#card-issues.sub-section .title p br{display:none}#card-issues .title{margin-bottom:0}#card-issues .card-effect{flex-wrap:wrap;transform:scale(.8)}#card-issues .card-effect>div{min-height:250px;width:50%}#card-issues .card-effect>div i{height:75px;width:75px}#card-issues .card-effect>div:nth-child(odd):hover{transform:rotate(0deg) translate(50%) scale(1.45)}#card-issues .card-effect>div:nth-child(2n):hover{transform:rotate(0deg) translate(-50%) scale(1.45)}#card-issues .card-effect>div:nth-child(5){z-index:-1}#card-issues .card-effect>div:nth-child(5):hover{transform:rotate(0deg) translate(0) scale(1.45);z-index:999}#card-issues .wrap{padding:0 20px}}@media screen and (max-width:480px){#card-issues.sub-section .title h3,.h3{font-size:var(--font-size-2xl)}#card-issues.sub-section .title p br{display:none}#card-issues .title{margin-bottom:0}#card-issues .card-effect{flex-wrap:wrap;transform:scale(.8)}#card-issues .card-effect>div{min-height:250px;width:50%}#card-issues .card-effect>div i{height:75px;width:75px}#card-issues .card-effect>div:nth-child(odd):hover{transform:rotate(0deg) translate(50%) scale(1.45)}#card-issues .card-effect>div:nth-child(2n):hover{transform:rotate(0deg) translate(-50%) scale(1.45)}#card-issues .card-effect>div:nth-child(5){z-index:-1}#card-issues .card-effect>div:nth-child(5):hover{transform:rotate(0deg) translate(0) scale(1.45);z-index:999}}