@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap');

.my-account {
	position: relative;
	width: 100%;
    padding: 20px;
    .avatar{
        display: flex;
        align-items: center;
        .imgCnt{
            width:80px;
            height: 80px;
            min-width: 80px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 10px;
            img{
                width:100%;
                height: 100%;
                object-fit: cover;
            }
        } 
        .info{
            .name{
                font-size: 20px;
                font-weight: bold;
                color: #303a47;
            }
            .conpany{
                font-size: 15px;
            }
        }  
    }
    .recommend{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0 10px;
        .btn{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width:30%;
            height: 100px;
            background-color: #fff;
            border: 1px #96989a solid;
            border-radius: 0;
            .img{
                font-size: 35px;
                color: #303a47;
            }
            .text{
                font-weight: bold;
                color: #303a47;
            }
        }
    }
}

.content{
    padding: 15px;
    background-color: #b2c4ce;
    .card {
        border: none;
        border-radius: 0;
        .item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
            border-bottom: 1px solid #8d8d8d;
            font-size: 15px;
            i,svg{
                color: #839eb6;
            }
        }
    }
}