/* 19-12-2022 CSS Start */
.bgc-design {
    width: 104px;
    float: left;
}
.bgc-design ul li, .bgc-personality ul li {
    border-radius: 3px;
    padding: 5px 13px;
    position: relative;
    font-size: 15px;
    min-height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    color: #000;
    list-style: none;
    display: block;
    text-align: right;
}
.bgc-design ul li {
    background: #b86a4f !important;
    color: #ffffff !important;
}
.bgc-personality ul li {
    background:  #8888a1 !important;
	color: #ffffff !important;
}
.bgc-personality ul li span, .bgc-design ul li span {
    position: absolute;
    left: 10px !important;
    top: 7px;
    font-size: 20px;
}
.icon-bgc-Sun:before {
    content: "\e90a";
}
.icon-bgc-Earth:before {
    content: "\e900";
}
.icon-bgc-North-Node:before {
    content: "\e906";
}
.icon-bgc-South-Node:before {
    content: "\e909";
}
.icon-bgc-Moon:before {
    content: "\e904";
}
.icon-bgc-Mercury:before {
    content: "\e903";
}
.icon-bgc-Venus:before {
    content: "\e90c";
}
.icon-bgc-Mars:before {
    content: "\e902";
}
.icon-bgc-Jupiter:before {
    content: "\e901";
}
.icon-bgc-Saturn:before {
    content: "\e908";
}
.icon-bgc-Uranus:before {
    content: "\e90b";
}
.icon-bgc-Neptune:before {
    content: "\e905";
}
.icon-bgc-Pluto:before {
    content: "\e907";
}
.bgc-personality {
    width: 104px;
    float: right;
}
/* 19-12-2022 CSS End */

/* 22-12-2022 CSS Start */
@media (max-width: 650px) {
	.bgc-desktop-view {display: block;}
	.bgc-design.bgc-mobile-view {display: none;}
	.bgc-chart, .actions { width: calc(100% - 208px); float: left;}
	.bgc-design { width: 80px;}
	.bgc-personality {width: 80px;}
	ul.design {margin: 0;}
	ul.personality { margin: 0;}
	.bgc-chart svg { width: 280px;}
}
@media (max-width: 479px) {
	.bgc-design ul li, .bgc-personality ul li {
		padding: 5px 7px;
		font-size: 14px;
		min-height: 22px;
		line-height: 22px;
	}
	.bgc-design {width: 70px;}
	.bgc-personality { width: 70px;}
	.bgc-chart svg { width: 195px;}
	.bgc-desktop-view {display: block;}
	.bgc-design.bgc-mobile-view {display: none;}
	.bgc-chart, .actions { width: calc(100% - 208px); float: left;}
	ul.design {margin: 0;}
	ul.personality { margin: 0;}
}

/* 27-12-2022 CSS Start */
/* 19-12-2022 CSS Start */
.bgc-design {
    width: 104px;
    float: left;
}
.bgc-design ul li, .bgc-personality ul li {
    border-radius: 3px;
    padding: 5px 13px;
    position: relative;
    font-size: 15px;
    min-height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    color: #000;
    list-style: none;
    display: block;
    text-align: right;
}
.bgc-design ul li {
    background: #b86a4f !important;
    color: #ffffff !important;
}
.bgc-personality ul li {
    background:  #8888a1 !important;
	color: #ffffff !important;
}
.bgc-personality ul li span, .bgc-design ul li span {
    position: absolute;
    left: 10px !important;
    top: 7px;
    font-size: 20px;
}
.icon-bgc-Sun:before {
    content: "\e90a";
}
.icon-bgc-Earth:before {
    content: "\e900";
}
.icon-bgc-North-Node:before {
    content: "\e906";
}
.icon-bgc-South-Node:before {
    content: "\e909";
}
.icon-bgc-Moon:before {
    content: "\e904";
}
.icon-bgc-Mercury:before {
    content: "\e903";
}
.icon-bgc-Venus:before {
    content: "\e90c";
}
.icon-bgc-Mars:before {
    content: "\e902";
}
.icon-bgc-Jupiter:before {
    content: "\e901";
}
.icon-bgc-Saturn:before {
    content: "\e908";
}
.icon-bgc-Uranus:before {
    content: "\e90b";
}
.icon-bgc-Neptune:before {
    content: "\e905";
}
.icon-bgc-Pluto:before {
    content: "\e907";
}
.bgc-personality {
    width: 104px;
    float: right;
}
/* 19-12-2022 CSS End */

/* 22-12-2022 CSS Start */
@media (max-width: 650px) {
	.bgc-desktop-view {display: block;}
	.bgc-design.bgc-mobile-view {display: none;}
	.bgc-chart, .actions { width: calc(100% - 208px); float: left;}
	.bgc-design { width: 80px;}
	.bgc-personality {width: 80px;}
	ul.design {margin: 0;}
	ul.personality { margin: 0;}
	.bgc-chart svg { width: 280px;}
}
@media (max-width: 479px) {
	.bgc-design ul li, .bgc-personality ul li {
		padding: 5px 7px;
		font-size: 14px;
		min-height: 22px;
		line-height: 22px;
	}
	.bgc-design {width: 70px;}
	.bgc-personality { width: 70px;}
	.bgc-chart svg { width: 195px;}
	.bgc-desktop-view {display: block;}
	.bgc-design.bgc-mobile-view {display: none;}
	.bgc-chart, .actions { width: calc(100% - 208px); float: left;}
	ul.design {margin: 0;}
	ul.personality { margin: 0;}
}

/* 27-12-2022 CSS Start */
/* 19-12-2022 CSS Start */
.bgc-design {
    width: 104px;
    float: left;
}
.bgc-design ul li, .bgc-personality ul li {
    border-radius: 3px;
    padding: 5px 13px;
    position: relative;
    font-size: 15px;
    min-height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    color: #000;
    list-style: none;
    display: block;
    text-align: right;
}
.bgc-design ul li {
    background: #b86a4f !important;
    color: #ffffff !important;
}
.bgc-personality ul li {
    background:  #8888a1 !important;
	color: #ffffff !important;
}
.bgc-personality ul li span, .bgc-design ul li span {
    position: absolute;
    left: 10px !important;
    top: 7px;
    font-size: 20px;
}
.icon-bgc-Sun:before {
    content: "\e90a";
}
.icon-bgc-Earth:before {
    content: "\e900";
}
.icon-bgc-North-Node:before {
    content: "\e906";
}
.icon-bgc-South-Node:before {
    content: "\e909";
}
.icon-bgc-Moon:before {
    content: "\e904";
}
.icon-bgc-Mercury:before {
    content: "\e903";
}
.icon-bgc-Venus:before {
    content: "\e90c";
}
.icon-bgc-Mars:before {
    content: "\e902";
}
.icon-bgc-Jupiter:before {
    content: "\e901";
}
.icon-bgc-Saturn:before {
    content: "\e908";
}
.icon-bgc-Uranus:before {
    content: "\e90b";
}
.icon-bgc-Neptune:before {
    content: "\e905";
}
.icon-bgc-Pluto:before {
    content: "\e907";
}
.bgc-personality {
    width: 104px;
    float: right;
}
/* 19-12-2022 CSS End */

/* 22-12-2022 CSS Start */
@media (max-width: 650px) {
	.bgc-desktop-view {display: block;}
	.bgc-design.bgc-mobile-view {display: none;}
	.bgc-chart, .actions { width: calc(100% - 208px); float: left;}
	.bgc-design { width: 80px;}
	.bgc-personality {width: 80px;}
	ul.design {margin: 0;}
	ul.personality { margin: 0;}
	.bgc-chart svg { width: 280px;}
}
@media (max-width: 479px) {
	.bgc-design ul li, .bgc-personality ul li {
		padding: 5px 7px;
		font-size: 14px;
		min-height: 22px;
		line-height: 22px;
	}
	.bgc-design {width: 70px;}
	.bgc-personality { width: 70px;}
	.bgc-chart svg { width: 195px;}
	.bgc-desktop-view {display: block;}
	.bgc-design.bgc-mobile-view {display: none;}
	.bgc-chart, .actions { width: calc(100% - 208px); float: left;}
	ul.design {margin: 0;}
	ul.personality { margin: 0;}
}

/* 27-12-2022 CSS Start */
/* .design-arrows #variable-digestion span {
    display: inline-block;
    margin-left: 7px;
}
.hdapi-arrows-right span {
    display: inline-block;
    margin-right: 7px;
}
.bgc-body-chart-div .bgc-chart .arrows {
    left: 50%;
    transform: translateX(-50%);
    right: unset;
}
.hdapi-reverse svg {
    transform: rotate(180deg);
}
.personality-arrows span.bgc-left svg {
    margin-top: 0 !important;
} */
.hdapi-arrows {
    position: relative;
    top: 55px;
    width: 80%;
    margin: auto;
}
.hdapi-arrows-left {
    width: 70px;
    position: absolute;
    left: 0;
}
.hdapi-arrows-right {
    width: 70px;
    position: absolute;
    right: 0;
}
.hdapi-reverse svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.hdapi-arrows-left span {
    display: inline-block;
    margin-left: 7px;
}
.hdapi-arrows-right span {
    display: inline-block;
    margin-right: 7px;
}
.hdapi-svg svg {
    max-width: 100%;
    height: auto;
}
.bgc-chart svg {
    width: unset;
    margin-top: unset;
}
/* 27-12-2022 CSS End */

/* Wealth Sec CSS Start */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
section.wealth-main-sec {
	padding: 100px 0px;
	margin: 0px;
	position: relative;
}
.wealth-container {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.wealth-inner-area {
    max-width: 100%;
    width: 100%;
    position: relative;
}
.wealth-main-content-area {
    position: relative;
    max-width: 100%;
    width: 100%;
}
.wealth-box-area {
    max-width: 100%;
    width: 100%;
    padding-top: 100%;
    height: 980px;
    position: relative;
}
.wealth-box-area .wealth-color {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 360px solid;
    border-color: #157700 #b21b00 #cc8e05 #2b2d2c;
    clip-path: polygon(0 0, 50% 4%, 100% 0, 96% 50%, 100% 100%, 50% 96%, 0 100%, 4% 50%);
}
.wealth-box-area .wealth-color-overlay {
    max-width: 100%;
    width: 100%;
    padding-top: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(rgb(255 255 255 / 60%), transparent);
}
.wealth-box-area .wealth-main-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wealth-box-area .wealth-main-title h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 88px;
    font-weight: 400;
    line-height: 88px;
    color: #011a53;
    margin: 0px !important;
}

.wealth-box-area .wealth-box-title h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 48px;
    font-weight: 400;
    line-height: 48px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    margin: 0px !important;
}
.wealth-box-area .wealth-box-title span {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    color: #FFF;
    text-align: center;
    display: block;
}

.wealth-box-title.wealth-top-title {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
}
.wealth-box-title.wealth-left-title {
    position: absolute;
    top: 50%;
    left: 126px;
    transform: translateY(-50%) rotate(270deg);
}
.wealth-box-title.wealth-right-title {
    position: absolute;
    top: 50%;
    right: 126px;
    transform: translateY(-50%) rotate(90deg);
}
.wealth-box-title.wealth-bottom-title {
    position: absolute;
    bottom: 200px;
    left: 50%;
    transform: translateX(-50%);
}
.wealth-box-image-area .wealth-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
}
.wealth-box-image-area .wealth-img img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 2px solid #000000;
}
.wealth-box-image-area .wealth-img h4 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    color: #011a53;
    text-align: center;
    background: #f0f1f6;
    padding: 8px 30px;
    border-radius: 10px;
    margin: 0 0 24px !important;
    min-width: 280px;
}

.wealth-img.wealth-img-top {
    top: -56px;
    left: 50%;
    transform: translateX(-50%);
}

.wealth-img.wealth-img-top-right {
    top: 100px;
    right: 100px;
}
.wealth-img.wealth-img-top-right h4 {
    transform: rotate(45deg);
    position: absolute;
    right: -160px;
    top: -50px;
}

.wealth-img.wealth-img-right {
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    flex-direction: row-reverse;
}
.wealth-img.wealth-img-right h4 {
    transform: rotate(90deg);
    position: absolute;
    right: -192px;
}

.wealth-img.wealth-img-bottom-right {
    bottom: 100px;
    right: 100px;
}
.wealth-img.wealth-img-bottom-right h4 {
    transform: rotate(315deg);
    position: absolute;
    right: -160px;
    bottom: -70px;
}

.wealth-img.wealth-img-bottom {
    bottom: -56px;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column-reverse;
}
.wealth-img.wealth-img-bottom h4 {
    margin: 24px 0px 0px !important;
}

.wealth-img.wealth-img-bottom-left {
    bottom: 100px;
    left: 100px;
}
.wealth-img.wealth-img-bottom-left h4 {
    transform: rotate(45deg);
    position: absolute;
    left: -160px;
    bottom: -70px;
}

.wealth-img.wealth-img-left {
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    flex-direction: row;
}
.wealth-img.wealth-img-left h4 {
    transform: rotate(270deg);
    position: absolute;
    left: -192px;
    margin: 0px !important;
}

.wealth-img.wealth-img-top-left {
    top: 100px;
    left: 100px;
}
.wealth-img.wealth-img-top-left h4 {
    transform: rotate(315deg);
    position: absolute;
    left: -160px;
    top: -50px;
}

/* Wealth Sec CSS End */

.welath_dynamic_tex {
  font-family: 'Cormorant Garamond', serif !important;
    font-size: 38px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
    margin-bottom: 30px ;
}
.enneagram_personality_profile_type {
    text-align: center;
    display: flow-root;
    font-size: 34px;
    line-height: 45px;
    margin: 36px 0px;
}