html {
    scroll-behavior: smooth;
}

.mm-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.leadership-tool-intro-wrap {
    text-align: center;
}

.motives-circumplex {
    position: relative;
    background: none;
}

.motives-circumplex-background,
.motives-circumplex-domain {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
}

.motives-circumplex-motives {
    display: block;
    position: relative;
    z-index: 1;
}

.domains {
    opacity: 0;
}

.domains text {
    /*fill: #a2a1a1;*/
    fill: black;
    font-size: 1rem;
    font-weight: normal;
    text-transform: uppercase;
}

.domains rect {
    display: none;
}

.text-line,
.connect-line {
    stroke: #dcaf6c;
    stroke-width: 2px;
    stroke-linejoin: round;
    fill-rule: evenodd;
    fill: none;
}

.cls-12 {
    fill: #fefdfd;
}

.cls-12,
.cls-22 {
    stroke: #dcaf6c;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.cls-22 {
    fill: #e5e5e5;
    fill-opacity: 0;
}

.domain-header {
    text-align: center;
    border-top: 2px solid #dcaf6c;
}

.domain-header img {
    max-width: 240px;
}

.domain-main-tabs {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    padding: 20px 10px;
    flex-wrap: wrap;
}

.domain-tab-item {
    border: 1px solid #dcaf6c;
    padding: 5px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.2s;
}

.domain-tab-item:hover,
.back-to-circumplex-btn a:hover,
.domain-tab-item.active,
.show-more-copy span:hover {
    background-color: #dcaf6c;
    color: #000;
}

.show-more-copy span {
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    text-transform: uppercase;
    border: 1px solid #dcaf6c;
    padding: 5px 40px 5px 20px;
    transition: 0.2s;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cGF0aCBkPSJtMzc2IDQzMS40MSAxNjUuNjYtMTY1LjY2YzEwLjg1NS0xMC44NTUgMjguNDU3LTEwLjg1NSAzOS4zMTIgMCAxMC44NTUgMTAuODU1IDEwLjg1NSAyOC40NTcgMCAzOS4zMTJsLTE4NS4zMiAxODUuMzJjLTUuNDI1OCA1LjQyNTgtMTIuNTM5IDguMTQwNi0xOS42NTYgOC4xNDA2LTcuMTEzMyAwLTE0LjIyNy0yLjcxNDgtMTkuNjUyLTguMTQwNmwtMTg1LjMyLTE4NS4zMmMtMTAuODU1LTEwLjg1NS0xMC44NTUtMjguNDU3IDAtMzkuMzEyIDEwLjg1NS0xMC44NTUgMjguNDU3LTEwLjg1NSAzOS4zMTIgMHoiLz4KPC9zdmc+Cg==");
    background-position: 96% center;
    background-size: 20px;
    font-size: 16px;
    background-repeat: no-repeat;
}

.show-more-copy {
    text-align: center;
    margin-bottom: 30px;
}

.domain-sub-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 60px;
    padding: 10px 0 30px;
}

.mm-tab-content {
    display: none;
    max-width: 800px;
    margin: 0 auto;
}

.domain-main-wraper {
    display: none;
}

.mm-tab-content.active,
.domain-main-wraper.active {
    display: block;
}

.mm-tab-item:hover,
.mm-tab-item.active {
    color: #dcaf6c;
    text-decoration: underline;
}

.mm-tab-item {
    cursor: pointer;
    transition: 0.2s;
    font-weight: 700;
}

.back-to-circumplex-btn a {
    border: 1px solid #dcaf6c;
    padding: 5px 20px;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
    margin-bottom: 30px;
    color: #000;
}

.back-to-circumplex-btn {
    text-align: center;
    padding-top: 30px;
}

div#mm-tab-content-1 h2 {
    text-align: center;
    border-bottom: 1px solid #dcaf6c;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 38px;
}

.tab-show-text {
    text-align: left;
    padding-bottom: 30px;
    font-size: 16px;
}

.being-met-wrap h4,
.risk-when-wrap h4 {
    position: relative;
    color: #dcaf6c;
    margin-bottom: 10px;
}

.being-met-wrap h4 img,
.risk-when-wrap h4 img {
    width: 100%;
    max-width: 45px;
    margin-top: -15px;
}

.being-met-wrap {
    padding: 20px 0;
}

.risk-when-wrap {
    padding: 40px 0;
}

.risk-when-wrap h4:before {
    transform: rotate(180deg);
}

.being-met-wrap ul,
.risk-when-wrap ul {
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none;
}

.being-met-wrap ul li:before,
.risk-when-wrap ul li:before {
    content: "+";
    color: #dcaf6c;
    font-weight: 700;
    margin-right: 10px;
    display: inline-block;
}

.being-met-wrap ul li:before {
    content: "+";
}

.risk-when-wrap ul li:before {
    content: "-";
}

h2.motives-circumplex-title {
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #deb464 !important;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 60px;
    text-transform: uppercase;
}

#motives-circumplex-main {
    padding: 5rem 0 0;
}

.motives-content-wraper {
    padding-top: 5rem;
}

h2.check-in-q-title,
h2.check-in-tip-title {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    color: #dcaf6c;
    justify-content: center;
}

img.check-in-q-icon,
img.check-in-tip-icon {
    max-width: 60px;
    width: 100%;
}

.check-in-questions-wrap li::marker {
    color: #dcaf6c;
}

img.check-in-tip-icon {
    margin-right: 20px;
}

.questions-tips-genral-text {
    max-width: 80%;
    text-align: center;
    margin: 0 auto 40px;
    font-size: 16px;
}

.tip-text {
    font-size: 16px;
    display: none;
    padding: 0px 24px 24px;
}

.tips-genral-box {
    box-shadow: 0 0 3px -1px #000;
    margin-bottom: 20px;
}

.tip-head {
    color: #000;
    font-weight: 700;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 12px 24px;
    cursor: pointer;
    position: relative;
}

svg#symbols>g,
.domains>svg {
    cursor: pointer;
}

.plus-icon {
    background-color: #eee;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 11px;
}

.minus-icon {
    background-color: #eee;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 24px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 11px;
    display: none;
}

.tips-genral-box.active .minus-icon {
    display: flex;
}

.tips-genral-box.active .plus-icon {
    display: none;
}

svg#symbols g:hover image {
    transform: scale(1.005);
}

svg#symbols g image {
    transition: 0.2s;
}

g.domains>svg text:hover {
    fill: #deb464;
}

g.domains>svg text {
    transition: 0.1s;
}

h4.domain-name {
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 0;
    color: #dcaf6c;
}

span.text-up {
    text-transform: uppercase;
}

#motives-success-sec .domain-tab-item:hover,
#motives-success-sec .domain-tab-item.active {
    background-color: #9eaff4;
}

#motives-success-sec .domain-tab-item {
    border-color: #9eaff4;
}


#motives-company-connection-sec .domain-tab-item:hover,
#motives-company-connection-sec .domain-tab-item.active {
    background-color: #b29ce5;
}

#motives-company-connection-sec .domain-tab-item {
    border-color: #b29ce5;
}


#motives-meaning-sec .domain-tab-item:hover,
#motives-meaning-sec .domain-tab-item.active {
    background-color: #ca93f8;
}

#motives-meaning-sec .domain-tab-item {
    border-color: #ca93f8;
}


#motives-advancement-sec .domain-tab-item:hover,
#motives-advancement-sec .domain-tab-item.active {
    background-color: #c36ba5;
}

#motives-advancement-sec .domain-tab-item {
    border-color: #c36ba5;
}


#motives-stimulation-sec .domain-tab-item:hover,
#motives-stimulation-sec .domain-tab-item.active {
    background-color: #d97573;
}

#motives-stimulation-sec .domain-tab-item {
    border-color: #d97573;
}


#motives-freedom-sec .domain-tab-item:hover,
#motives-freedom-sec .domain-tab-item.active {
    background-color: #dcaf6c;
}

#motives-freedom-sec .domain-tab-item {
    border-color: #dcaf6c;
}


#motives-balance-sec .domain-tab-item:hover,
#motives-balance-sec .domain-tab-item.active {
    background-color: #ddd280;
}

#motives-balance-sec .domain-tab-item {
    border-color: #ddd280;
}


#motives-comfort-sec .domain-tab-item:hover,
#motives-comfort-sec .domain-tab-item.active {
    background-color: #aabf70;
}

#motives-comfort-sec .domain-tab-item {
    border-color: #aabf70;
}


#motives-personal-connection-sec .domain-tab-item:hover,
#motives-personal-connection-sec .domain-tab-item.active {
    background-color: #7fb38d;
}

#motives-personal-connection-sec .domain-tab-item {
    border-color: #7fb38d;
}


#motives-significance-sec .domain-tab-item:hover,
#motives-significance-sec .domain-tab-item.active {
    background-color: #9fe1df;
}

#motives-significance-sec .domain-tab-item {
    border-color: #9fe1df;
}

.tab-show-text,
span.active-text,
.active>span.inactive-text {
    display: none;
}

.active>span.active-text {
    display: inline-block;
}

.tip-text ol,
.tip-text ul {
    list-style: initial;
}

.check-in-questions-wrap li {
    margin-bottom: 15px;
}