.container-third-view{background:radial-gradient(86.18% 455.21% at -5.08% -4.59%,rgba(95,105,226,.2) 0,rgba(255,255,255,0) 100%),radial-gradient(78.85% 77.34% at -6.99% 18.29%,rgba(255,255,255,0) 0,#e5e5e5 100%);padding-bottom:80px}.card{width:100%;border-radius:20px;background-color:#fff;padding-bottom:40px;margin:40px 10px 0}.card>div{position:relative;height:160px;border-radius:20px 20px 0 0;overflow:hidden}.card>div h3{position:absolute;top:0;padding-top:15%;padding-left:30px;padding-right:30px;font-size:1.5rem;line-height:1.9rem;background:0 0;color:var(--ThirdColor);transition:font-size.5s linear,padding-top.5s,background-color.5s;font-weight:700!important}.card-fifth>div h3,.card-fourth>div h3,.card-sixth>div h3{padding-top:10%}.card .top-card{object-fit:cover;width:100%;height:160px;object-position:left;border-radius:20px 20px 0 0}.card a,.card p{margin:40px 40px}.card-fifth,.card-sixth{padding-bottom:63px}.card a{margin-right:4px}.card p{height:200px;font-size:.9rem;line-height:16px;color:#4130a6}.card a{margin-bottom:0;color:var(--primaryColor);font-family:Outfit,sans-serif}.card a:hover,.nav ul li a:hover,header details a:hover{color:#4130a6}@media screen and (min-width:435px){.card p{font-size:1rem;line-height:1.2rem}}@media screen and (min-width:600px){.card p{font-size:1.1rem;line-height:1.4rem}}@media screen and (min-width:768px){.card p{font-size:1rem;line-height:1.2rem;height:230px}.card a,.card p{margin:30px 30px}}@media screen and (min-width:1024px){.card p{height:250px}.card:hover{box-shadow:1px 4px 8px rgba(0,0,0,.25)}.card-first{grid-area:medicos}.card-second{grid-area:pacientes}.card-third{grid-area:farmacias}.card-fourth{grid-area:hosp}.card-fifth{grid-area:soft}.card-sixth{grid-area:farmaInd}.wrapper-cards{width:90%;max-width:1300px;width:80%;margin:0 auto;display:grid;grid-template-areas:"medicos medicos pacientes  pacientes farmacias farmacias" "hosp hosp soft soft farmaInd farmaInd"}.card{width:97%!important}.card-fifth,.card-fourth,.card-sixth{margin-top:5%}.card:hover>div h3{height:100%;width:100%;background:linear-gradient(0deg,rgba(95,105,226,.5),rgba(95,105,226,.5)),linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),linear-gradient(0deg,rgba(239,133,51,.05),rgba(239,133,51,.05))}}@media screen and (min-width:1201px){.card p{height:200px}.card:hover>div h3{height:100%;width:100%}}@media screen and (min-width:1440px){.card p{height:170px}.card.card-fifth:hover>div h3{padding-top:10%}.card.card-fourth:hover>div h3,.card.card-sixth:hover>div h3{padding-top:12%}}