.intro-container{margin:auto;margin-bottom:5rem}.cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:auto;margin-bottom:5rem}.card{position:relative;display:block;width:100%;padding-top:75%;background-size:cover;background-position:center;border-radius:8px;border-bottom-left-radius:50px;overflow:hidden;text-decoration:none;color:#fff}.card-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;background:rgb(0 0 0 / .4);transition:background 0.3s ease;z-index:1}.card-content .svgcont{background:#fff;border-radius:50%;position:absolute;top:1rem;;right:1rem;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center}.card-content .svgcont svg{width:auto;z-index:3}.card-title{margin:0;margin-bottom:1.2rem;color:#fff;position:relative;z-index:2}.card-hover-content{position:absolute;top:60%;left:0;width:100%;display:flex;flex-direction:column;color:#fff;opacity:1;padding:3rem;transition:top 0.6s ease;z-index:1}.card-hover-content p{opacity:0;transition:opacity 0.6s ease;line-height:1.6}.card-hover-bg{background-color:rgb(39 153 137 / .8);position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity 0.3s ease}.card:hover .card-hover-content{top:25%}.card:hover .card-hover-bg{opacity:1}.card:hover .card-hover-content p{opacity:1}@media only screen and (max-width:1000px){.card-title{font-size:1.8rem}}@media only screen and (max-width:768px){.cards-container{grid-template-columns:repeat(1,1fr)}.card-title{font-size:2.2rem}}@media only screen and (max-width:468px){.card-hover-content{position:absolute;top:60%;padding:1rem}.card-title{font-size:1.4rem}.card:hover .card-hover-content{top:10%}}