.content-chart-container {
    display: inline-block;
    height: 310px;
    width: 310px;
    /* height: 250px;
    width: 250px; */
    background-image: url("../img/chart.svg");
    background-repeat: no-repeat;
    vertical-align: top;
    position: relative;
}
.content-chart-table {
    padding-left: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #616161;
}
.content-chart-table > table {
    border-collapse: collapse;
}
.content-chart-table > table > tbody > tr > td {
    border-bottom: 1px solid #D9D6D0;
    height: 30px;
    padding-right: 7px;
}
.content-chart-table > table > tbody > tr:last-child td {
    border-bottom: 0;
}
.ashtakavarga, .house-signs, .houses {
    position: absolute;
    width: 100%;
    height: 100%;   
}
.ashtakavarga > * {
    font-size: 12px;
    font-weight: 700;
    color: #616161;
}
.ashtakavarga-1 {
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-2 {
    position: absolute;
    top: 4%;
    left: 20%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-3 {
    position: absolute;
    top: 20%;
    left: 4%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-4 {
    position: absolute;
    top: 50%;
    left: 4%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-5 {
    position: absolute;
    top: 80%;
    left: 4%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-6 {
    position: absolute;
    top: 96%;
    left: 20%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-7 {
    position: absolute;
    top: 96%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-8 {
    position: absolute;
    top: 96%;
    left: 80%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-9 {
    position: absolute;
    top: 80%;
    left: 96%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-10 {
    position: absolute;
    top: 50%;
    left: 96%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-11 {
    position: absolute;
    top: 20%;
    left: 96%;
    transform: translate(-50%, -50%);
}
.ashtakavarga-12 {
    position: absolute;
    top: 4%;
    left: 80%;
    transform: translate(-50%, -50%);
}
.house-signs > * {
    font-size: 10px;
    font-weight: 400;
    color: #616161;
}
.house-sign-1 {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.house-sign-2 {
    position: absolute;
    top: 24%;
    left: 29%;
    transform: translate(-50%, -50%);
}
.house-sign-3 {
    position: absolute;
    top: 29%;
    left: 24%;
    transform: translate(-50%, -50%);
}
.house-sign-4 {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
}
.house-sign-5 {
    position: absolute;
    top: 71%;
    left: 24%;
    transform: translate(-50%, -50%);
}
.house-sign-6 {
    position: absolute;
    top: 76%;
    left: 29%;
    transform: translate(-50%, -50%);
}
.house-sign-7 {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.house-sign-8 {
    position: absolute;
    top: 76%;
    left: 71%;
    transform: translate(-50%, -50%);
}
.house-sign-9 {
    position: absolute;
    top: 71%;
    left: 76%;
    transform: translate(-50%, -50%);
}
.house-sign-10 {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}
.house-sign-11 {
    position: absolute;
    top: 29%;
    left: 76%;
    transform: translate(-50%, -50%);
}
.house-sign-12 {
    position: absolute;
    top: 24%;
    left: 71%;
    transform: translate(-50%, -50%);
}
.house {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    /* background-color: rgb(175,75,100,0.5); */
}
.planet-in-house {
    display: inline-flex; /* inline-flex для выравнивания по базовой линии */
    align-items: baseline; /* Выровнять элементы по базовой линии */
    font-size: 13px;
    font-weight: 700;
    color: #616161;
    margin: 0 3px;
}
.lagnesh, .strong {
    color: #84b500 !important;
}
.weak {
    color: #f36868 !important;
}
.planet-degree {
    font-size: 80%;
    margin-left: 2px;
    /* display: none; */
}
.house .planet-in-house:nth-last-child(n + 6),
.house .planet-in-house:nth-last-child(n + 6) ~ * {
    font-size: 10px;
}

.house-1 {
    top: 29%;
    left: 33%;
    width: 33%;
    transform: translate(0, -50%);
}
.house-2 {
    top: 9%;
    left: 12%;
    width: 34%;
}
.house-3 {
    top: 29%;
    left: 9%;
    width: 15%;
    transform: translate(0, -50%);
    flex-direction: column;
}
.house-4 {
    top: 50%;
    left: 12%;
    width: 32%;
    transform: translate(0, -50%);
}
.house-5 {
    top: 71%;
    left: 9%;
    width: 15%;
    transform: translate(0, -50%);
    flex-direction: column;
}
.house-6 {
    flex-wrap: wrap-reverse;
    top: 91%;
    left: 12%;
    width: 34%;
    transform: translate(0, -100%);
}
.house-7 {
    top: 71%;
    left: 33%;
    width: 33%;
    transform: translate(0, -50%);
}
.house-8 {
    flex-wrap: wrap-reverse;
    top: 91%;
    left: 54%;
    width: 34%;
    transform: translate(0, -100%);
}
.house-9 {
    justify-content: flex-end;
    top: 71%;
    left: 76%;
    width: 15%;
    transform: translate(0, -50%);
}
.house-10 {
    top: 50%;
    left: 56%;
    width: 32%;
    transform: translate(0, -50%);
}
.house-11 {
    justify-content: flex-end;
    top: 29%;
    left: 76%;
    width: 15%;
    transform: translate(0, -50%);
}
.house-12 {
    top: 9%;
    left: 54%;
    width: 34%;
}