@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}body{background:#f2f2f2;height:100vh;justify-content:center}body,section{display:flex;align-items:center}section{position:relative;height:450px;width:1075px}section .swiper{width:980px}section .swiper .card{background-color:#fff;border-radius:20px;position:relative;margin:20px 0}section .swiper .card:before{content:"";position:absolute;height:40%;width:100%;background-color:#ff6d00;border-radius:20px 20px 0 0}section .swiper .card .card-content{padding:30px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:100}section .swiper .card .card-content .image{background-color:#ff6d00;width:140px;height:140px;border-radius:50%;padding:3px}section .swiper .card .card-content .image img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff}section .swiper .card .card-content .social-media{position:absolute;top:10px;right:18px;display:flex;flex-direction:column;align-items:center}section .swiper .card .card-content .social-media .fa-brands{margin-top:10px;color:#fff;opacity:.6;transition:all .3s ease;cursor:pointer}section .swiper .card .card-content .social-media .fa-brands:hover{opacity:1}section .swiper .card .card-content .identities{display:flex;flex-direction:column;align-items:center;margin-top:10px}section .swiper .card .card-content .identities .name{font-size:25px;font-family:Open Sans,sans-serif;font-weight:600}section .swiper .card .card-content .identities .profession{font-size:15px;font-weight:400}section .swiper .card .card-content .ratings{display:flex;align-items:center;margin-top:15px}section .swiper .card .card-content .ratings .fa-star{font-size:18px;color:#ff6d00;margin:0 2px}section .swiper .card .card-content .buttons{width:100%;display:flex;justify-content:space-around;margin-top:20px}section .swiper .card .card-content .buttons button{background-color:#ff6d00;outline:none;border:none;padding:8px 22px;border-radius:20px;font-size:14px;color:#fff;transition:all .3s ease;cursor:pointer}section .swiper .card .card-content .buttons button:hover{background-color:#b34c00}section .swiper-button-next,section .swiper-button-prev{color:#ff6d00;opacity:.6;transition:all .3s ease}section .swiper-button-next:hover,section .swiper-button-prev:hover{opacity:1}section .swiper-pagination-bullet{height:7px;width:26px;border-radius:25px;background-color:#ff6d00}@media (max-width:750px){section{width:100%}section .swiper{width:75%}}@media (max-width:1000px){section{width:100%}section .swiper{width:82%}}
/*# sourceMappingURL=style.7df840e0.css.map */