.card[data-v-d5a8696d]{border-radius:16px;box-shadow:0 5px 18px #0009;cursor:pointer;height:450px;left:50%;overflow:hidden;position:relative;top:50%;transform:translate(-50%,-50%);transition:.5s;width:300px}.card .card-image[data-v-d5a8696d]{background-color:transparent;height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%;z-index:2}.card:hover img[data-v-d5a8696d]{opacity:.4;transition:.5s}.card:hover .card-image[data-v-d5a8696d]{transform:translateY(-120px);transition:all .9s}.social-icons[data-v-d5a8696d]{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.social-icons li[data-v-d5a8696d]{list-style:none}.social-icons li a[data-v-d5a8696d]{background:#fff;color:#333;display:block;font-size:23px;font-weight:700;height:50px;line-height:50px;margin:0 6px;opacity:0;position:relative;text-align:center;transform:translateY(200px);transition:.4s;width:50px}.card:hover .social-icons li a[data-v-d5a8696d]{opacity:1;transform:translateY(0)}.social-icons li a[data-v-d5a8696d]:hover{background:#000;transition:.2s}.social-icons li a:hover .fab[data-v-d5a8696d]{color:#fff}.social-icons li a .fab[data-v-d5a8696d]{transition:.8s}.social-icons li a .fab[data-v-d5a8696d]:hover{color:#fff;transform:rotateY(1turn)}.card:hover li:first-child a[data-v-d5a8696d]{transition-delay:.1s}.card:hover li:nth-child(2) a[data-v-d5a8696d]{transition-delay:.2s}.card:hover li:nth-child(3) a[data-v-d5a8696d]{transition-delay:.3s}.card:hover li:nth-child(4) a[data-v-d5a8696d]{transition-delay:.4s}.details[data-v-d5a8696d]{background:#fff;bottom:0;height:150px;left:0;padding:10px;position:absolute;width:100%;z-index:1}.details h2[data-v-d5a8696d]{margin:14px 0;padding:0;text-align:center}.details h2 .job-title[data-v-d5a8696d]{color:#333;font-size:1rem;font-weight:300;line-height:2.5rem}.details h2 .about[data-v-d5a8696d]{color:#333;font-size:1rem;font-weight:300;line-height:2rem}.profile-two .social-icons li a[data-v-d5a8696d]{border-radius:50%}.card:hover .profile-img--two[data-v-d5a8696d]{transform:rotateY(180deg)}@media screen and (max-width:768px){.card[data-v-d5a8696d]{height:375px;width:275px}.card-image[data-v-d5a8696d]{transform:translateY(-30px);transition:all .9s}.social-icons li a[data-v-d5a8696d]{opacity:1;transform:translateY(0)}.social-icons a[data-v-d5a8696d]{font-size:13px;height:20px;width:20px}}