.caseWrapper{grid-template-columns:repeat(auto-fit,280px);display:grid;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;text-align:center;margin-top:50px}.caseCard{width:max(19%,280px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px;position:relative;border-radius:10px;-webkit-transition:all .3s;transition:all .3s;min-height:390px}.caseCard h2{overflow-wrap:anywhere}.caseCard img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.caseCard button{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;background-color:#2060d3;color:#fff;padding:15px;border-radius:30px;border:2px solid #2060d3}.caseCard button:hover{background-color:#fff;color:#2060d3}.caseCard:hover{-webkit-box-shadow:0 0 20px 1px rgba(20,20,20,.3);box-shadow:0 0 20px 1px rgba(20,20,20,.3)}.caseCard:hover button{opacity:1}.modalWrapper{top:0;left:0;position:fixed;width:100%;height:100%;background-color:rgba(20,20,20,.3);z-index:1000;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modalMain{position:relative;width:min(calc(100% - 30px),990px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 0 20px 1px rgba(20,20,20,.3);box-shadow:0 0 20px 1px rgba(20,20,20,.3);border-radius:20px;max-height:99%}.modalMain button{position:absolute;background-color:#fff;border:1px solid #000;top:0;right:0;color:#fff;-webkit-transform:translate(30%,-30%);transform:translate(30%,-30%);width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modalMain button span{background-image:url(../img/close.svg);background-repeat:no-repeat;background-size:contain;display:inline-block;width:25px;height:25px}.modalFirst{-ms-flex-preferred-size:40%;flex-basis:40%;border-top-left-radius:20px;border-bottom-left-radius:20px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:80px 30px;background-color:#fff}.modalFirst img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;min-width:200px;max-width:300px}.modalFirst h3{margin-top:40px;overflow-wrap:anywhere}.modalSecond{border-top-right-radius:20px;border-bottom-right-radius:20px;color:#fff;-ms-flex-preferred-size:60%;flex-basis:60%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:300px;padding:80px 30px;background-color:#123676;overflow:auto}@media(max-width:991.98px){.modalMain{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:min(calc(100% - 30px),500px)}.modalFirst{border-bottom-left-radius:0;padding-bottom:25px}.modalSecond{border-top-right-radius:0;border-bottom-left-radius:20px}}