ul li{list-style:none}.values-content{display:flex;justify-content:center;margin:auto;padding:0;width:80%}li.value-card{display:inline-flex;position:relative;width:25%}.card{align-items:center;color:#fff;display:inherit;font-size:22px;font-weight:600;height:260px;justify-content:center;margin:15px;padding:15px;width:270px}.card,.overlay{border-radius:.5rem;max-width:350px}.overlay{bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:.5s ease;width:100%}.card.blue,.overlay.blue{background-color:#4169e1}.card.blue{background-image:url(https://talent.bluestonepim.com/hubfs/raw_assets/public/Talent_website/images/1-customer_first.png);background-position:50%;background-repeat:no-repeat;background-size:cover,70%}.card.cyan,.overlay.cyan{background:radial-gradient(95.28% 4437.64% at 95.28% 65.64%,#4169e1 17.19%,#41d4e1 100%)}.card.cyan{background-image:url(https://talent.bluestonepim.com/hubfs/raw_assets/public/Talent_website/images/2-innovative_fun.png);background-position:50%;background-repeat:no-repeat;background-size:cover,70%}.overlay.cblue,.overlay.cyan{margin-top:0}.card.cblue,.card.cyan{margin-top:50px}.card.purple,.overlay.purple{background-color:#41d4e1;text-shadow:0 1px 4px #999}.card.purple{background-image:url(https://talent.bluestonepim.com/hubfs/raw_assets/public/Talent_website/images/3-one_family.png);background-position:50%;background-repeat:no-repeat;background-size:cover,70%}.card.cblue,.overlay.cblue{background-color:#3357a7}.card.cblue{background-image:url(https://talent.bluestonepim.com/hubfs/raw_assets/public/Talent_website/images/4-we_care.png);background-position:50%;background-repeat:no-repeat;background-size:cover,70%}.value-card:hover .overlay{opacity:1}.text{color:#fff;font-size:16px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.company-values h3{font-size:20px;font-weight:600;line-height:35px;margin:10px 0 20px;text-transform:uppercase}.company-values .wrap{display:inline;flex-direction:row}.company-values .content{text-align:center;width:100%}.company-values .content-wrapper{margin:0;max-width:1400px}.value-mobile{display:none}.value-desktop{display:block;margin:auto;padding-bottom:30px;padding-top:30px}@media(max-width:1199px){.values-content{width:95%}.card{font-size:18px;margin:10px}.text{font-size:14px}}@media(max-width:991px){.company-values .wrap{display:block}.company-values p{font-size:16px}.values-content{width:100%}li.value-card{display:inline-flex;justify-content:center;margin:auto}.text{line-height:20px;width:90%}.card{font-size:16px;margin:5px}}@media (max-width:767px){.values-content{display:inherit}li.value-card{margin-top:20px;width:100%}.overlay{margin:auto}.card.cblue,.card.cyan{margin-top:0}.card{font-size:16px}.value-mobile{display:block;margin:auto}.value-desktop{display:none}}