*{box-sizing:border-box}.square-cards-container{background-color:transparent;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:var(--desktop-margin-top,20px)}.card-container{max-height:400px;max-width:350px;min-height:250px;min-width:200px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-container:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);transform:scale(1.05)}.square-cards-container .card-image{align-items:center;display:flex;height:100%;justify-content:center;width:auto}.square-cards-container .card-image img{height:100%;object-fit:cover;transition:transform .3s ease-in-out;width:100%;z-index:1}.card-container:hover .card-image img{transform:scale(1.05)}.card-container .blue-overlay{background:linear-gradient(0deg,rgba(0,16,128,.8) 0,rgba(0,64,128,.8) 15%,rgba(0,64,128,.3));height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:2}.card-container:hover .blue-overlay{opacity:0}.card-container .arrows,.card-container .logo{max-height:20px;position:absolute;z-index:4}.card-container .arrows{bottom:30px;right:15px}.card-container .logo{bottom:80px;left:15px}.card-container .card-text{align-items:center;color:#fff;display:flex;font-size:1.8em;font-weight:700;justify-content:center;left:50%;position:absolute;text-align:center;top:80%;transform:translate(-50%,-50%);width:80%;z-index:3}@media (max-width:800px){.square-cards-container{align-items:center;flex-direction:column;margin-top:0}.square-cards-container .card-container{box-shadow:0 4px 6px rgba(0,0,0,.1);margin:10px 0;padding:10px;text-align:center;width:90%}.card-container .blue-overlay{display:none}.square-cards-container .card-container:hover{box-shadow:0 6px 8px rgba(0,0,0,.15);transform:scale(1.05)}.card-container .card-image{display:block;height:100%;width:100%}.card-container .card-image img{height:100%;object-fit:cover;width:100%}.card-container .arrow-text{color:#fff;display:block;font-size:1.2em;padding:5px 0}.card-container .arrows{bottom:40px;max-height:15px;right:25px}.card-container .logo{bottom:40px;left:25px;max-height:15px}.card-container .card-text{font-size:1.2em;margin-bottom:10px;width:100%}}@media screen and (min-width:2100px){.card-container{max-height:500px;max-width:450px;min-height:500px;min-width:450px}.square-cards-container .card-arrow img{max-height:210px}.square-cards-container .card-arrow{bottom:-150px}}