*,
*:after,
*:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    font-family: "Gilroy", serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
}

p {
    margin: 0;
    line-height: 150%;
}

ul {
    padding: 0;
}

li {
    list-style-type: none;
    padding: 0;
}

a {
    text-decoration: none;
}

h2 {
    font-size: 20px;
    font-weight: 700;
}

h3 {
    font-size: 12px;
    font-weight: 400;
}

.h-100 {
    height: 100%;
}

.round-tick {
    display: inline-block;
    background-image: url("../assets/round-tick.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 28px;
    min-width: 24px;
    margin-right: 8px;
}

.bold {
    font-weight: 700;
}

.space-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.division-line {
    height: 2px;
    border: none;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 576px) {
    .division-line {
        display: none;
    }
}

.bullet-tick-simple {
    display: inline-block;
    background-image: url("../assets/credit-page/tick-simple.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    min-width: 24px;
    margin-right: 8px;
}

.btn {
    display: inline-flex;
    border: 2px solid #5C2D91;
    padding: 10px 24px;
    color: #5C2D91;
    border-radius: 4px;
    background-color: #FFFFFF;
    transition: background-color 200ms ease-in, color 200ms ease-in;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .btn.full-width-sm {
        width: 100%;
        justify-content: center;
        padding: 16px 24px;
    }
}

.btn.btn-primary {
    background-color: #FFB715;
    color: #7347FD;
    border: none;
    font-weight: 700;
}

.btn.btn-secondary {
    background-color: #F2F2F2;
    color: #5C2D91;
    font-weight: 700;
    border: none;
    box-shadow: inset 0px 0px 0px 2px #5C2D91;
    -webkit-box-shadow: inset 0px 0px 0px 2px #5C2D91;
    -moz-box-shadow: inset 0px 0px 0px 2px #5C2D91;
}

.btn.top-nav-bar-btn {
    padding: 15px 24px;
}

@media only screen and (max-width: 650px) {
    .btn.top-nav-bar-btn {
        display: none;
    }
}

.btn.arrow-icon-left-side .arrow-icon {
    margin-top: 3px;
    margin-right: 8px;
    fill: #5C2D91;
    transition: fill 200ms ease;
}

@media only screen and (max-width: 600px) {
    .btn.arrow-icon-left-side .arrow-icon.arrow-icon-nav {
        margin-left: 8px;
    }
}

.btn.arrow-icon-left-side:hover .arrow-icon {
    fill: #FFFFFF;
}

.btn.arrow-icon-right-side .arrow-icon {
    transform: rotate(180deg);
    margin-top: 3px;
    margin-left: 8px;
    fill: #5C2D91;
    transition: fill 200ms ease;
}

.btn.arrow-icon-right-side:hover .arrow-icon {
    fill: #FFFFFF;
}

@media only screen and (max-width: 600px) {
    .btn.home-btn {
        padding-left: 8px;
        padding-right: 16px;
    }
}

.btn.home-btn .home-icon {
    fill: #5C2D91;
    display: none;
    transition: fill 200ms ease;
}

@media only screen and (max-width: 600px) {
    .btn.home-btn .home-icon {
        display: block;
    }
}

.btn.home-btn:hover .home-icon {
    fill: #FFFFFF;
}

@media only screen and (max-width: 600px) {
    .btn.home-btn .home-label {
        display: none;
    }
}

.btn:hover {
    background-color: #5C2D91;
    color: #FFFFFF;
}

.btn .arrow-left {
    transform: rotate(180deg);
    margin-right: 8px;
    margin-top: 2px;
}

.btn .arrow-right {
    margin-left: 8px;
    margin-top: 2px;
}

.btn-form {
    background-color: #0f0d0d;
    color: #ffffff;
    cursor: pointer;
    padding: 16px 48px;
}

.btn-credit {
    display: inline-block;
    font-size: 18px;
    padding: 16px 24px;
    border-radius: 50px;
    background-color: #7347FD;
    color: #FFFFFF;
    transition: background-color 300ms ease-in;
}

    .btn-credit.proposal {
        background-color: #FFB715;
        padding: 16px 40px;
        color: #7347FD;
        font-weight: 700;
    }

    .btn-credit:hover {
        background-color: #FFFFFF;
    }

.btn {
    display: inline-flex;
    justify-content: center;
    background-color: #5C2D91;
    color: #FFFFFF;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 48px;
    padding-right: 48px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    border-color: #5C2D91;
    border-radius: 4px;
    transition-property: color, background-color, border;
    transition-duration: 300ms;
    transition-timing-function: ease-in;
}

    .btn:hover, .btn:focus {
        outline: 0;
        background-color: #43216a;
        border-color: #43216a;
    }

    .btn.btn-outline {
        background-color: transparent;
        border-color: #5C2D91;
        color: #5C2D91;
    }

        .btn.btn-outline:hover, .btn.btn-outline:focus {
            background-color: transparent;
            border-color: #43216a;
            color: #43216a;
        }

    .btn.btn-small {
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .btn.btn-large {
        padding-left: 96px;
        padding-right: 96px;
    }

    .btn.btn-full {
        width: 100%;
    }

@media only screen and (max-width: 576px) {
    .btn.btn-full-sm {
        width: 100%;
    }
}

.btn.btn-color-0 {
    background-color: #7347FD;
    border-color: #7347FD;
    color: #FFFFFF;
}

    .btn.btn-color-0:hover, .btn.btn-color-0:focus {
        background-color: #6230FD;
        border-color: #6230FD;
        color: #FFFFFF;
    }

    .btn.btn-color-0.btn-outline {
        background-color: transparent;
        border-color: #7347FD;
        color: #7347FD;
    }

        .btn.btn-color-0.btn-outline:hover, .btn.btn-color-0.btn-outline:focus {
            background-color: transparent;
            border-color: #6230FD;
            color: #6230FD;
        }

.btn.btn-color-2 {
    background-color: #37E6B9;
    border-color: #37E6B9;
    color: #000000;
}

    .btn.btn-color-2:hover, .btn.btn-color-2:focus {
        background-color: #1ad0a1;
        border-color: #1ad0a1;
        color: #000000;
    }

    .btn.btn-color-2.btn-outline {
        background-color: transparent;
        border-color: #37E6B9;
        color: #37E6B9;
    }

        .btn.btn-color-2.btn-outline:hover, .btn.btn-color-2.btn-outline:focus {
            background-color: transparent;
            border-color: #1ad0a1;
            color: #1ad0a1;
        }

.btn.btn-color-4 {
    background-color: #FFB715;
    border-color: #FFB715;
    color: #000000;
}

    .btn.btn-color-4:hover, .btn.btn-color-4:focus {
        background-color: #e19c00;
        border-color: #e19c00;
        color: #000000;
    }

    .btn.btn-color-4.btn-outline {
        background-color: transparent;
        border-color: #FFB715;
        color: #FFB715;
    }

        .btn.btn-color-4.btn-outline:hover, .btn.btn-color-4.btn-outline:focus {
            background-color: transparent;
            border-color: #e19c00;
            color: #e19c00;
        }

.btn.btn-special {
    background: linear-gradient(90deg, #7347fd 0%, #5c2d91 100%);
    color: #FFFFFF;
    border-width: 0;
}

    .btn.btn-special:hover, .btn.btn-special:focus {
        color: #FFB715;
        background: linear-gradient(90deg, #7347fd 0%, #5c2d91 100%);
    }

.btn:disabled, .btn[disabled], .btn.disabled {
    background: #BFBFBF;
    border-color: #BFBFBF;
    color: #404040;
    pointer-events: none;
    opacity: 0.7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.card-acad-blue {
    background: #005ABE;
    color: #FFFFFF;
}

.card-acad-blue-outline {
    background: none;
    border: #005ABE 2px solid;
}

.card-acad-purple-outline {
    background: none;
    border: #7347FD 2px solid;
}

.card-acad-purple {
    background: #7347FD;
    color: #FFFFFF;
}

.btn-ler-mais {
    background: none;
    border: #FFB715 2px solid;
    color: #FFB715;
    border-radius: 0;
    transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}

    .btn-ler-mais:hover {
        background: #FFB715;
        border: #FFB715 2px solid;
        color: #FFFFFF;
        transition: 0.4s;
    }

.k-form-group {
    display: flex;
}

    .k-form-group label {
        display: inline-flex;
        background-color: #F2EFF5;
        height: 46px;
        align-items: center;
        padding: 12px;
        width: 40%;
        border-radius: 0.25em 0 0 0.25em;
        flex-shrink: 0;
        border: 1px solid #F2EFF5;
        border-right: 0;
        font-size: 16px;
        height: auto;
    }

.k-form-group {
    border: 1px solid #5C2D91;
    border-radius: 4px;
    margin-bottom: 16px;
}

    .k-form-group.with-toggle {
        flex-direction: column;
    }

        .k-form-group.with-toggle label {
            width: 100%;
        }

        .k-form-group.with-toggle .k-widget {
            width: 100%;
        }

    .k-form-group .k-form-group-1 {
        display: flex;
        margin: 8px;
    }

    .k-form-group label {
        width: 50%;
        color: #5C2D91;
    }

    .k-form-group > .k-widget {
        display: block;
        width: 100%;
    }

        .k-form-group > .k-widget > .k-state-default {
            border-radius: 0 0.25rem 0.25rem 0;
            border-color: #FFFFFF;
            border-width: 0;
            box-shadow: none !important;
            height: 100%;
        }

        .k-form-group > .k-widget.k-switch {
            box-shadow: none !important;
        }

        .k-form-group > .k-widget.k-switch-on .k-switch-container {
            background-color: #5C2D91;
        }

        .k-form-group > .k-widget.k-switch-on.k-state-hover .k-switch-container, .k-form-group > .k-widget.k-switch-on:hover .k-switch-container {
            background-color: #43216a;
        }

        .k-form-group > .k-widget .k-select {
            border-color: transparent;
            background-color: #F2EFF5;
        }

        .k-form-group > .k-widget .k-clear-value {
            height: 46px;
        }

        .k-form-group > .k-widget .k-input {
            font-size: 18px;
            height: 46px;
        }

.k-list .k-item.k-state-hover.k-state-selected,
.k-list .k-item:hover.k-state-selected,
.k-list-optionlabel.k-state-hover.k-state-selected,
.k-list-optionlabel:hover.k-state-selected,
.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected {
    background: #5C2D91 !important;
}

@media only screen and (max-width: 992px) {
    .k-form-group {
        flex-direction: column;
    }

        .k-form-group label {
            width: 100%;
            border-radius: 0.25em 0.25em 0 0;
            border: 1px solid #F2EFF5;
            padding: 8px;
            height: auto;
            border-bottom: none;
            font-size: 16px;
        }

    .k-widget > .k-state-default {
        border-radius: 0 0 0.25rem 0.25rem;
    }

    .k-widget .k-input {
        font-size: 16px;
    }
}

.dimensions-container.p-bottom-6 {
    padding-bottom: 48px;
}

.dimensions-container.p-top-9 {
    padding-top: 72px;
}

.dimensions-container.p-bottom-9 {
    padding-bottom: 72px;
}

.dimensions-container.p-top-15 {
    padding-top: 120px;
}

.dimensions-container.p-bottom-15 {
    padding-bottom: 120px;
}

@media only screen and (max-width: 576px) {
    .dimensions-container.p-top-9-sm {
        padding-top: 72px;
    }

    .dimensions-container.p-bottom-9-sm {
        padding-bottom: 72px;
    }

    .dimensions-container.p-top-4-sm {
        padding-top: 32px;
    }

    .dimensions-container.p-bottom-4-sm {
        padding-bottom: 32px;
    }
}

.dimensions-container.footer-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 992px) {
    .dimensions-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media only screen and (max-width: 576px) {
    .dimensions-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.style-container {
    background-color: #FFFFFF;
}

    .style-container.neutral-color-light {
        background-color: #F2F2F2;
    }

    .style-container.main-color {
        background-color: #5C2D91;
    }

    .style-container.why-color {
        background-color: #FFB715;
    }

    .style-container.advantages-color {
        background-color: #005ABE;
    }

    .style-container.footer-color {
        background-color: #000000;
        color: #FFFFFF;
    }

    .style-container.bg-img {
        background-image: url("../assets/hero/hero-img.png"), url("../assets/hero/bg-circle.svg");
        background-repeat: no-repeat, no-repeat;
        background-position: 80% 100%, center right -350px;
        background-size: 476px, 976px;
    }

@media only screen and (max-width: 1200px) {
    .style-container.bg-img {
        background-position: 100% 100%, center right -550px;
    }
}

@media only screen and (max-width: 992px) {
    .style-container.bg-img {
        background-image: url("../assets/hero/bg-circle-solid-fill.svg");
        background-repeat: no-repeat;
        background-position: center right -550px;
        background-size: 976px;
    }
}

.style-container.bg-img-why {
    background-image: url("../assets/bg-circle-solid-fill.svg");
    background-repeat: no-repeat;
    background-position: bottom -350px right -350px;
    background-size: 976px;
}

.style-container.bg-img-advantages {
    background-image: url("../assets/bg-circle-solid-fill.svg");
    background-repeat: no-repeat;
    background-position: center right -350px;
    background-size: 976px;
}

.style-container.bg-img-form {
    background-image: url("../assets/bg-circle-solid-fill.svg");
    background-repeat: no-repeat;
    background-position: top 250px left -150px;
    background-size: 976px;
}

.hero {
    padding-top: 10px;
}

    .hero .main-heading {
        font-size: 88px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 100%;
        color: #37E6B9;
        margin-bottom: 24px;
    }

@media only screen and (max-width: 576px) {
    .hero .main-heading {
        font-size: 48px;
        margin-bottom: 16px;
    }
}

.hero .secondary-heading {
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 32px;
    line-height: 150%;
}

@media only screen and (max-width: 576px) {
    .hero .secondary-heading {
        font-size: initial;
    }
}

.hero ul {
    margin-bottom: 32px;
}

    .hero ul li {
        color: #FFFFFF;
        display: flex;
        margin-bottom: 16px;
    }

.hero .btn-box {
    display: flex;
}

@media only screen and (max-width: 576px) {
    .hero .btn-box {
        flex-direction: column;
        text-align: center;
    }
}

.hero .btn-box .btn-whatsup {
    display: none;
}

@media only screen and (max-width: 576px) {
    .hero .btn-box .btn-whatsup {
        display: initial;
    }
}

.hero .extra-info {
    margin-top: 24px;
    font-size: 12px;
    color: #BFBFBF;
}

.video .main-heading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
}

.video .desc {
    text-align: center;
}

.video .video-frame {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.video .btn-video {
    margin-top: 80px;
    text-align: center;
}

.why .why-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: -24px;
}

.why .why-items {
    width: 360px;
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 24px;
    flex-grow: 1;
    padding: 32px 24px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

    .why .why-items.yellow .secondary-heading:after {
        background-color: #FFB715;
    }

    .why .why-items.light-purple .secondary-heading:after {
        background-color: #7347FD;
    }

    .why .why-items.light-green .secondary-heading:after {
        background-color: #37E6B9;
    }

    .why .why-items.light-blue .secondary-heading:after {
        background-color: #30E2DD;
    }

    .why .why-items.blue .secondary-heading:after {
        background-color: #005ABE;
    }

    .why .why-items.dark-purple .secondary-heading:after {
        background-color: #5C2D91;
    }

.why .main-heading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 72px;
    text-align: center;
}

.why .secondary-heading {
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px;
    color: #5C2D91;
}

    .why .secondary-heading:after {
        content: "";
        display: flex;
        height: 4px;
        width: 32px;
        background-color: #5C2D91;
        border-radius: 8px;
        margin-top: 16px;
    }

.why .descp-img {
    height: 72px;
    max-height: 72px;
    margin-bottom: 32px;
}

.why .descp {
    color: #000000;
}

.textbook .franchising-wrapper {
    display: flex;
    justify-content: center;
    border: 4px solid #5C2D91;
    border-radius: 8px;
}

@media only screen and (max-width: 992px) {
    .textbook .franchising-wrapper {
        flex-direction: column;
    }
}

.textbook .title-box {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 64px;
    padding-bottom: 64px;
    width: 100%;
    background-color: #5C2D91;
}

@media only screen and (max-width: 992px) {
    .textbook .title-box {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

.textbook .main-heading {
    font-size: 48px;
    font-weight: 500;
    max-width: 278px;
    color: #37E6B9;
}

@media only screen and (max-width: 992px) {
    .textbook .main-heading {
        max-width: initial;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.textbook .content-box {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px;
}

@media only screen and (max-width: 992px) {
    .textbook .content-box {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.textbook .form .input-email {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 24px;
    border: 2px solid #5C2D91;
    border-radius: 4px;
    padding: 8px;
    color: #808080;
}

    .textbook .form .input-email:focus, .textbook .form .input-email:hover {
        color: #5C2D91;
        border: 2px solid #37E6B9;
        outline: none;
    }

.textbook .success-msg {
    display: none;
}

.textbook .content-box.show-success .success-msg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #FFFFFF;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 16px;
    z-index: 1;
}

    .textbook .content-box.show-success .success-msg .heading {
        font-size: 36px;
        font-weight: 700;
        color: #5C2D91;
        margin-bottom: 16px;
    }

    .textbook .content-box.show-success .success-msg .text {
        font-size: 20px;
        text-align: center;
        margin-top: 8px;
    }

.textbook .content-box .form {
    position: relative;
}

.textbook .content-box .form-field .error-msg {
    position: absolute;
    top: 56px;
    left: 0;
    display: none;
}

.textbook .content-box .form-field.show-error .form-label {
    color: #DD0000;
}

.textbook .content-box .form-field.show-error .form-input {
    border-color: #DD0000;
}

.textbook .content-box .form-field.show-error .error-msg {
    display: flex;
    margin-top: 2px;
}

    .textbook .content-box .form-field.show-error .error-msg .error-msg-img {
        width: 24px;
        height: 16px;
        margin-top: 2px;
        background-image: url("../assets/form/error-message-icon.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .textbook .content-box .form-field.show-error .error-msg p {
        color: #DD0000;
        font-size: 14px;
        line-height: 12px;
        margin-top: 4px;
    }

.advantages .main-heading {
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 72px;
    text-align: center;
}

.advantages .advantages-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-right: -12px;
    margin-left: -12px;
    margin-bottom: -24px;
}

    .advantages .advantages-list .advantages-col {
        display: flex;
    }

@media only screen and (max-width: 992px) {
    .advantages .advantages-list .advantages-col {
        flex-wrap: wrap;
    }
}

.advantages .advantages-list .advantages-item {
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 24px;
    padding: 32px 24px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 992px) {
    .advantages .advantages-list .advantages-item {
        width: 100%;
    }
}

.advantages .advantages-list .advantages-item.yellow .secondary-heading:after {
    background-color: #FFB715;
}

.advantages .advantages-list .advantages-item.light-purple .secondary-heading:after {
    background-color: #7347FD;
}

.advantages .advantages-list .advantages-item.light-green .secondary-heading:after {
    background-color: #37E6B9;
}

.advantages .advantages-list .advantages-item.light-blue .secondary-heading:after {
    background-color: #30E2DD;
}

.advantages .advantages-list .advantages-item.blue .secondary-heading:after {
    background-color: #005ABE;
}

.advantages .advantages-list .advantages-item.dark-purple .secondary-heading:after {
    background-color: #5C2D91;
}

.advantages .advantages-list .advantages-item .secondary-heading {
    font-size: 32px;
    font-weight: 700;
    color: #5C2D91;
}

    .advantages .advantages-list .advantages-item .secondary-heading::after {
        content: "";
        display: block;
        width: 24px;
        height: 4px;
        background-color: #37E6B9;
        margin-top: 16px;
        margin-bottom: 16px;
    }

.advantages .video-frame {
    display: flex;
    justify-content: center;
    margin-top: 64px;
}

.lead-form .form-container {
    margin: 80px auto;
    position: relative;
}

@media only screen and (max-width: 576px) {
    .lead-form .form-container {
        padding: 24px 8px;
    }
}

.lead-form .form-container .form-heading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #FFFFFF;
    text-align: center;
}

@media only screen and (max-width: 576px) {
    .lead-form .form-container .form-heading {
        text-align: initial;
    }
}

.lead-form .form-container .form-descp {
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 16px;
}

@media only screen and (max-width: 576px) {
    .lead-form .form-container .form-descp {
        text-align: initial;
    }
}

.lead-form .form-container .form > div {
    margin-bottom: 24px;
}

    .lead-form .form-container .form > div:last-child {
        margin-bottom: 0;
    }

.lead-form .form-container .form .fields-side-by-side {
    display: flex;
    flex-wrap: wrap;
}

    .lead-form .form-container .form .fields-side-by-side > div + div {
        margin-left: 32px;
    }

    .lead-form .form-container .form .fields-side-by-side .legal-type {
        flex-grow: 1;
    }

    .lead-form .form-container .form .fields-side-by-side .nif {
        flex-grow: 2;
        justify-content: flex-end;
    }

@media only screen and (max-width: 576px) {
    .lead-form .form-container .form .fields-side-by-side .nif {
        width: 100%;
        margin-left: 0;
        margin-top: 24px;
    }
}

.lead-form .form-container .form .fields-side-by-side .interests {
    flex-grow: 8;
    justify-content: flex-end;
}

@media only screen and (max-width: 1200px) {
    .lead-form .form-container .form .fields-side-by-side .interests {
        width: 100%;
        margin-top: 24px;
        margin-left: 0;
        padding-bottom: 0;
    }
}

.lead-form .form-container .form .fields-side-by-side .name {
    flex-grow: 4;
}

@media only screen and (max-width: 1200px) {
    .lead-form .form-container .form .fields-side-by-side .name {
        width: 100%;
        margin-bottom: 24px;
    }
}

.lead-form .form-container .form .fields-side-by-side .email {
    flex-grow: 2;
}

@media only screen and (max-width: 1200px) {
    .lead-form .form-container .form .fields-side-by-side .email {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .lead-form .form-container .form .fields-side-by-side .email {
        width: 100%;
        margin-bottom: 24px;
    }
}

.lead-form .form-container .form .fields-side-by-side .contacts {
    flex-grow: 1;
}

@media only screen and (max-width: 768px) {
    .lead-form .form-container .form .fields-side-by-side .contacts {
        margin-left: 0;
    }
}

.lead-form .form-container .form .fields-side-by-side.tc {
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .lead-form .form-container .form .fields-side-by-side.tc .form-field-requirements {
        margin-bottom: 24px;
    }

    .lead-form .form-container .form .fields-side-by-side.tc .form-field-btn {
        width: 100%;
        margin-left: 0;
    }
}

.lead-form .form-container .form .form-field {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .lead-form .form-container .form .form-field .form-label {
        margin-bottom: 8px;
        color: #FFFFFF;
    }

    .lead-form .form-container .form .form-field .form-input {
        padding-left: 8px;
        border-radius: 4px;
        height: 40px;
        border: 2px solid rgba(0, 0, 0, 0);
        transition: border 0.3s ease;
        color: black;
    }

        .lead-form .form-container .form .form-field .form-input:disabled {
            color: rgba(0, 0, 0, 0.6);
            border-color: rgba(191, 191, 191, 0.3);
            background-color: rgba(255, 255, 255, 0.8);
        }

        .lead-form .form-container .form .form-field .form-input::placeholder, .lead-form .form-container .form .form-field .form-input::-webkit-input-placeholder, .lead-form .form-container .form .form-field .form-input::-moz-placeholder, .lead-form .form-container .form .form-field .form-input:-ms-input-placeholder, .lead-form .form-container .form .form-field .form-input:-moz-placeholder {
            color: rgba(0, 0, 0, 0.6);
        }

        .lead-form .form-container .form .form-field .form-input:focus, .lead-form .form-container .form .form-field .form-input:hover {
            outline: 0;
            color: black;
            border-color: #37E6B9;
        }

            .lead-form .form-container .form .form-field .form-input:focus:disabled, .lead-form .form-container .form .form-field .form-input:hover:disabled {
                color: rgba(0, 0, 0, 0.6);
                border-color: rgba(191, 191, 191, 0.3);
                background-color: rgba(255, 255, 255, 0.8);
            }

    .lead-form .form-container .form .form-field.form-field-type {
        background-color: #8355b7;
        padding: 8px 16px;
        border-radius: 4px;
        top: 8px;
    }

@media only screen and (max-width: 576px) {
    .lead-form .form-container .form .form-field.form-field-type {
        padding: 16px;
    }
}

.lead-form .form-container .form .form-field ul.form-input-radio-type {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 576px) {
    .lead-form .form-container .form .form-field ul.form-input-radio-type {
        flex-direction: column;
    }
}

.lead-form .form-container .form .form-field ul.form-input-radio-type li {
    position: relative;
    margin-right: 24px;
    background-color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    width: 100%;
}

    .lead-form .form-container .form .form-field ul.form-input-radio-type li:last-child {
        margin-right: 0;
    }

@media only screen and (max-width: 576px) {
    .lead-form .form-container .form .form-field ul.form-input-radio-type li {
        margin-right: 0;
        margin-bottom: 12px;
    }

        .lead-form .form-container .form .form-field ul.form-input-radio-type li:last-child {
            margin-bottom: 0;
        }
}

.lead-form .form-container .form .form-field ul.form-input-radio-type li input {
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
}

    .lead-form .form-container .form .form-field ul.form-input-radio-type li input:checked + label .form-input-radio-check::after {
        opacity: 1;
    }

    .lead-form .form-container .form .form-field ul.form-input-radio-type li input:checked + label .form-input-radio-label {
        color: #000000;
    }

.lead-form .form-container .form .form-field ul.form-input-radio-type li label {
    display: flex;
    cursor: pointer;
}

    .lead-form .form-container .form .form-field ul.form-input-radio-type li label .form-input-radio-check {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .lead-form .form-container .form .form-field ul.form-input-radio-type li label .form-input-radio-check:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid #5C2D91;
            border-radius: 50%;
        }

        .lead-form .form-container .form .form-field ul.form-input-radio-type li label .form-input-radio-check:after {
            content: "";
            display: block;
            position: absolute;
            opacity: 0;
            width: 12px;
            height: 12px;
            background-color: #5C2D91;
            border-radius: 50%;
            transition: opacity 0.3s ease-in-out;
        }

    .lead-form .form-container .form .form-field ul.form-input-radio-type li label .form-input-radio-label {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        font-size: 16px;
        color: #808080;
        padding: 0 12px;
    }

.lead-form .form-container .form .form-field .form-input.message-field-dimensions {
    height: 120px;
    padding-top: 8px;
}

.lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements {
    display: flex;
}

    .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements input {
        visibility: hidden;
        width: 1px;
        height: 1px;
        position: absolute;
        margin: -1px;
    }

        .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements input:checked + label .form-input-radio-check:before {
            box-shadow: inset 0 0 0 2px #37E6B9;
        }

        .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements input:checked + label .form-input-radio-check:after {
            border-color: #5c2d91;
        }

    .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements label {
        display: flex;
        align-items: center;
        font-size: 14px;
        cursor: pointer;
    }

    .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check {
        display: flex;
        align-items: center;
    }

        .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:before, .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:after {
            content: "";
            display: block;
        }

        .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:before {
            width: 24px;
            height: 24px;
            margin-right: 8px;
            box-shadow: inset 0 0 0 1px #5C2D91;
            border-radius: 4px;
            transition: box-shadow 300ms ease;
            background-color: #FFFFFF;
        }

        .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:after {
            position: absolute;
            left: 4px;
            top: 5px;
            width: 16px;
            height: 8px;
            border-width: 2px 2px 0 0;
            border-color: rgba(0, 0, 0, 0);
            border-style: solid;
            transform: rotate(135deg);
            transition: border 200ms ease;
        }

    .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-label {
        color: #FFFFFF;
        transition: color 300ms ease-in;
    }

        .lead-form .form-container .form .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-label a {
            color: #37E6B9;
        }

.lead-form .form-container .form .form-field-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.lead-form .form-container .form .form-field .error-msg {
    position: absolute;
    top: 100%;
    display: none;
}

.lead-form .form-container .form .form-field.show-error.form-field .form-label {
    color: #DD0000;
}

.lead-form .form-container .form .form-field.show-error.form-field .form-input {
    border-color: #DD0000;
}

.lead-form .form-container .form .form-field.show-error .error-msg {
    display: flex;
    margin-top: 2px;
}

    .lead-form .form-container .form .form-field.show-error .error-msg .error-msg-img {
        width: 24px;
        height: 16px;
        margin-top: 2px;
        background-image: url("../assets/form/error-message-icon.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .lead-form .form-container .form .form-field.show-error .error-msg p {
        color: #DD0000;
        font-size: 14px;
        line-height: 12px;
        margin-top: 4px;
    }

.lead-form .form-container .form-success-msg {
    display: none;
}

.lead-form .form-container.show-success {
    text-align: center;
}

    .lead-form .form-container.show-success .form-success-msg {
        position: absolute;
        display: flex;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 40px;
        background-color: #FFFFFF;
        border-radius: 8px;
    }

        .lead-form .form-container.show-success .form-success-msg .form-success-desc .form-heading {
            font-size: 36px;
            font-weight: 700;
            color: #5C2D91;
        }

        .lead-form .form-container.show-success .form-success-msg .form-success-desc .form-success-img {
            width: 144px;
            width: 100%;
            height: 144px;
            margin-top: 72px;
            margin-bottom: 72px;
            background-image: url("../assets/form/tick-success.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

        .lead-form .form-container.show-success .form-success-msg .form-success-desc p {
            text-align: center;
            font-size: 18px;
        }

.simulators-header {
    padding-top: 96px;
    padding-bottom: 96px;
    background-color: #5C2D91;
}

@media only screen and (max-width: 992px) {
    .simulators-header {
        padding-top: 64px;
        padding-bottom: 32px;
    }
}

@media only screen and (max-width: 576px) {
    .simulators-header {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

.simulators-header .main-heading {
    margin-bottom: 24px;
    color: #5C2D91;
    font-size: 72px;
    font-weight: 700;
}

@media only screen and (max-width: 992px) {
    .simulators-header .main-heading {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 576px) {
    .simulators-header .main-heading {
        font-size: 48px;
    }
}

.simulators-header .main-heading span {
    padding-right: 16px;
    padding-left: 16px;
    background-color: #37E6B9;
}

.simulators-header .secondary-heading {
    max-width: 473px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
}

@media only screen and (max-width: 992px) {
    .simulators-header .secondary-heading {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 576px) {
    .simulators-header .secondary-heading {
        margin-bottom: 24px;
        font-size: 20px;
    }
}

.simulators-header .secondary-heading span {
    font-weight: 700;
}

.simulators-header .desc {
    max-width: 384px;
    margin-bottom: 40px;
    color: #FFFFFF;
    font-size: 28px;
}

@media only screen and (max-width: 576px) {
    .simulators-header .desc {
        margin-bottom: 0;
        font-size: 20px;
    }
}

.simulators-header .desc span {
    font-weight: 700;
}

.simulators-cards {
    position: relative;
    background-color: #F2F2F2;
}

    .simulators-cards::before {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 128px;
        content: "";
        background-color: #5C2D91;
    }

.simulators-newsletter {
    padding-top: 64px;
    padding-bottom: 120px;
    background-color: #F2F2F2;
}

@media only screen and (max-width: 576px) {
    .simulators-newsletter {
        padding-top: 48px;
        padding-bottom: 96px;
    }
}

.simulators-newsletter .simulators-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .simulators-newsletter .simulators-container .heading {
        margin-bottom: 8px;
        color: #5C2D91;
        font-size: 32px;
        font-weight: 700;
    }

@media only screen and (max-width: 576px) {
    .simulators-newsletter .simulators-container .heading {
        text-align: center;
        font-size: 28px;
    }
}

.simulators-newsletter .simulators-container .desc {
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}

@media only screen and (max-width: 576px) {
    .simulators-newsletter .simulators-container .desc {
        margin-bottom: 32px;
        text-align: center;
        font-size: 18px;
    }
}

.simulators-newsletter .simulators-container form {
    position: relative;
}

@media only screen and (max-width: 768px) {
    .simulators-newsletter .simulators-container form {
        width: 100%;
    }
}

.simulators-newsletter .simulators-container form .success-msg {
    display: none;
}

.simulators-newsletter .simulators-container form.success .success-msg {
    position: absolute;
    z-index: 1;
    top: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 8px;
    text-align: center;
    color: #000000;
    background-color: #37E6B9;
}

    .simulators-newsletter .simulators-container form.success .success-msg .heading {
        margin-bottom: 0;
        color: #5C2D91;
        font-size: 24px;
        font-weight: 700;
        line-height: 115%;
    }

    .simulators-newsletter .simulators-container form.success .success-msg .para {
        font-size: 16px;
        font-weight: 400;
    }

.simulators-newsletter .simulators-container form .error-msg {
    display: none;
}

.simulators-newsletter .simulators-container form.error .error-msg {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .simulators-newsletter .simulators-container form.error .error-msg {
        position: absolute;
        top: 35%;
    }
}

.simulators-newsletter .simulators-container form.error .error-msg svg {
    min-width: 12px;
    min-height: 12px;
    margin-right: 4px;
}

    .simulators-newsletter .simulators-container form.error .error-msg svg path {
        fill: #DD0000;
    }

.simulators-newsletter .simulators-container form.error .error-msg p {
    color: #DD0000;
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    .simulators-newsletter .simulators-container form.error .newsletter .input {
        position: relative;
    }
}

.simulators-newsletter .simulators-container form.error .newsletter .input input {
    border: 1px solid #DD0000;
}

.simulators-newsletter .simulators-container form .newsletter {
    display: flex;
    height: 72px;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 768px) {
    .simulators-newsletter .simulators-container form .newsletter {
        height: 100%;
        box-shadow: initial;
    }
}

@media only screen and (max-width: 768px) {
    .simulators-newsletter .simulators-container form .newsletter {
        flex-direction: column;
        width: 100%;
    }
}

.simulators-newsletter .simulators-container form .newsletter .newsletter-btn {
    align-items: center;
    width: 100%;
    height: 100%;
    color: #000000;
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    background-color: #37E6B9;
}

    .simulators-newsletter .simulators-container form .newsletter .newsletter-btn:hover, .simulators-newsletter .simulators-container form .newsletter .newsletter-btn:focus {
        background-color: #65ECC9;
    }

@media only screen and (max-width: 992px) {
    .simulators-newsletter .simulators-container form .newsletter .newsletter-btn {
        padding-top: 16px;
        padding-bottom: 16px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}

.simulators-newsletter .simulators-container form .newsletter .input {
    width: 480px;
}

@media only screen and (max-width: 768px) {
    .simulators-newsletter .simulators-container form .newsletter .input {
        width: 100%;
    }
}

.simulators-newsletter .simulators-container form .newsletter .input input {
    width: 100%;
    height: 100%;
    padding-left: 24px;
    border: none;
    border: 1px solid #37E6B9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .simulators-newsletter .simulators-container form .newsletter .input input {
        height: 40px;
        margin-bottom: 24px;
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    }
}

.seo-term-text {
    margin: 30px auto 50px;
    text-align: center;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.seo-term-divider {
    height: 1px;
    border: none;
    background-color: #f1f1f1;
}

.results {
    background-color: #FAFAFA;
}

    .results .results-title {
        padding-top: 40px;
        padding-bottom: 32px;
    }

@media only screen and (max-width: 576px) {
    .results .results-title {
        padding-top: 32px;
        padding-bottom: 24px;
    }
}

.results .results-title .heading {
    font-size: 32px;
    font-weight: 700;
}

@media only screen and (max-width: 576px) {
    .results .results-title .heading {
        font-size: 24px;
    }
}

.results .result-and-cta .result-message {
    padding: 32px 40px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    display: flex;
}

@media only screen and (max-width: 576px) {
    .results .result-and-cta .result-message {
        padding: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .results .result-and-cta .result-message {
        flex-direction: column;
    }
}

.results .result-and-cta .result-message.warning .header .main-heading {
    color: #DD0000;
}

.results .result-and-cta .result-message .header {
    width: 100%;
    padding-right: 24px;
}

@media only screen and (max-width: 768px) {
    .results .result-and-cta .result-message .header {
        margin-bottom: 16px;
        padding-right: 0;
    }
}

.results .result-and-cta .result-message .header .main-heading {
    font-size: 48px;
    font-weight: 700;
    color: #19C636;
    margin-bottom: 8px;
}

@media only screen and (max-width: 576px) {
    .results .result-and-cta .result-message .header .main-heading {
        font-size: 32px;
        margin-right: 8px;
        margin-bottom: 16px;
    }
}

.results .result-and-cta .result-message .buttons {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

@media only screen and (max-width: 768px) {
    .results .result-and-cta .result-message .buttons {
        flex-direction: row;
    }
}

@media only screen and (max-width: 576px) {
    .results .result-and-cta .result-message .buttons {
        flex-direction: column;
    }
}

.results .result-and-cta .result-message .buttons a {
    margin-bottom: 4px;
}

    .results .result-and-cta .result-message .buttons a:last-child {
        margin-bottom: 0;
    }

@media only screen and (max-width: 768px) {
    .results .result-and-cta .result-message .buttons a {
        margin-right: 16px;
    }
}

@media only screen and (max-width: 576px) {
    .results .result-and-cta .result-message .buttons a {
        margin-right: 0;
    }
}

.results .result-and-cta .result-message .buttons .edit-btn {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 40px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #005ABE;
    background-color: #F0F7FF;
    transition-property: background-color;
    transition-duration: 150ms;
    transition-timing-function: ease-out;
}

    .results .result-and-cta .result-message .buttons .edit-btn.secondary {
        background-color: #F2EFF5;
    }

        .results .result-and-cta .result-message .buttons .edit-btn.secondary:hover {
            background-color: #E4DEEB;
        }

    .results .result-and-cta .result-message .buttons .edit-btn:hover {
        background-color: #D6EAFF;
    }

    .results .result-and-cta .result-message .buttons .edit-btn .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #005ABE;
        height: 100%;
        width: 32px;
        border-radius: 2px;
    }

        .results .result-and-cta .result-message .buttons .edit-btn .icon path {
            fill: #FFFFFF;
        }

.results .result-and-cta .call {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 4px;
    background-color: #ECE6FF;
    border: 1px solid #7347FD;
}

@media only screen and (max-width: 1200px) {
    .results .result-and-cta .call {
        margin-bottom: 40px;
    }
}

.results .result-and-cta .call .call-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: #7347FD;
}

.results .result-and-cta .pdf {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 1200px) {
    .results .result-and-cta .pdf {
        margin-bottom: 40px;
    }
}

.results .result-and-cta .pdf .pdf-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}

.results .result-and-cta .pdf .btn.download-pdf {
    margin-top: auto;
}

.results .suggestions {
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    padding: 24px;
    border-radius: 4px;
}

    .results .suggestions .heading {
        display: block;
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 24px;
    }

@media only screen and (max-width: 576px) {
    .results .suggestions .heading {
        font-size: 18px;
    }
}

.results .suggestions .suggestions-messages {
    display: flex;
    flex-wrap: wrap;
}

    .results .suggestions .suggestions-messages .para {
        display: flex;
        margin-bottom: 24px;
        margin-right: 16px;
    }

@media only screen and (max-width: 992px) {
    .results .suggestions .suggestions-messages .para {
        margin-right: 0;
    }
}

.results .suggestions .suggestions-messages .para span {
    margin-right: 8px;
    margin-top: 4px;
}

.results .suggestions .suggestions-messages .para p a {
    color: #5C2D91;
    text-decoration: underline;
}

.results .suggestions .cta {
    margin-top: 8px;
}

@media only screen and (max-width: 576px) {
    .results .suggestions .cta {
        display: flex;
        flex-direction: column;
    }
}

.results .suggestions .cta :first-child {
    margin-right: 24px;
}

@media only screen and (max-width: 576px) {
    .results .suggestions .cta :first-child {
        margin-bottom: 16px;
        margin-right: 0;
    }
}

.results .newsletter-box {
    display: flex;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 992px) {
    .results .newsletter-box {
        flex-direction: column;
    }
}

.results .newsletter-box .info {
    background-color: #5C2D91;
    padding: 48px 40px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 60%;
}

@media only screen and (max-width: 992px) {
    .results .newsletter-box .info {
        width: 100%;
        text-align: center;
        padding: 16px 24px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }
}

.results .newsletter-box .info .heading {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
}

@media only screen and (max-width: 576px) {
    .results .newsletter-box .info .heading {
        font-size: 20px;
    }
}

.results .newsletter-box .info .heading span {
    font-size: 18px;
    display: block;
    font-weight: initial;
    margin-top: 8px;
}

@media only screen and (max-width: 576px) {
    .results .newsletter-box .info .heading span {
        font-size: 16px;
    }
}

.results .newsletter-box .sign-up {
    padding-left: 48px;
    padding-right: 48px;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up {
        background-color: #5C2D91;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 152px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

.results .newsletter-box .sign-up form {
    position: relative;
}

    .results .newsletter-box .sign-up form .success-msg {
        display: none;
    }

    .results .newsletter-box .sign-up form.success .success-msg {
        display: flex;
        flex-direction: column;
        position: absolute;
        justify-content: center;
        align-items: center;
        top: 0;
        padding: 8px;
        width: 100%;
        height: 100%;
        background-color: #37E6B9;
        color: #000000;
        text-align: center;
        z-index: 1;
    }

        .results .newsletter-box .sign-up form.success .success-msg .heading {
            margin-bottom: 0;
            font-size: 24px;
            line-height: 115%;
            font-weight: 700;
            color: #5C2D91;
        }

        .results .newsletter-box .sign-up form.success .success-msg .para {
            font-size: 16px;
            font-weight: 400;
        }

    .results .newsletter-box .sign-up form .error-msg {
        display: none;
    }

    .results .newsletter-box .sign-up form.error .error-msg {
        display: flex;
        align-items: center;
    }

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form.error .error-msg {
        position: absolute;
        top: 43%;
    }
}

.results .newsletter-box .sign-up form.error .error-msg svg {
    min-width: 12px;
    min-height: 12px;
    margin-right: 4px;
}

    .results .newsletter-box .sign-up form.error .error-msg svg path {
        fill: #DD0000;
    }

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form.error .error-msg svg path {
        fill: #F4DFDF;
    }
}

.results .newsletter-box .sign-up form.error .error-msg p {
    font-size: 14px;
    color: #DD0000;
}

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form.error .error-msg p {
        color: #F4DFDF;
    }
}

@media only screen and (max-width: 768px) {
    .results .newsletter-box .sign-up form.error .newsletter .input {
        position: relative;
    }
}

.results .newsletter-box .sign-up form.error .newsletter .input input {
    border: 1px solid #DD0000;
}

.results .newsletter-box .sign-up form .newsletter {
    display: flex;
    border-radius: 4px;
    height: 72px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form .newsletter {
        flex-direction: column;
        border: none;
        height: 100%;
    }
}

.results .newsletter-box .sign-up form .newsletter .newsletter-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 0;
    background-color: #37E6B9;
    color: #000000;
    height: 100%;
    width: 100%;
    align-items: center;
}

    .results .newsletter-box .sign-up form .newsletter .newsletter-btn:hover, .results .newsletter-box .sign-up form .newsletter .newsletter-btn:focus {
        background-color: #65ECC9;
    }

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form .newsletter .newsletter-btn {
        padding-top: 16px;
        padding-bottom: 16px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}

.results .newsletter-box .sign-up form .newsletter .input {
    width: 100%;
}

    .results .newsletter-box .sign-up form .newsletter .input input {
        width: 100%;
        height: 100%;
        padding-left: 24px;
        border: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border: 1px solid #37E6B9;
    }

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form .newsletter .input input {
        height: 56px;
        margin-bottom: 16px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.results .newsletter-box .sign-up form .newsletter .n-btn {
    width: 70%;
}

@media only screen and (max-width: 992px) {
    .results .newsletter-box .sign-up form .newsletter .n-btn {
        width: 100%;
    }
}

.results .other-simulators {
    background-color: #FFFFFF;
    padding: 16px 24px 24px;
    margin-bottom: 64px;
    border-radius: 8px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

    .results .other-simulators .heading {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 16px;
    }

    .results .other-simulators .simulators {
        display: flex;
    }

@media only screen and (max-width: 768px) {
    .results .other-simulators .simulators {
        flex-wrap: wrap;
    }
}

.results .other-simulators .simulators a,
.results .other-simulators .simulators .item {
    color: #000000;
    width: 100%;
    margin-left: 16px;
}

@media only screen and (max-width: 768px) {
    .results .other-simulators .simulators a,
    .results .other-simulators .simulators .item {
        margin-left: 0;
        margin-bottom: 16px;
    }
}

.results .other-simulators .simulators a:first-child,
.results .other-simulators .simulators .item:first-child {
    margin-left: 0;
}

.results .other-simulators .simulators .simulator-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #F0F7FF;
    padding: 16px;
    border-radius: 2px;
}

    .results .other-simulators .simulators .simulator-card.disabled {
        opacity: 50%;
        cursor: initial;
    }

    .results .other-simulators .simulators .simulator-card img {
        max-height: 40px;
        margin-bottom: 16px;
    }

    .results .other-simulators .simulators .simulator-card p {
        font-size: 14px;
        max-width: 167px;
    }

.academy-page,
.academy-article {
    padding: 80px 0 0;
    display: block;
    position: relative;
}

    .academy-page .academy-title,
    .academy-article .academy-title {
        text-align: left;
        margin: 15px 0 30px;
        padding: 0;
    }

        .academy-page .academy-title.text-center,
        .academy-article .academy-title.text-center {
            text-align: center;
        }

        .academy-page .academy-title h1,
        .academy-page .academy-title h2,
        .academy-page .academy-title h3,
        .academy-page .academy-title h4,
        .academy-page .academy-title h5,
        .academy-page .academy-title h6,
        .academy-article .academy-title h1,
        .academy-article .academy-title h2,
        .academy-article .academy-title h3,
        .academy-article .academy-title h4,
        .academy-article .academy-title h5,
        .academy-article .academy-title h6 {
            font-weight: 700;
            margin: 0;
        }

        .academy-page .academy-title h1,
        .academy-article .academy-title h1 {
            font-size: 40px;
            line-height: 48px;
        }

            .academy-page .academy-title h1 a:hover,
            .academy-article .academy-title h1 a:hover {
                color: #5C2D91;
            }

        .academy-page .academy-title h2,
        .academy-article .academy-title h2 {
            font-size: 28px;
        }

            .academy-page .academy-title h2.small,
            .academy-article .academy-title h2.small {
                font-size: 20px;
                font-weight: 500;
            }

        .academy-page .academy-title h3,
        .academy-article .academy-title h3 {
            font-size: 26px;
        }

        .academy-page .academy-title h4,
        .academy-article .academy-title h4 {
            font-size: 24px;
        }

        .academy-page .academy-title h5,
        .academy-article .academy-title h5 {
            font-size: 22px;
        }

        .academy-page .academy-title h6,
        .academy-article .academy-title h6 {
            font-size: 20px;
        }

        .academy-page .academy-title p,
        .academy-article .academy-title p {
            font-weight: 500;
        }

    .academy-page .academy-search,
    .academy-article .academy-search {
        display: flex;
        margin: 0 -5px;
    }

@media only screen and (max-width: 1199px) {
    .academy-page .academy-search,
    .academy-article .academy-search {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 576px) {
    .academy-page .academy-search,
    .academy-article .academy-search {
        width: 100%;
    }
}

.academy-page .academy-search .search-checkbox,
.academy-article .academy-search .search-checkbox {
    flex-grow: 1;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
    padding: 8px;
    height: 45px;
    border-radius: 3px;
    background: none;
    line-height: 1;
    margin: 0 5px 12px;
}

    .academy-page .academy-search .search-checkbox:after,
    .academy-article .academy-search .search-checkbox:after {
        content: "";
        cursor: pointer;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin: 0 0 0 6px;
        border: 4px solid #005ABE;
    }

@media only screen and (max-width: 1199px) {
    .academy-page .academy-search .search-checkbox,
    .academy-article .academy-search .search-checkbox {
        width: 48%;
    }
}

.academy-page .academy-search .search-checkbox.search-checkbox.is-checked span, .academy-page .academy-search .search-checkbox.is-purple.is-checked span, .academy-page .academy-search .search-checkbox.is-blue.is-checked span, .academy-page .academy-search .search-checkbox.is-orange.is-checked span, .academy-page .academy-search .search-checkbox.is-green.is-checked span,
.academy-article .academy-search .search-checkbox.search-checkbox.is-checked span,
.academy-article .academy-search .search-checkbox.is-purple.is-checked span,
.academy-article .academy-search .search-checkbox.is-blue.is-checked span,
.academy-article .academy-search .search-checkbox.is-orange.is-checked span,
.academy-article .academy-search .search-checkbox.is-green.is-checked span {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
}

    .academy-page .academy-search .search-checkbox.search-checkbox.is-checked span:after, .academy-page .academy-search .search-checkbox.search-checkbox.is-checked span:before, .academy-page .academy-search .search-checkbox.is-purple.is-checked span:after, .academy-page .academy-search .search-checkbox.is-purple.is-checked span:before, .academy-page .academy-search .search-checkbox.is-blue.is-checked span:after, .academy-page .academy-search .search-checkbox.is-blue.is-checked span:before, .academy-page .academy-search .search-checkbox.is-orange.is-checked span:after, .academy-page .academy-search .search-checkbox.is-orange.is-checked span:before, .academy-page .academy-search .search-checkbox.is-green.is-checked span:after, .academy-page .academy-search .search-checkbox.is-green.is-checked span:before,
    .academy-article .academy-search .search-checkbox.search-checkbox.is-checked span:after,
    .academy-article .academy-search .search-checkbox.search-checkbox.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-purple.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-purple.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-blue.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-blue.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-orange.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-orange.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-green.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-green.is-checked span:before {
        content: "|";
        position: absolute;
        font-size: 16px;
        font-weight: bold;
        height: 17px;
        margin: 0 0 0 12px;
    }

    .academy-page .academy-search .search-checkbox.search-checkbox.is-checked span:after, .academy-page .academy-search .search-checkbox.is-purple.is-checked span:after, .academy-page .academy-search .search-checkbox.is-blue.is-checked span:after, .academy-page .academy-search .search-checkbox.is-orange.is-checked span:after, .academy-page .academy-search .search-checkbox.is-green.is-checked span:after,
    .academy-article .academy-search .search-checkbox.search-checkbox.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-purple.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-blue.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-orange.is-checked span:after,
    .academy-article .academy-search .search-checkbox.is-green.is-checked span:after {
        transform: rotate(45deg);
    }

    .academy-page .academy-search .search-checkbox.search-checkbox.is-checked span:before, .academy-page .academy-search .search-checkbox.is-purple.is-checked span:before, .academy-page .academy-search .search-checkbox.is-blue.is-checked span:before, .academy-page .academy-search .search-checkbox.is-orange.is-checked span:before, .academy-page .academy-search .search-checkbox.is-green.is-checked span:before,
    .academy-article .academy-search .search-checkbox.search-checkbox.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-purple.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-blue.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-orange.is-checked span:before,
    .academy-article .academy-search .search-checkbox.is-green.is-checked span:before {
        transform: rotate(-45deg);
    }

.academy-page .academy-search .search-checkbox.search-checkbox,
.academy-article .academy-search .search-checkbox.search-checkbox {
    border: 2px solid #5C2D91;
}

    .academy-page .academy-search .search-checkbox.search-checkbox:after,
    .academy-article .academy-search .search-checkbox.search-checkbox:after {
        border-color: #5C2D91;
    }

    .academy-page .academy-search .search-checkbox.search-checkbox.is-checked,
    .academy-article .academy-search .search-checkbox.search-checkbox.is-checked {
        background-color: #5C2D91;
        color: #FFFFFF;
    }

        .academy-page .academy-search .search-checkbox.search-checkbox.is-checked span:after, .academy-page .academy-search .search-checkbox.search-checkbox.is-checked span:before,
        .academy-article .academy-search .search-checkbox.search-checkbox.is-checked span:after,
        .academy-article .academy-search .search-checkbox.search-checkbox.is-checked span:before {
            color: #FFB715;
        }

    .academy-page .academy-search .search-checkbox.search-checkbox:not(.is-checked):hover:after,
    .academy-article .academy-search .search-checkbox.search-checkbox:not(.is-checked):hover:after {
        transition: border 0.3s ease, background-color 0.3s ease;
        border: 4px solid #FFB715;
        background-color: #FFB715;
    }

.academy-page .academy-search .search-checkbox.is-blue,
.academy-article .academy-search .search-checkbox.is-blue {
    border: 2px solid #005ABE;
}

    .academy-page .academy-search .search-checkbox.is-blue:after,
    .academy-article .academy-search .search-checkbox.is-blue:after {
        border-color: #005ABE;
    }

    .academy-page .academy-search .search-checkbox.is-blue.is-checked,
    .academy-article .academy-search .search-checkbox.is-blue.is-checked {
        background-color: #005ABE;
        color: #FFFFFF;
    }

        .academy-page .academy-search .search-checkbox.is-blue.is-checked span:after, .academy-page .academy-search .search-checkbox.is-blue.is-checked span:before,
        .academy-article .academy-search .search-checkbox.is-blue.is-checked span:after,
        .academy-article .academy-search .search-checkbox.is-blue.is-checked span:before {
            color: #FFB715;
        }

    .academy-page .academy-search .search-checkbox.is-blue:not(.is-checked):hover:after,
    .academy-article .academy-search .search-checkbox.is-blue:not(.is-checked):hover:after {
        transition: border 0.3s ease, background-color 0.3s ease;
        border: 4px solid #FFB715;
        background-color: #FFB715;
    }

.academy-page .academy-search .search-checkbox.is-green,
.academy-article .academy-search .search-checkbox.is-green {
    border: 2px solid #37E6B9;
}

    .academy-page .academy-search .search-checkbox.is-green:after,
    .academy-article .academy-search .search-checkbox.is-green:after {
        border-color: #37E6B9;
    }

    .academy-page .academy-search .search-checkbox.is-green.is-checked,
    .academy-article .academy-search .search-checkbox.is-green.is-checked {
        background-color: #37E6B9;
        color: #FFFFFF;
    }

        .academy-page .academy-search .search-checkbox.is-green.is-checked span:after, .academy-page .academy-search .search-checkbox.is-green.is-checked span:before,
        .academy-article .academy-search .search-checkbox.is-green.is-checked span:after,
        .academy-article .academy-search .search-checkbox.is-green.is-checked span:before {
            color: #5C2D91;
        }

    .academy-page .academy-search .search-checkbox.is-green:not(.is-checked):hover:after,
    .academy-article .academy-search .search-checkbox.is-green:not(.is-checked):hover:after {
        transition: border 0.3s ease, background-color 0.3s ease;
        border: 4px solid #5C2D91;
        background-color: #5C2D91;
    }

.academy-page .academy-search .search-checkbox.is-orange,
.academy-article .academy-search .search-checkbox.is-orange {
    border: 2px solid #FFB715;
}

    .academy-page .academy-search .search-checkbox.is-orange:after,
    .academy-article .academy-search .search-checkbox.is-orange:after {
        border-color: #FFB715;
    }

    .academy-page .academy-search .search-checkbox.is-orange.is-checked,
    .academy-article .academy-search .search-checkbox.is-orange.is-checked {
        background-color: #FFB715;
        color: #FFFFFF;
    }

        .academy-page .academy-search .search-checkbox.is-orange.is-checked span:after, .academy-page .academy-search .search-checkbox.is-orange.is-checked span:before,
        .academy-article .academy-search .search-checkbox.is-orange.is-checked span:after,
        .academy-article .academy-search .search-checkbox.is-orange.is-checked span:before {
            color: #005ABE;
        }

    .academy-page .academy-search .search-checkbox.is-orange:not(.is-checked):hover:after,
    .academy-article .academy-search .search-checkbox.is-orange:not(.is-checked):hover:after {
        transition: border 0.3s ease, background-color 0.3s ease;
        border: 4px solid #005ABE;
        background-color: #005ABE;
    }

.academy-page .btn-simulator1,
.academy-article .btn-simulator1 {
    max-height: 91px;
    margin-top: 91px;
}

    .academy-page .btn-simulator1:hover .arrow-simulator::before, .academy-page .btn-simulator1:focus .arrow-simulator::before,
    .academy-article .btn-simulator1:hover .arrow-simulator::before,
    .academy-article .btn-simulator1:focus .arrow-simulator::before {
        transform: translateY(0);
    }

    .academy-page .btn-simulator1:hover .arrow-simulator, .academy-page .btn-simulator1:focus .arrow-simulator,
    .academy-article .btn-simulator1:hover .arrow-simulator,
    .academy-article .btn-simulator1:focus .arrow-simulator {
        transition: transform 0.3s ease;
        transform: translateY(10px);
        content: "";
        line-height: 25px;
        font-size: 25px;
    }

.academy-page .btn-simulator2,
.academy-article .btn-simulator2 {
    background-color: #fa7070;
    border: 1px solid #fa7070;
}

    .academy-page .btn-simulator2:hover,
    .academy-article .btn-simulator2:hover {
        background-color: #f55757;
        border: 1px solid #f55757;
    }

.academy-page .simulator-open,
.academy-article .simulator-open {
    display: none;
}

.academy-page .credit-simulator,
.academy-article .credit-simulator {
    height: 679px;
    width: 312px;
    background-color: #5C2D91;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
}

    .academy-page .credit-simulator .blog-header,
    .academy-article .credit-simulator .blog-header {
        padding: 16px;
        margin: 8px 0;
    }

        .academy-page .credit-simulator .blog-header h2,
        .academy-article .credit-simulator .blog-header h2 {
            font-size: 18px;
            margin: 0;
        }

        .academy-page .credit-simulator .blog-header p,
        .academy-article .credit-simulator .blog-header p {
            font-size: 18px;
            margin: 20px 0 0;
        }

        .academy-page .credit-simulator .blog-header select,
        .academy-article .credit-simulator .blog-header select {
            font-size: 18px;
            font-weight: 400;
            height: 53px;
            width: 264px;
            border-radius: 4px;
            margin: 16px 0 6px;
            padding-left: 12px;
        }

    .academy-page .credit-simulator .blog-rubric,
    .academy-article .credit-simulator .blog-rubric {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .academy-page .credit-simulator .blog-rubric .blog-rubric-btn,
        .academy-article .credit-simulator .blog-rubric .blog-rubric-btn {
            width: 124px;
            height: 110px;
            margin: 0 10px 15px 7px;
            border-radius: 4px;
            border: 2px solid #FFFFFF;
            font-size: 16px;
            font-weight: 400;
            background-color: #FFFFFF;
        }

            .academy-page .credit-simulator .blog-rubric .blog-rubric-btn svg,
            .academy-article .credit-simulator .blog-rubric .blog-rubric-btn svg {
                text-align: end;
                color: #000000;
                display: flex;
                margin: 3px 0 0 90px;
            }

            .academy-page .credit-simulator .blog-rubric .blog-rubric-btn button,
            .academy-article .credit-simulator .blog-rubric .blog-rubric-btn button {
                border: none;
                background-color: #FFFFFF;
                font-size: 16px;
                font-weight: 400;
                line-height: 19px;
                text-align: center;
                padding: 6px;
                margin: 12px 6px;
            }

        .academy-page .credit-simulator .blog-rubric .btn-glossario,
        .academy-article .credit-simulator .blog-rubric .btn-glossario {
            background-color: #5C2D91;
            color: #FFFFFF;
            transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
        }

            .academy-page .credit-simulator .blog-rubric .btn-glossario span,
            .academy-article .credit-simulator .blog-rubric .btn-glossario span {
                font-size: 16px;
                font-weight: 400;
                line-height: 19px;
                padding: 6px;
                margin: 12px 6px;
                display: flex;
                justify-content: center;
            }

            .academy-page .credit-simulator .blog-rubric .btn-glossario:hover, .academy-page .credit-simulator .blog-rubric .btn-glossario:focus,
            .academy-article .credit-simulator .blog-rubric .btn-glossario:hover,
            .academy-article .credit-simulator .blog-rubric .btn-glossario:focus {
                background-color: #FFFFFF;
                color: #5C2D91;
            }

    .academy-page .credit-simulator .blog-buttons,
    .academy-article .credit-simulator .blog-buttons {
        display: block;
        margin: 16px 0;
    }

        .academy-page .credit-simulator .blog-buttons button,
        .academy-article .credit-simulator .blog-buttons button {
            width: 264px;
            margin: 4px 0;
        }

        .academy-page .credit-simulator .blog-buttons .blog-buttons-search,
        .academy-article .credit-simulator .blog-buttons .blog-buttons-search {
            height: 40px;
            background-color: #FFB715;
            color: #000000;
            border: none;
            border-radius: 4px;
            font-weight: bold;
            transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
        }

            .academy-page .credit-simulator .blog-buttons .blog-buttons-search:hover, .academy-page .credit-simulator .blog-buttons .blog-buttons-search:focus,
            .academy-article .credit-simulator .blog-buttons .blog-buttons-search:hover,
            .academy-article .credit-simulator .blog-buttons .blog-buttons-search:focus {
                border-color: #30E2DD;
                background-color: #30E2DD;
            }

        .academy-page .credit-simulator .blog-buttons .blog-buttons-restart,
        .academy-article .credit-simulator .blog-buttons .blog-buttons-restart {
            height: 40px;
            background-color: #5C2D91;
            color: #FFB715;
            border: 2px solid #FFB715;
            border-radius: 4px;
            transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
        }

            .academy-page .credit-simulator .blog-buttons .blog-buttons-restart:hover, .academy-page .credit-simulator .blog-buttons .blog-buttons-restart:focus,
            .academy-article .credit-simulator .blog-buttons .blog-buttons-restart:hover,
            .academy-article .credit-simulator .blog-buttons .blog-buttons-restart:focus {
                border-color: #FFFFFF;
                background-color: #FFFFFF;
                color: #000000;
            }

    .academy-page .credit-simulator .p-footer,
    .academy-article .credit-simulator .p-footer {
        color: #808080;
        text-align: start;
        margin: 0 0 0 20px;
    }

.academy-list .row div {
    display: flex;
}

@media only screen and (max-width: 992px) {
    .academy-list .row div {
        display: block;
    }
}

.academy-list .row div .academy-item .academy-item-title {
    min-height: 58px;
}

.academy-list .row .academy-item {
    height: 258px;
}

@media only screen and (max-width: 768px) {
    .academy-list .row .academy-item {
        min-height: 270px;
    }
}

.academy-list .row .academy-item .academy-item-image img {
    height: 254px;
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-list-title {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-list-title {
        padding-right: 0;
        width: 100%;
    }
}

.academy-list .academy-grid {
    display: flex;
}

@media only screen and (max-width: 992px) {
    .academy-list .academy-grid {
        display: block;
    }
}

.academy-list .academy-grid .academy-grid-items {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

    .academy-list .academy-grid .academy-grid-items.academy-grid-related {
        width: 100%;
        padding: 0;
        margin-left: 0;
    }

@media only screen and (max-width: 1026px) {
    .academy-list .academy-grid .academy-grid-items.academy-grid-related {
        display: flex;
    }
}

.academy-list .academy-grid .academy-grid-items.academy-grid-related .academy-item .academy-item-image {
    height: 168px;
}

.academy-list .academy-grid .academy-grid-items.academy-grid-related > li {
    display: flex;
    width: 25%;
    padding: 0 8px;
}

@media only screen and (max-width: 1026px) {
    .academy-list .academy-grid .academy-grid-items.academy-grid-related > li {
        width: 50%;
    }
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-grid .academy-grid-items.academy-grid-related > li {
        width: 100%;
        padding: 0;
    }
}

.academy-list .academy-grid .academy-grid-items > li {
    width: 50%;
    padding: 0 0 0 16px;
}

    .academy-list .academy-grid .academy-grid-items > li .academy-item {
        flex-grow: 1;
        flex: auto;
        min-height: 209px;
    }

@media only screen and (max-width: 1200px) {
    .academy-list .academy-grid .academy-grid-items > li .academy-item {
        min-height: 231px;
    }
}

.academy-list .academy-grid .academy-grid-items > li .academy-item .academy-item-description {
    padding: 0 12px;
}

@media only screen and (max-width: 768px) {
    .academy-list .academy-grid .academy-grid-items > li .academy-item .academy-item-description p {
        min-height: 63px;
    }
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-grid .academy-grid-items > li .academy-item .academy-item-description p {
        min-height: 0;
    }
}

.academy-list .academy-grid .academy-grid-items > li .academy-item .type-image .academy-item-description {
    padding: 0 12px;
}

.academy-list .academy-grid .academy-grid-items > li .academy-item .type-image .academy-item-image img {
    height: 100%;
}

.academy-list .academy-grid .academy-grid-items > li .academy-item .academy-item-title {
    flex-grow: 1;
    height: 72px;
}

@media only screen and (max-width: 992px) {
    .academy-list .academy-grid .academy-grid-items {
        width: 100%;
    }

        .academy-list .academy-grid .academy-grid-items > li {
            padding: 0 0 0 8px;
        }

            .academy-list .academy-grid .academy-grid-items > li:nth-child(odd) {
                padding: 0 8px 0 0;
            }
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-grid .academy-grid-items > li {
        width: 100%;
        padding: 0;
    }

        .academy-list .academy-grid .academy-grid-items > li:nth-child(odd) {
            padding: 0;
        }
}

.academy-list .academy-grid .academy-grid-items .academy-item-image {
    height: 134px;
}

@media only screen and (max-width: 1200px) {
    .academy-list .academy-grid .academy-grid-items .academy-item-image {
        height: 141px;
    }
}

.academy-list .academy-grid .academy-grid-items .academy-item-image img {
    height: 100%;
    max-width: none;
}

.academy-list .academy-grid .academy-grid-highlight {
    width: 50%;
}

    .academy-list .academy-grid .academy-grid-highlight img {
        height: 100%;
    }

@media only screen and (max-width: 992px) {
    .academy-list .academy-grid .academy-grid-highlight {
        width: 100%;
    }
}

.academy-list .academy-grid .academy-grid-highlight .academy-item.type-image {
    border: none;
    height: 436px;
}

@media only screen and (max-width: 1200px) {
    .academy-list .academy-grid .academy-grid-highlight .academy-item.type-image {
        height: 476px;
    }
}

.academy-list .academy-grid .academy-grid-highlight .academy-item.type-image.type-video .academy-item-image:after {
    width: 120px;
    height: 120px;
    background-size: 120px;
}

@media only screen and (max-width: 450px) {
    .academy-list .academy-grid .academy-grid-highlight .academy-item.type-image.type-video .academy-item-image:after {
        background-size: 4rem;
    }
}

@media only screen and (max-width: 992px) {
    .academy-list .academy-grid .academy-grid-highlight .academy-item.type-image.type-video .academy-item-image img {
        max-height: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .academy-list .academy-grid .academy-grid-highlight .academy-item.type-image.type-video {
        min-height: 478px;
    }
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-grid .academy-grid-highlight .academy-item.type-image.type-video {
        min-height: 436px;
    }
}

.academy-list .academy-grid .academy-grid-highlight .academy-item .academy-item-title {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    display: flex;
}

    .academy-list .academy-grid .academy-grid-highlight .academy-item .academy-item-title h2,
    .academy-list .academy-grid .academy-grid-highlight .academy-item .academy-item-title h3 {
        font-size: 24px;
        color: #FFFFFF;
        padding: 0 0 12px 0;
    }

@media only screen and (max-width: 450px) {
    .academy-list .academy-grid .academy-grid-highlight .academy-item .academy-item-title h2,
    .academy-list .academy-grid .academy-grid-highlight .academy-item .academy-item-title h3 {
        font-size: 20px;
    }
}

.academy-list .academy-grid .academy-grid-highlight .academy-item .academy-item-description {
    display: none;
}

.academy-list .academy-item {
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    text-align: center;
    display: flex;
    flex-direction: column;
    border: 2px solid #D9D9D9;
    padding: 0;
    margin: 0 0 16px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, background-image 0.3s ease;
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-item {
        width: 100%;
    }
}

.academy-list .academy-item:hover, .academy-list .academy-item:focus {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.academy-list .academy-item .academy-item-tags,
.academy-list .academy-item .academy-item-image,
.academy-list .academy-item .academy-item-title,
.academy-list .academy-item .academy-item-description,
.academy-list .academy-item .academy-item-actions {
    display: flex;
    align-items: center;
    padding: 12px;
}

.academy-list .academy-item.type-image .academy-item-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 992px) {
    .academy-list .academy-item.type-image .academy-item-image img {
        align-self: flex-start;
    }
}

@media only screen and (max-width: 768px) {
    .academy-list .academy-item.type-image .academy-item-image img {
        height: 100%;
    }
}

.academy-list .academy-item.type-image .academy-item-description {
    display: none;
}

.academy-list .academy-item.type-image.type-video .academy-item-image::after {
    content: "";
    display: block;
    background: url(../assets/play_circle.svg) center no-repeat;
    width: 50px;
    height: 50px;
    background-size: 50px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.academy-list .academy-item.type-image.type-video .academy-item-description {
    display: none;
}

.academy-list .academy-item.type-text .academy-item-tags {
    position: relative;
}

.academy-list .academy-item .academy-item-tags {
    position: absolute;
    z-index: 1;
}

    .academy-list .academy-item .academy-item-tags ul {
        display: flex;
        margin: 0;
        flex-wrap: wrap;
        padding: 0;
    }

        .academy-list .academy-item .academy-item-tags ul li {
            color: #FFFFFF;
            font-size: 11px;
            padding: 5px 7px;
            margin: 0 6px 0 0;
            display: inline-flex;
            line-height: 1;
            white-space: nowrap;
            align-items: center;
            border-radius: 2px;
            background-color: #5C2D91;
            color: #FFFFFF;
        }

            .academy-list .academy-item .academy-item-tags ul li.is-blue {
                background-color: #005ABE;
            }

            .academy-list .academy-item .academy-item-tags ul li.is-green {
                background-color: #37E6B9;
            }

            .academy-list .academy-item .academy-item-tags ul li.is-orange {
                background-color: #FFB715;
            }

.academy-list .academy-item .academy-item-image {
    justify-content: center;
    padding: 0;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.academy-list .academy-item .academy-item-title h2,
.academy-list .academy-item .academy-item-title h3 {
    padding: 0;
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .academy-list .academy-item .academy-item-title h2,
    .academy-list .academy-item .academy-item-title h3 {
        min-height: 67px;
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 576px) {
    .academy-list .academy-item .academy-item-title h2,
    .academy-list .academy-item .academy-item-title h3 {
        min-height: 100%;
    }
}

.academy-list .academy-item .academy-item-description {
    flex: auto;
}

    .academy-list .academy-item .academy-item-description p {
        margin: 0;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.4;
        width: 100%;
        display: flex;
        text-align: left;
        color: #000000;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

@media only screen and (max-width: 576px) {
    .academy-list .academy-item .academy-item-description p {
        min-height: 100%;
    }
}

.academy-list .academy-item .academy-item-actions {
    padding: 16px 12px;
}

    .academy-list .academy-item .academy-item-actions span {
        background: none;
        color: #5C2D91;
        font-weight: 700;
        display: flex;
        justify-content: center;
        transition: color 0.3s ease, background-color 0.3s ease;
    }

        .academy-list .academy-item .academy-item-actions span:hover, .academy-list .academy-item .academy-item-actions span:focus {
            color: #FFB715;
        }

.academy-list > row > div {
    display: flex;
}

div aside .mrec {
    padding-top: 120px;
    padding-top: 57px;
}

    div aside .mrec .mrec-card {
        background-color: #5C2D91;
        margin: 0 0 15px;
        padding: 14px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        transition: box-shadow 0.3s ease;
    }

        div aside .mrec .mrec-card:hover, div aside .mrec .mrec-card:focus {
            box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
        }

@media only screen and (max-width: 992px) {
    div aside .mrec .mrec-card {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

div aside .mrec .mrec-card .mrec-content {
    align-self: start;
}

@media only screen and (max-width: 620px) {
    div aside .mrec .mrec-card .mrec-content {
        width: 77%;
    }
}

div aside .mrec .mrec-card .mrec-content .mrec-title {
    color: #FFB715;
    margin: 0;
    font-size: 21px;
}

div aside .mrec .mrec-card .mrec-content .mrec-description {
    color: #FFFFFF;
    font-size: 12px;
    font-size: 14px;
    padding: 8px 0;
    font-weight: 500;
    margin: 3px 0;
}

@media only screen and (max-width: 620px) {
    div aside .mrec .mrec-card .mrec-content .mrec-description {
        font-size: 16px;
    }
}

div aside .mrec .mrec-card .mrec-btn {
    display: inline-flex;
    color: #FFB715;
    border: 2px solid #FFB715;
    border-radius: 50px;
    font-size: 12px;
    padding: 3px 25px 3px 10px;
    margin: 0 0 0 auto;
    transition: filter 0.3s ease;
}

@media only screen and (max-width: 620px) {
    div aside .mrec .mrec-card .mrec-btn {
        padding: 10px 32px 10px 17px;
    }
}

div aside .mrec .mrec-card .mrec-btn:hover {
    filter: brightness(1.2);
    filter: drop-shadow(0px 0px 2px currentcolor);
}

div aside .mrec .mrec-card .mrec-btn p {
    margin: 0;
    color: #FFB715;
    font-size: 12px;
    font-weight: 600;
}

div aside .mrec .mrec-card .mrec-btn span {
    align-items: center;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    position: relative;
}

    div aside .mrec .mrec-card .mrec-btn span:after, div aside .mrec .mrec-card .mrec-btn span:before {
        content: "|";
        position: absolute;
        font-size: 12px;
        font-weight: 600;
        height: 14px;
        margin: 2px 0 0 12px;
    }

    div aside .mrec .mrec-card .mrec-btn span:before {
        transform: rotate(90deg);
    }

div aside .mrec .mrec-card.personal-credit .mrec-title {
    color: #30E2DD;
    margin: 0;
    font-size: 21px;
}

div aside .mrec .mrec-card.personal-credit .mrec-btn {
    color: #30E2DD;
    border: 2px solid #30E2DD;
}

    div aside .mrec .mrec-card.personal-credit .mrec-btn p {
        color: #30E2DD;
    }

div aside .mrec .mrec-card.simulator {
    background-color: #FFFFFF;
    color: #5C2D91;
    border: 3px solid #5C2D91;
}

    div aside .mrec .mrec-card.simulator .mrec-description {
        color: #5C2D91;
        font-weight: 600;
    }

.blog {
    display: block;
    position: relative;
}

    .blog .blog-header {
        display: block;
        position: relative;
        margin: 70px 0 0;
    }

        .blog .blog-header .blog-highlight {
            position: relative;
            height: 300px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            margin: 40px 0 0 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .blog .blog-header .blog-highlight:before {
                content: "";
                position: absolute;
                top: 0;
                height: 100%;
                width: 100%;
                background-color: rgba(0, 0, 0, 0.65);
            }

@media only screen and (max-width: 992px) {
    .blog .blog-header .blog-highlight {
        height: 200px;
    }
}

.blog .blog-header .blog-highlight .highlight-title {
    position: relative;
}

    .blog .blog-header .blog-highlight .highlight-title h1 {
        color: #FFFFFF;
        font-size: 48px;
        padding: 0;
        max-width: 900px;
        text-align: center;
    }

@media only screen and (max-width: 992px) {
    .blog .blog-header .blog-highlight .highlight-title h1 {
        max-width: 480px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 576px) {
    .blog .blog-header .blog-highlight .highlight-title h1 {
        max-width: 320px;
        font-size: 26px;
    }
}

.blog .blog-header .video-watch {
    background-color: rgba(10, 10, 10, 0.8);
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
}

    .blog .blog-header .video-watch .is-video {
        width: 86%;
        height: 80%;
    }

@media only screen and (max-width: 576px) {
    .blog .blog-header .video-watch .is-video {
        width: 100%;
        height: 270px;
    }
}

.blog .blog-header .video-watch span {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    width: 86%;
    text-align: end;
    cursor: pointer;
}

.blog .blog-header .callme-free {
    background-color: rgba(10, 10, 10, 0.8);
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 101%;
    height: 100%;
    z-index: 2;
}

    .blog .blog-header .callme-free form {
        background: #FFFFFF;
        box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 15px 40px;
        border-radius: 8px;
        max-width: 840px;
        height: 553px;
    }

        .blog .blog-header .callme-free form h4 {
            text-align: center;
            color: #7348FE;
            font-size: 26px;
            font-weight: 600;
            line-height: 1;
        }

        .blog .blog-header .callme-free form .callme-free-close {
            color: #6230FD;
            border: 1px solid #7348FE;
            font-weight: bold;
            border-radius: 100%;
            width: 34px;
            height: 34px;
            padding: 0px 11px;
            font-size: 20px;
            position: absolute;
            top: 8px;
            right: 8px;
            transition: border 0.2s ease, background-color 0.3s ease;
        }

            .blog .blog-header .callme-free form .callme-free-close:hover, .blog .blog-header .callme-free form .callme-free-close:focus {
                background-color: #D9D1E1;
                border-bottom: 2px solid #7348FE;
            }

            .blog .blog-header .callme-free form .callme-free-close h5 {
                text-align: center;
            }

        .blog .blog-header .callme-free form label {
            font-size: 16px;
            margin: 8px 0;
            font-weight: 600;
        }

        .blog .blog-header .callme-free form input {
            background-color: #F2F2F2;
            border: none;
            box-shadow: inset 0 -1px 0 0 rgba(46, 56, 77, 0.2);
            height: 50px;
            font-size: 18px;
            border-radius: 5px;
            padding: 0 0 0 18px;
            margin: 10px 0;
            transition: border 0.2s ease, background-color 0.3s ease;
        }

            .blog .blog-header .callme-free form input[type=checkbox] {
                box-shadow: none;
            }

            .blog .blog-header .callme-free form input:hover, .blog .blog-header .callme-free form input:focus {
                background-color: #D9D1E1;
                border-bottom: 2px solid #7348FE;
            }

        .blog .blog-header .callme-free form .callme-free-checkbox {
            display: flex;
            align-items: center;
        }

            .blog .blog-header .callme-free form .callme-free-checkbox label {
                font-size: 12px;
            }

            .blog .blog-header .callme-free form .callme-free-checkbox input {
                width: 20px;
                margin: 0 8px 0 0;
            }

            .blog .blog-header .callme-free form .callme-free-checkbox a {
                color: #ab91fe;
            }

        .blog .blog-header .callme-free form button {
            background-color: #ab91fe;
            font-size: 18px;
            font-weight: 100;
            border: none;
            border-radius: 50px;
            width: 133px;
            height: 43px;
            transition: border 0.2s ease, background-color 0.3s ease;
        }

            .blog .blog-header .callme-free form button:hover, .blog .blog-header .callme-free form button:focus {
                background-color: #7347FD;
            }

.blog .blog-body {
    display: block;
    padding: 40px;
    position: relative;
}

@media only screen and (max-width: 562px) {
    .blog .blog-body {
        padding: 40px 0;
    }
}

.blog .blog-body .button-float {
    background-color: #7347FD;
    color: #FFFFFF;
    border: none;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 5px;
    position: fixed;
    right: 20px;
    top: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 7;
}

    .blog .blog-body .button-float img {
        width: 50px;
    }

    .blog .blog-body .button-float span {
        font-size: 11px;
    }

@media only screen and (max-width: 999px) {
    .blog .blog-body .button-float {
        width: 50px;
        height: 50px;
        font-size: 26px;
        margin: 20px 10px;
    }

        .blog .blog-body .button-float span {
            display: none;
        }
}

.blog .blog-body h1,
.blog .blog-body h2,
.blog .blog-body h3,
.blog .blog-body h4,
.blog .blog-body h5,
.blog .blog-body h6 {
    margin: 12px 0 32px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
}

.blog .blog-body h1 {
    font-size: 36px;
}

.blog .blog-body h2 {
    font-size: 30px;
}

.blog .blog-body h3 {
    font-size: 26px;
}

.blog .blog-body h4 {
    font-size: 23px;
}

.blog .blog-body h5 {
    font-size: 20px;
}

.blog .blog-body h6 {
    font-size: 19px;
}

.blog .blog-body p {
    font-size: 18px;
    line-height: 1.5;
    font-style: normal;
    text-align: left;
    font-weight: normal;
    margin: 12px 0 24px;
    color: rgba(0, 0, 0, 0.68);
}

.blog .blog-body a {
    color: #7348FE;
}

.blog .blog-body ul,
.blog .blog-body ol {
    padding: 18px;
    margin-left: 36px;
}

    .blog .blog-body ul li,
    .blog .blog-body ol li {
        list-style-type: disc;
        font-size: 18px;
        line-height: 1.5;
        font-style: normal;
        text-align: left;
        font-weight: normal;
        margin: 0 0 16px;
    }

    .blog .blog-body ol > li {
        list-style-type: decimal;
    }

.blog .blog-body > a, .blog .blog-body p > a {
    text-decoration: none;
    padding: 0 2px;
    color: #5C2D91;
    font-weight: 600;
}

.blog .context-icons svg {
    color: #000000;
    background-color: #FFB715;
    height: 32px;
    width: 32px;
    padding: 3px;
    border-radius: 2px;
    margin: 64px 0 -15px;
}

.blog .blog-related {
    padding: 20px 0;
    margin: 1px 0;
    align-items: center;
}

    .blog .blog-related div {
        padding: 0 20px;
    }

@media only screen and (max-width: 647px) {
    .blog .blog-related div {
        margin: 0 0 10px 0;
    }
}

.blog .blog-related div h4 {
    margin: 0 0 8px 0;
}

    .blog .blog-related div h4 svg {
        color: #7347FD;
    }

.blog .blog-related div p {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.4;
}

.blog .blog-related h3 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 14rem;
}

@media only screen and (max-width: 983px) {
    .blog .blog-related h3 {
        padding: 0 20px;
        width: 100%;
    }
}

.blog .blog-related .blog-related-title {
    font-size: 24px;
    text-align: start;
    padding: 0;
}

@media only screen and (max-width: 983px) {
    .blog .blog-related .blog-related-title {
        width: 70%;
    }
}

@media only screen and (max-width: 576px) {
    .blog .blog-related .blog-related-title {
        width: 100%;
    }
}

.blog .blog-related a {
    color: #5C2D91;
    font-size: 16px;
    font-weight: bold;
    margin: 16px 0;
}

.blog .blog-related .blog-related-all {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0 0 2px 20px;
}

.blog .lead-form .form-container {
    margin: 80px auto;
    position: relative;
}

@media only screen and (max-width: 576px) {
    .blog .lead-form .form-container {
        padding: 24px 8px;
    }
}

.blog .lead-form .form-container .blog-aside {
    background-color: #5C2D91;
    margin-top: 82px;
    border-radius: 4px;
    padding: 0;
}

@media only screen and (max-width: 992px) {
    .blog .lead-form .form-container .blog-aside {
        width: 95.5%;
        margin: 10px;
    }
}

.blog .lead-form .form-container .blog-aside .form-header {
    text-align: center;
    display: block;
    padding: 12px 6px;
}

    .blog .lead-form .form-container .blog-aside .form-header .aside-title {
        color: #FFFFFF;
        font-size: 36px;
        font-size: 34px;
        line-height: 100%;
        padding: 0;
        margin: 16px 0;
    }

.blog .lead-form .form-container .blog-aside .aside-form {
    color: #FFFFFF;
    margin: 0;
    padding: 14px;
}

    .blog .lead-form .form-container .blog-aside .aside-form form {
        display: block;
    }

        .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field {
            margin: 0 0 22px;
        }

            .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field label {
                text-align: left;
            }

            .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input {
                width: 280px;
                height: auto;
                padding: 12px;
                margin: 0;
            }

                .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input.placeholder-confirm::-moz-placeholder {
                    color: #DD0000;
                }

                .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input.placeholder-confirm:-ms-input-placeholder {
                    color: #DD0000;
                }

                .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input.placeholder-confirm::placeholder {
                    color: #DD0000;
                }

                .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input.input + span {
                    display: block;
                    min-height: 20px;
                    opacity: 0;
                    visibility: hidden;
                    margin: 0;
                }

                    .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input.input + span.show-error {
                        background: rgba(0, 0, 0, 0.4);
                        color: red;
                        padding: 2px 12px;
                        opacity: 1;
                        border-radius: 4px;
                        visibility: visible;
                    }

@media only screen and (max-width: 992px) {
    .blog .lead-form .form-container .blog-aside .aside-form form .aside-form-field input {
        width: 100%;
    }
}

.blog .lead-form .form-container .blog-aside .aside-form form .error {
    color: #ff0000;
    margin: 0 0 2px;
    border-radius: 0 0 2px 2px;
}

.blog .lead-form .form-container .blog-aside .aside-form form input[type=number]::-webkit-outer-spin-button,
.blog .lead-form .form-container .blog-aside .aside-form form input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.blog .lead-form .form-container .blog-aside .aside-form form input[type=number] {
    -moz-appearance: textfield;
}

.blog .lead-form .form-container .form-heading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #FFFFFF;
    text-align: center;
}

@media only screen and (max-width: 576px) {
    .blog .lead-form .form-container .form-heading {
        text-align: initial;
    }
}

.blog .lead-form .form-container .form-descp {
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 16px;
}

@media only screen and (max-width: 576px) {
    .blog .lead-form .form-container .form-descp {
        text-align: initial;
    }
}

.blog .lead-form .form-container .form > div {
    margin-bottom: 24px;
}

    .blog .lead-form .form-container .form > div:last-child {
        margin-bottom: 0;
    }

.blog .lead-form .form-container .form .fields-side-by-side > div + div {
    margin-left: 0;
}

.blog .lead-form .form-container .form .fields-side-by-side .form-field .form-input {
    margin: 0 0 28px 0;
}

    .blog .lead-form .form-container .form .fields-side-by-side .form-field .form-input.error {
        margin: 0;
        position: relative;
    }

.blog .lead-form .form-container .form .fields-side-by-side .form-field span {
    background-color: rgba(249, 249, 249, 0.5294117647);
    border-radius: 4px;
    color: #c00303;
    padding: 0 0 0 9px;
    font-size: 12px;
    height: 28px;
    display: flex;
    align-items: end;
    position: relative;
    top: -7px;
}

@media only screen and (max-width: 1200px) {
    .blog .lead-form .form-container .form .name {
        width: 100%;
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 1200px) {
    .blog .lead-form .form-container .form .email {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .blog .lead-form .form-container .form .email {
        width: 100%;
        margin-bottom: 24px;
    }
}

@media only screen and (max-width: 768px) {
    .blog .lead-form .form-container .form .telefone {
        margin-left: 0;
    }
}

.blog .lead-form .form-container .form.tc {
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .blog .lead-form .form-container .form.tc .form-field-requirements {
        margin-bottom: 24px;
    }

    .blog .lead-form .form-container .form.tc .form-field-btn {
        width: 100%;
        margin-left: 0;
    }
}

.blog .lead-form .form-container .form-field {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .blog .lead-form .form-container .form-field .form-label {
        margin-bottom: 4px;
        color: #FFFFFF;
    }

    .blog .lead-form .form-container .form-field .form-input {
        padding-left: 8px;
        border-radius: 4px;
        height: 40px;
        border: 2px solid rgba(0, 0, 0, 0);
        transition: border 0.3s ease;
        color: black;
    }

        .blog .lead-form .form-container .form-field .form-input:disabled {
            color: rgba(0, 0, 0, 0.6);
            border-color: rgba(191, 191, 191, 0.3);
            background-color: rgba(255, 255, 255, 0.8);
        }

        .blog .lead-form .form-container .form-field .form-input::placeholder, .blog .lead-form .form-container .form-field .form-input::-webkit-input-placeholder, .blog .lead-form .form-container .form-field .form-input::-moz-placeholder, .blog .lead-form .form-container .form-field .form-input:-ms-input-placeholder, .blog .lead-form .form-container .form-field .form-input:-moz-placeholder {
            color: rgba(0, 0, 0, 0.6);
        }

        .blog .lead-form .form-container .form-field .form-input:focus, .blog .lead-form .form-container .form-field .form-input:hover {
            outline: 0;
            color: black;
            border-color: #37E6B9;
        }

            .blog .lead-form .form-container .form-field .form-input:focus:disabled, .blog .lead-form .form-container .form-field .form-input:hover:disabled {
                color: rgba(0, 0, 0, 0.6);
                border-color: rgba(191, 191, 191, 0.3);
                background-color: rgba(255, 255, 255, 0.8);
            }

    .blog .lead-form .form-container .form-field.form-field-type {
        background-color: #8355b7;
        padding: 8px 16px;
        border-radius: 4px;
        top: 8px;
    }

@media only screen and (max-width: 576px) {
    .blog .lead-form .form-container .form-field.form-field-type {
        padding: 16px;
    }
}

.blog .lead-form .form-container .form-field ul.form-input-radio-type {
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 576px) {
    .blog .lead-form .form-container .form-field ul.form-input-radio-type {
        flex-direction: column;
    }
}

.blog .lead-form .form-container .form-field ul.form-input-radio-type li {
    position: relative;
    margin-right: 24px;
    background-color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    width: 100%;
}

    .blog .lead-form .form-container .form-field ul.form-input-radio-type li:last-child {
        margin-right: 0;
    }

@media only screen and (max-width: 576px) {
    .blog .lead-form .form-container .form-field ul.form-input-radio-type li {
        margin-right: 0;
        margin-bottom: 12px;
    }

        .blog .lead-form .form-container .form-field ul.form-input-radio-type li:last-child {
            margin-bottom: 0;
        }
}

.blog .lead-form .form-container .form-field ul.form-input-radio-type li input {
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
}

    .blog .lead-form .form-container .form-field ul.form-input-radio-type li input:checked + label .form-input-radio-check::after {
        opacity: 1;
    }

    .blog .lead-form .form-container .form-field ul.form-input-radio-type li input:checked + label .form-input-radio-label {
        color: #000000;
    }

.blog .lead-form .form-container .form-field ul.form-input-radio-type li label {
    display: flex;
    cursor: pointer;
}

    .blog .lead-form .form-container .form-field ul.form-input-radio-type li label .form-input-radio-check {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .blog .lead-form .form-container .form-field ul.form-input-radio-type li label .form-input-radio-check:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid #5C2D91;
            border-radius: 50%;
        }

        .blog .lead-form .form-container .form-field ul.form-input-radio-type li label .form-input-radio-check:after {
            content: "";
            display: block;
            position: absolute;
            opacity: 0;
            width: 12px;
            height: 12px;
            background-color: #5C2D91;
            border-radius: 50%;
            transition: opacity 0.3s ease-in-out;
        }

    .blog .lead-form .form-container .form-field ul.form-input-radio-type li label .form-input-radio-label {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        font-size: 16px;
        color: #808080;
        padding: 0 12px;
    }

.blog .lead-form .form-container .form-field .form-input.message-field-dimensions {
    height: 120px;
    padding-top: 8px;
}

.blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements {
    display: flex;
}

    .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements input {
        visibility: hidden;
        width: 1px;
        height: 1px;
        position: absolute;
        margin: -1px;
    }

        .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements input:checked + label .form-input-radio-check:before {
            box-shadow: inset 0 0 0 2px #37E6B9;
        }

        .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements input:checked + label .form-input-radio-check:after {
            border-color: #5c2d91;
        }

    .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements label {
        display: flex;
        align-items: center;
        font-size: 14px;
        cursor: pointer;
    }

    .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check {
        position: relative;
        display: flex;
        align-items: center;
    }

        .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:before, .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:after {
            content: "";
            display: block;
        }

        .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:before {
            width: 24px;
            height: 24px;
            margin-right: 8px;
            box-shadow: inset 0 0 0 1px #5C2D91;
            border-radius: 4px;
            transition: box-shadow 300ms ease;
            background-color: #FFFFFF;
        }

        .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-check:after {
            position: absolute;
            left: 4px;
            width: 16px;
            height: 8px;
            border-width: 2px 2px 0 0;
            border-color: rgba(0, 0, 0, 0);
            border-style: solid;
            transform: rotate(135deg);
            transition: border 200ms ease;
        }

    .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-label {
        color: #FFFFFF;
        transition: color 300ms ease-in;
        font-size: 12px;
    }

        .blog .lead-form .form-container .form-field.form-field-requirements .form-input-radio-requirements .form-input-radio-label a {
            color: #37E6B9;
        }

.blog .lead-form .form-container .form-field-btn {
    display: flex;
    justify-content: center;
}

.blog .lead-form .form-container .form-field .error-msg {
    position: absolute;
    top: 100%;
    display: none;
}

.blog .lead-form .form-container .form-field.show-error.form-field .form-label {
    color: #DD0000;
}

.blog .lead-form .form-container .form-field.show-error.form-field .form-input {
    border-color: #DD0000;
}

.blog .lead-form .form-container .form-field.show-error .error-msg {
    display: flex;
    margin-top: 2px;
}

    .blog .lead-form .form-container .form-field.show-error .error-msg .error-msg-img {
        width: 24px;
        height: 16px;
        margin-top: 2px;
        background-image: url("../assets/form/error-message-icon.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .blog .lead-form .form-container .form-field.show-error .error-msg .error {
        color: red !important;
        font-size: 14px;
        line-height: 12px;
        margin-top: 4px;
    }

.blog .lead-form .form-success-msg {
    display: none;
}

.blog .lead-form.show-success {
    text-align: center;
}

    .blog .lead-form.show-success .form-success-msg {
        position: absolute;
        display: flex;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 40px;
        background-color: #FFFFFF;
        border-radius: 8px;
    }

        .blog .lead-form.show-success .form-success-msg .form-success-desc .form-heading {
            font-size: 36px;
            font-weight: 700;
            color: #5C2D91;
        }

        .blog .lead-form.show-success .form-success-msg .form-success-desc .form-success-img {
            width: 144px;
            width: 100%;
            height: 144px;
            margin-top: 72px;
            margin-bottom: 72px;
            background-image: url("../assets/form/tick-success.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

        .blog .lead-form.show-success .form-success-msg .form-success-desc p {
            text-align: center;
            font-size: 18px;
        }

.bg-circle-solid {
    background-image: url("../assets/bg-circle-solid-fill.svg");
    background-repeat: no-repeat;
    background-position: center -635px;
    background-size: 1000px;
}

.bg-circle-half {
    background-image: url("../assets/bg-circle-solid-fill.svg");
    background-repeat: no-repeat;
    background-position-y: -415px;
    background-position-x: 50%;
    background-size: 843px;
}

.card-pagination {
    display: block;
    margin: 35px 0;
}

    .card-pagination ul {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .card-pagination ul li {
            display: inline-block;
            margin: 0 5px;
        }

@media only screen and (max-width: 600px) {
    .card-pagination ul li {
        margin: 0 0 0 3px;
    }
}

.card-pagination ul li a,
.card-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    color: #5C2D91;
    margin: 0;
    border: 2px solid #5C2D91;
    font-weight: 500;
    font-size: 16px;
    min-width: 45px;
    min-height: 32px;
    line-height: 1;
    border-radius: 4px;
    transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}

@media only screen and (max-width: 600px) {
    .card-pagination ul li a,
    .card-pagination ul li span {
        padding: 6px 0;
        min-width: 31px;
    }
}

.card-pagination ul li a:hover, .card-pagination ul li a:focus, .card-pagination ul li a.is-active,
.card-pagination ul li span:hover,
.card-pagination ul li span:focus,
.card-pagination ul li span.is-active {
    background-color: #5C2D91;
    color: #FFFFFF;
}

.card-pagination ul li a.card-pagination-back,
.card-pagination ul li span.card-pagination-back {
    background-color: #5C2D91;
    color: #FFFFFF;
    width: 100%;
}

    .card-pagination ul li a.card-pagination-back:hover, .card-pagination ul li a.card-pagination-back:focus,
    .card-pagination ul li span.card-pagination-back:hover,
    .card-pagination ul li span.card-pagination-back:focus {
        border-color: #FFB715;
        background-color: #FFB715;
    }

    .card-pagination ul li a.card-pagination-back::before,
    .card-pagination ul li span.card-pagination-back::before {
        content: "";
        transition: border 0.3s ease;
        display: inline-block;
        width: 7px;
        border-color: #FFFFFF;
        height: 7px;
        border-style: solid;
        border-color: #FFFFFF;
        border-width: 2px 0px 0px 2px;
        margin: 0 5px 0 0px;
        transform: rotate(-45deg);
    }

@media only screen and (max-width: 991px) {
    .card-pagination ul li a.card-pagination-back,
    .card-pagination ul li span.card-pagination-back {
        font-size: 0;
    }

        .card-pagination ul li a.card-pagination-back::before,
        .card-pagination ul li span.card-pagination-back::before {
            margin: 0;
        }
}

.card-pagination ul li a.card-pagination-next,
.card-pagination ul li span.card-pagination-next {
    background-color: #5C2D91;
    color: #FFFFFF;
    width: 100%;
}

    .card-pagination ul li a.card-pagination-next:hover, .card-pagination ul li a.card-pagination-next:focus,
    .card-pagination ul li span.card-pagination-next:hover,
    .card-pagination ul li span.card-pagination-next:focus {
        border-color: #30E2DD;
        background-color: #30E2DD;
    }

    .card-pagination ul li a.card-pagination-next::after,
    .card-pagination ul li span.card-pagination-next::after {
        transition: border 0.3s ease;
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border-style: solid;
        border-color: #FFFFFF;
        border-width: 0 2px 2px 0;
        margin: 0 0 0 5px;
        transform: rotate(-45deg);
    }

@media only screen and (max-width: 991px) {
    .card-pagination ul li a.card-pagination-next,
    .card-pagination ul li span.card-pagination-next {
        font-size: 0;
    }

        .card-pagination ul li a.card-pagination-next::after,
        .card-pagination ul li span.card-pagination-next::after {
            margin: 0;
        }
}

.card-pagination ul li span {
    border: none;
    pointer-events: none;
    font-size: 22px;
}

.header-article {
    height: 382px;
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 1000px) {
    .header-article {
        height: 300px;
    }
}

@media only screen and (max-width: 576px) {
    .header-article {
        height: 200px;
    }
}

.header-article:before {
    content: "";
    position: absolute;
    height: 382px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

@media only screen and (max-width: 1000px) {
    .header-article:before {
        height: 300px;
    }
}

@media only screen and (max-width: 576px) {
    .header-article:before {
        height: 200px;
    }
}

.header-article .article-image {
    position: absolute;
    height: 382px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

@media only screen and (max-width: 1000px) {
    .header-article .article-image {
        height: 300px;
    }
}

@media only screen and (max-width: 576px) {
    .header-article .article-image {
        height: 200px;
    }
}

.header-article video {
    width: 100%;
    height: 382px;
    position: relative;
    z-index: 1;
    background: darkslateblue;
}

@media only screen and (max-width: 1000px) {
    .header-article video {
        height: 300px;
    }
}

@media only screen and (max-width: 576px) {
    .header-article video {
        height: 200px;
    }
}

.header-article .video-close {
    position: absolute;
    z-index: 3;
    color: white;
    top: 85px;
    right: 5px;
    font-weight: 600;
}

.theme {
    display: flex;
    position: relative;
    margin: 12px 0;
}

    .theme li {
        font-size: 12px;
        color: #FFFFFF;
        padding: 7px 12px;
        border-radius: 2px;
        line-height: 1;
        margin: 0 3px 0;
        background-color: #5C2D91;
        transition: filter 0.3s ease;
    }

        .theme li.is-blue {
            background-color: #005ABE;
        }

        .theme li.is-green {
            background-color: #37E6B9;
        }

        .theme li.is-orange {
            background-color: #FFB715;
        }

        .theme li a {
            font-size: 12px;
            color: #FFFFFF;
            line-height: 1;
            margin: 0;
            padding: 0;
            display: inline-block;
        }

        .theme li:hover, .theme li:focus {
            filter: brightness(1.3);
        }

.cards {
    border-radius: 8px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}

    .cards .header {
        display: flex;
        height: 230px;
        padding: 24px;
        background-color: #F2F2F2;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden;
    }

        .cards .header > div:first-child {
            width: 50%;
            flex-shrink: 0;
        }

        .cards .header .heading {
            font-size: 24px;
            font-weight: 700;
            max-width: 200px;
            line-height: 120%;
            color: #000000;
        }

            .cards .header .heading span {
                color: #7347FD;
            }

        .cards .header .img {
            margin-top: auto;
            margin-left: auto;
            text-align: right;
            width: auto;
        }

            .cards .header .img img {
                width: 100%;
                max-width: 175px;
                max-height: 130px;
            }
@media (max-width: 1199px) {
    .cards .header .img img {
        max-width: 100px;
    }
}

@media (max-width: 992px) {
    .cards .header .img img {
        max-width: 175px;
    }
}

    .cards .body {
        display: flex;
        flex-direction: column;
        min-height: 200px;
        padding: 24px;
        background-color: #FFFFFF;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

        .cards .body .card-button {
            margin-top: auto;
        }

        .cards .body .desc {
            font-size: 16px;
        }

    .cards.disabled .header .heading {
        opacity: 50%;
    }

    .cards.disabled .header img {
        opacity: 50%;
    }

    .cards.disabled .card-button .btn {
        cursor: initial;
    }

        .cards.disabled .card-button .btn.btn-card:hover {
            color: #FFFFFF;
        }

    .cards.disabled .body .desc {
        opacity: 50%;
    }

    .cards.disabled .body .card-button {
        opacity: 50%;
    }

.chart-results {
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 24px;
}

    .chart-results .chart-overview {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .chart-results .chart-overview .my-chart {
            width: 50%;
            margin: auto;
        }

@media only screen and (max-width: 992px) {
    .chart-results .chart-overview .my-chart {
        width: 80%;
        margin-bottom: 32px;
    }
}

.chart-results .chart-overview .cta {
    display: flex;
    width: 100%;
    margin-top: auto;
}

@media only screen and (max-width: 576px) {
    .chart-results .chart-overview .cta {
        margin-bottom: 32px;
        flex-direction: column;
    }
}

.chart-results .chart-overview .cta :first-child {
    margin-right: 24px;
}

.chart-results .chart-overview .cta h3 {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
}

.chart-results .chart-overview .cta .value {
    padding: 10px 16px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 4px;
}

.chart-results .chart-overview .cta .total {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .chart-results .chart-overview .cta .total {
        margin-bottom: 16px;
    }
}

.chart-results .chart-overview .cta .total .value {
    background-color: #E1F9E5;
    border: 1px solid #19C636;
    color: #19C636;
}

.chart-results .chart-overview .cta .expense {
    width: 100%;
}

    .chart-results .chart-overview .cta .expense .value {
        background-color: #F4DFDF;
        border: 1px solid #DD0000;
        color: #DD0000;
    }

.chart-results .bar-chart li {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border-bottom: 1px solid #E6E6E6;
}

@media only screen and (max-width: 400px) {
    .chart-results .bar-chart li {
        flex-direction: column;
        align-items: flex-start;
    }
}

.chart-results .bar-chart li.saving {
    background-color: #E1F9E5;
}

    .chart-results .bar-chart li.saving .description .color-indicator {
        background-color: #19C636;
    }

    .chart-results .bar-chart li.saving .result .bar {
        background-color: #FFFFFF;
    }

        .chart-results .bar-chart li.saving .result .bar .progress {
            background-color: #19C636;
        }

.chart-results .bar-chart li.inactive .description .color-indicator {
    background-color: #8C8C8C;
}

.chart-results .bar-chart li.inactive .description .field-label {
    color: #8C8C8C;
}

.chart-results .bar-chart li.inactive .result .bar {
    background-color: #E6E6E6;
}

    .chart-results .bar-chart li.inactive .result .bar .progress {
        background-color: #8C8C8C;
        display: none;
    }

.chart-results .bar-chart li.inactive .result .value {
    color: #8C8C8C;
}

.chart-results .bar-chart li.exceed {
    background-color: #F4DFDF;
}

    .chart-results .bar-chart li.exceed .description .color-indicator {
        background-color: #DD0000;
    }

    .chart-results .bar-chart li.exceed .result .bar {
        background-color: #FFFFFF;
    }

        .chart-results .bar-chart li.exceed .result .bar .progress {
            background-color: #DD0000;
        }

.chart-results .bar-chart li .description {
    display: flex;
    padding-right: 8px;
}

    .chart-results .bar-chart li .description .color-indicator {
        background-color: #7347FD;
        border-radius: 50%;
        height: 12px;
        min-width: 12px;
        margin-right: 24px;
        margin-top: 4px;
    }

@media only screen and (max-width: 576px) {
    .chart-results .bar-chart li .description .color-indicator {
        display: none;
    }
}

.chart-results .bar-chart li .description .field-label {
    font-weight: 500;
}

.chart-results .bar-chart li .result {
    display: flex;
    margin-left: auto;
}

@media only screen and (max-width: 400px) {
    .chart-results .bar-chart li .result {
        margin-left: 0;
        width: 100%;
    }
}

.chart-results .bar-chart li .result .bar {
    width: 120px;
    height: 12px;
    background-color: #ECE6FF;
    position: relative;
    border-radius: 24px;
    margin-top: 8px;
    margin-right: 8px;
    display: flex;
    flex-shrink: 1;
}

    .chart-results .bar-chart li .result .bar .progress {
        width: 20%;
        height: 100%;
        display: block;
        background-color: #7347FD;
        position: absolute;
        border-radius: 24px;
    }

.chart-results .bar-chart li .result .value {
    white-space: nowrap;
    min-width: 76px;
    text-align: right;
}

@media only screen and (max-width: 400px) {
    .chart-results .bar-chart li .result .value {
        margin-left: auto;
    }
}

.default-simulators {
    background-color: #FAFAFA;
}

    .default-simulators .page-desc {
        margin-left: 104px;
        margin-bottom: 40px;
        margin-top: 48px;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .page-desc {
        margin-left: 0;
    }
}

.default-simulators .page-desc .main-heading {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 12px;
}

@media only screen and (max-width: 576px) {
    .default-simulators .page-desc .main-heading {
        font-size: 24px;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .page-desc .main-heading {
        margin-top: 16px;
        margin-bottom: 8px;
    }
}

.default-simulators .page-desc .desc {
    font-size: 16px;
}

@media only screen and (max-width: 992px) {
    .default-simulators .page-desc .desc {
        font-size: 16px;
        margin-bottom: 24px;
        line-height: 140%;
    }
}

.default-simulators .section-heading {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-left: 104px;
}

@media only screen and (max-width: 576px) {
    .default-simulators .section-heading {
        font-size: 18px;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .section-heading {
        margin-left: 0;
    }
}

.default-simulators .calculator li {
    margin-bottom: 24px;
}

    .default-simulators .calculator li:last-child .elem::before {
        display: none;
        height: 0%;
        width: 0;
    }

    .default-simulators .calculator li .elem {
        display: flex;
        flex-direction: column;
        position: relative;
    }

        .default-simulators .calculator li .elem::before {
            content: "";
            display: block;
            position: absolute;
            background-color: #5C2D91;
            z-index: 1;
            width: 2px;
            height: 100%;
            top: 80px;
            left: 40px;
        }

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem::before {
        top: 100%;
    }
}

.default-simulators .calculator li .elem .header,
.default-simulators .calculator li .elem .body {
    z-index: 2;
}

.default-simulators .calculator li .elem .header {
    display: flex;
    cursor: pointer;
}

    .default-simulators .calculator li .elem .header .number {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        font-size: 24px;
        font-weight: 700;
        color: #5C2D91;
        background-color: #F2EFF5;
        transition: background 0.3s ease;
        min-width: 80px;
        height: 80px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        margin-right: 24px;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .header .number {
        height: auto;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-left: 4px solid #5C2D91;
        border-top: 1px solid #F2EFF5;
        padding: 16px;
        margin-right: 0;
    }
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .header .number {
        align-items: flex-start;
        min-width: initial;
        padding-top: 8px;
        font-size: 16px;
    }
}

.default-simulators .calculator li .elem .header .bar {
    display: flex;
    align-items: center;
    transition: background 0.3s ease;
    border-width: 1px;
    border-color: #F2EFF5;
    border-style: solid;
    width: 100%;
    padding: 16px 32px;
    border-radius: 8px;
    background-color: #F2EFF5;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .header .bar {
        align-items: flex-start;
        align-items: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid #F2EFF5;
        padding-left: 16px;
    }
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .header .bar {
        padding: 8px 16px 8px 0;
    }
}

.default-simulators .calculator li .elem .header .bar .wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .header .bar .wrapper {
        flex-direction: column;
    }
}

.default-simulators .calculator li .elem .header .bar .wrapper .description .heading {
    font-size: 24px;
    color: #000000;
    margin-bottom: 4px;
    font-weight: 500;
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .header .bar .wrapper .description .heading {
        font-size: 16px;
        font-weight: 500;
    }
}

.default-simulators .calculator li .elem .header .bar .wrapper .description .explanation {
    font-size: 14px;
    color: #737373;
    line-height: 1;
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .header .bar .wrapper .description .explanation {
        font-size: 12px;
    }
}

.default-simulators .calculator li .elem .header .bar .wrapper .value {
    font-size: 24px;
    color: #000000;
    padding-left: 32px;
    padding-right: 32px;
    margin-left: auto;
    white-space: nowrap;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .header .bar .wrapper .value {
        margin-top: 4px;
        padding-left: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .header .bar .wrapper .value {
        font-size: 12px;
        font-weight: 700;
    }
}

.default-simulators .calculator li .elem .header .bar .toggle {
    margin-left: auto;
    padding-left: 16px;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .header .bar .toggle {
        display: flex;
    }
}

.default-simulators .calculator li .elem .header .bar .toggle svg {
    transition: transform 0.3s ease;
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .header .bar .toggle svg {
        width: 16px;
    }
}

.default-simulators .calculator li .elem .header .bar .toggle svg path {
    fill: #000000;
}

.default-simulators .calculator li .elem .body {
    display: flex;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 0;
    margin-left: 104px;
    padding: 0;
    background-color: #FFFFFF;
    border-color: #F2EFF5;
    border-style: solid;
    flex-direction: row;
}

    .default-simulators .calculator li .elem .body.column {
        flex-direction: column;
    }

@media only screen and (max-width: 991px) {
    .default-simulators .calculator li .elem .body {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .default-simulators .calculator li .elem .body {
        padding: 16px;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body {
        flex-direction: column;
    }
}

.default-simulators .calculator li .elem .body .body-container {
    display: flex;
    padding: 32px;
}

    .default-simulators .calculator li .elem .body .body-container.column {
        flex-direction: column;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body .body-container {
        flex-direction: column;
    }
}

.default-simulators .calculator li .elem .body .form-btn-next {
    margin-top: auto;
}

.default-simulators .calculator li .elem .body .form-fields {
    width: 75%;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body .form-fields {
        width: 100%;
    }
}

.default-simulators .calculator li .elem .body .total-and-next {
    display: flex;
    margin-top: 24px;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body .total-and-next {
        flex-direction: column;
    }
}

.default-simulators .calculator li .elem .body .total-and-next .total-field-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 75%;
    border-radius: 4px;
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
    font-size: 24px;
    color: #5C2D91;
    background-color: #F2EFF5;
}

@media only screen and (max-width: 576px) {
    .default-simulators .calculator li .elem .body .total-and-next .total-field-result {
        font-size: 14px;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body .total-and-next .total-field-result {
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body .total-and-next .total-field-result .total {
        font-size: 16px;
        font-weight: 700;
    }
}

.default-simulators .calculator li .elem .body .total-and-next .form-btn-next {
    display: flex;
    justify-content: flex-end;
    width: 25%;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li .elem .body .total-and-next .form-btn-next {
        width: 100%;
    }
}

.default-simulators .calculator li.visited .elem .header .number {
    color: #FFFFFF;
    background-color: #5C2D91;
    border-color: #5C2D91;
}

.default-simulators .calculator li.visited .elem .header .bar {
    background-color: #5C2D91;
    border-color: #5C2D91;
}

    .default-simulators .calculator li.visited .elem .header .bar .description .heading {
        color: #FFFFFF;
    }

    .default-simulators .calculator li.visited .elem .header .bar .description .explanation {
        color: #CCCCCC;
    }

    .default-simulators .calculator li.visited .elem .header .bar .value {
        color: #FFFFFF;
    }

    .default-simulators .calculator li.visited .elem .header .bar .toggle path {
        fill: #FFFFFF;
    }

.default-simulators .calculator li.current .elem::before {
    top: 80px;
}

.default-simulators .calculator li.current .elem .header .number {
    color: #000000;
    background-color: #FFB715;
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li.current .elem .header .number {
        background-color: #FFF7E5;
        border-left: 4px solid #FFB715;
        border-bottom-left-radius: 0;
    }
}

.default-simulators .calculator li.current .elem .header .bar {
    background-color: #FFFFFF;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #E4DEEB;
    border-bottom-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 992px) {
    .default-simulators .calculator li.current .elem .header .bar {
        background-color: #FFF7E5;
        border-color: #FFF7E5;
        border-top: 1px solid #F2EFF5;
        border-right: 1px solid #F2EFF5;
    }
}

.default-simulators .calculator li.current .elem .header .bar .description .heading {
    color: #000000;
}

.default-simulators .calculator li.current .elem .header .bar .description .explanation {
    color: #666666;
}

.default-simulators .calculator li.current .elem .header .bar .value {
    display: none;
}

.default-simulators .calculator li.current .elem .header .bar .toggle svg {
    transform: rotate(180deg);
}

.default-simulators .calculator li.current .elem .header .bar .toggle path {
    fill: #000000;
}

.default-simulators .calculator li.current .body {
    position: relative;
    z-index: 1;
    max-height: 1400px;
    padding: 32px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid #E4DEEB;
    border-bottom: 1px solid #E4DEEB;
    border-left: 1px solid #E4DEEB;
}

.default-simulators .header .bar .wrapper {
    width: 100%;
}

.default-simulators .total-results {
    display: flex;
    justify-content: center;
    margin-bottom: 64px;
    margin-top: 48px;
}

.default-simulators .call {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 4px;
    background-color: #ECE6FF;
    border: 1px solid #7347FD;
    margin-left: 104px;
}

@media only screen and (max-width: 992px) {
    .default-simulators .call {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .default-simulators .call {
        margin-bottom: 40px;
    }
}

.default-simulators .call .call-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: #7347FD;
    margin-bottom: 24px;
}

.default-simulators .call .btn.free-call {
    margin-top: auto;
}

.default-simulators .newsletter-box {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 1200px) {
    .default-simulators .newsletter-box {
        margin-left: 104px;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box {
        flex-direction: column;
        margin-left: 0;
    }
}

.default-simulators .newsletter-box .newsletter .newsletter-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 0;
    background-color: #37E6B9;
    color: #000000;
    height: 100%;
    width: 100%;
    align-items: center;
}

    .default-simulators .newsletter-box .newsletter .newsletter-btn:hover, .default-simulators .newsletter-box .newsletter .newsletter-btn:focus {
        background-color: #65ECC9;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .newsletter .newsletter-btn {
        padding-top: 16px;
        padding-bottom: 16px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}

.default-simulators .newsletter-box .info {
    padding: 24px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .info {
        width: 100%;
        text-align: center;
        padding: 16px 24px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        background-color: #5C2D91;
    }
}

.default-simulators .newsletter-box .info .heading {
    color: #5C2D91;
    font-size: 24px;
    font-weight: 700;
}

@media only screen and (max-width: 576px) {
    .default-simulators .newsletter-box .info .heading {
        font-size: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .info .heading {
        color: #FFFFFF;
    }
}

.default-simulators .newsletter-box .info .heading span {
    font-size: 18px;
    display: block;
    font-weight: initial;
    margin-top: 8px;
}

@media only screen and (max-width: 576px) {
    .default-simulators .newsletter-box .info .heading span {
        font-size: 16px;
    }
}

.default-simulators .newsletter-box .sign-up {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    margin-top: auto;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up {
        background-color: #5C2D91;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 152px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

.default-simulators .newsletter-box .sign-up form {
    position: relative;
}

    .default-simulators .newsletter-box .sign-up form .success-msg {
        display: none;
    }

    .default-simulators .newsletter-box .sign-up form.success .success-msg {
        display: flex;
        flex-direction: column;
        position: absolute;
        justify-content: center;
        align-items: center;
        top: 0;
        padding: 8px;
        width: 100%;
        height: 100%;
        background-color: #37E6B9;
        color: #000000;
        text-align: center;
        z-index: 1;
    }

        .default-simulators .newsletter-box .sign-up form.success .success-msg .heading {
            margin-bottom: 0;
            font-size: 24px;
            line-height: 115%;
            font-weight: 700;
            color: #5C2D91;
        }

        .default-simulators .newsletter-box .sign-up form.success .success-msg .para {
            font-size: 16px;
            font-weight: 400;
        }

    .default-simulators .newsletter-box .sign-up form .error-msg {
        display: none;
    }

    .default-simulators .newsletter-box .sign-up form.error .error-msg {
        display: flex;
        align-items: center;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up form.error .error-msg {
        position: absolute;
        top: 43%;
    }
}

.default-simulators .newsletter-box .sign-up form.error .error-msg svg {
    min-width: 12px;
    min-height: 12px;
    margin-right: 4px;
}

    .default-simulators .newsletter-box .sign-up form.error .error-msg svg path {
        fill: #DD0000;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up form.error .error-msg svg path {
        fill: #F4DFDF;
    }
}

.default-simulators .newsletter-box .sign-up form.error .error-msg p {
    font-size: 14px;
    color: #DD0000;
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up form.error .error-msg p {
        color: #F4DFDF;
    }
}

@media only screen and (max-width: 768px) {
    .default-simulators .newsletter-box .sign-up form.error .newsletter .input {
        position: relative;
    }
}

.default-simulators .newsletter-box .sign-up form.error .newsletter .input input {
    border: 1px solid #DD0000;
}

.default-simulators .newsletter-box .sign-up form .newsletter {
    display: flex;
    border-radius: 4px;
    height: 72px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up form .newsletter {
        flex-direction: column;
        border: none;
        height: 100%;
    }
}

.default-simulators .newsletter-box .sign-up form .newsletter .input {
    width: 100%;
}

    .default-simulators .newsletter-box .sign-up form .newsletter .input input {
        width: 100%;
        height: 100%;
        padding-left: 24px;
        border: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border: 1px solid #37E6B9;
    }

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up form .newsletter .input input {
        height: 56px;
        margin-bottom: 16px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.default-simulators .newsletter-box .sign-up form .newsletter .n-btn {
    width: 70%;
}

@media only screen and (max-width: 992px) {
    .default-simulators .newsletter-box .sign-up form .newsletter .n-btn {
        width: 100%;
    }
}

.default-simulators .other-simulators {
    padding: 16px 24px 24px;
    margin-left: 104px;
    margin-bottom: 64px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 992px) {
    .default-simulators .other-simulators {
        margin-left: 0;
    }
}

.default-simulators .other-simulators .heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.default-simulators .other-simulators .simulators {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .default-simulators .other-simulators .simulators {
        flex-wrap: wrap;
    }
}

.default-simulators .other-simulators .simulators a,
.default-simulators .other-simulators .simulators .item {
    color: #000000;
    width: 100%;
    margin-left: 16px;
}

@media only screen and (max-width: 768px) {
    .default-simulators .other-simulators .simulators a,
    .default-simulators .other-simulators .simulators .item {
        margin-left: 0;
        margin-bottom: 16px;
    }
}

.default-simulators .other-simulators .simulators a:first-child,
.default-simulators .other-simulators .simulators .item:first-child {
    margin-left: 0;
}

.default-simulators .other-simulators .simulators .simulator-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #F0F7FF;
    padding: 16px;
    border-radius: 2px;
}

    .default-simulators .other-simulators .simulators .simulator-card.disabled {
        opacity: 50%;
        cursor: initial;
    }

    .default-simulators .other-simulators .simulators .simulator-card img {
        max-height: 40px;
        margin-bottom: 16px;
    }

    .default-simulators .other-simulators .simulators .simulator-card p {
        font-size: 14px;
        max-width: 167px;
    }

.default-simulators .total-results {
    margin-left: 104px;
}

@media only screen and (max-width: 992px) {
    .default-simulators .total-results {
        margin-left: 0;
    }
}

.results-summary {
    margin-left: 104px;
    padding: 24px 32px 32px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 576px) {
    .results-summary {
        padding: 16px;
    }
}

@media only screen and (max-width: 992px) {
    .results-summary {
        margin-left: 0;
    }
}

.results-summary .desc .heading {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

@media only screen and (max-width: 768px) {
    .results-summary .desc .heading {
        font-size: 14px;
    }
}

.results-summary .desc .para {
    font-size: 14px;
    margin-bottom: 16px;
    color: #666666;
}

.results-summary .main-result {
    display: flex;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #5C2D91;
    margin-bottom: 24px;
}

    .results-summary .main-result.inverse {
        border: 4px solid #F2EFF5;
        margin-bottom: 0;
    }

        .results-summary .main-result.inverse .title,
        .results-summary .main-result.inverse .value {
            font-size: 20px;
        }

@media only screen and (max-width: 768px) {
    .results-summary .main-result.inverse .title,
    .results-summary .main-result.inverse .value {
        font-size: 16px;
    }
}

.results-summary .main-result.inverse .title {
    color: #5C2D91;
}

.results-summary .main-result.inverse .value {
    background-color: #F2EFF5;
    color: #000000;
}

.results-summary .main-result .title,
.results-summary .main-result .value {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 50%;
    font-size: 24px;
    font-weight: 700;
    padding: 24px;
    line-height: 150%;
}

@media only screen and (max-width: 768px) {
    .results-summary .main-result .title,
    .results-summary .main-result .value {
        font-size: 16px;
        padding: 16px;
    }
}

.results-summary .main-result .title span,
.results-summary .main-result .value span {
    font-weight: 400;
}

.results-summary .main-result .title {
    color: #5C2D91;
}

.results-summary .main-result .value {
    background-color: #5C2D91;
    color: #FFFFFF;
}

.results-summary .specifics .title-desc {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
}

.results-summary .specifics .item {
    padding: 24px;
    border-radius: 4px;
    background-color: #F2EFF5;
    height: 100%;
}

    .results-summary .specifics .item .heading {
        color: #5C2D91;
        font-size: 16px;
        margin-bottom: 4px;
    }

    .results-summary .specifics .item .desc {
        color: #000000;
        font-weight: 400;
        font-size: 20px;
    }

@media only screen and (max-width: 576px) {
    .results-summary .specifics .item .desc {
        font-size: 18px;
    }
}

.results-summary .card {
    margin-top: 16px;
}

    .results-summary .card.color .heading,
    .results-summary .card.color .title,
    .results-summary .card.color .value {
        color: #5C2D91;
    }

    .results-summary .card.color .card-item {
        border-color: #5C2D91;
        border-width: 3px;
    }

    .results-summary .card .heading {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
    }

@media only screen and (max-width: 576px) {
    .results-summary .card .heading {
        font-size: 18px;
    }
}

.results-summary .card .card-item {
    border-radius: 4px;
    border: 4px solid #F2EFF5;
}

    .results-summary .card .card-item > div {
        padding: 8px 24px;
    }

        .results-summary .card .card-item > div:nth-child(odd) {
            background-color: #F2EFF5;
        }

    .results-summary .card .card-item .title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 4px;
    }

        .results-summary .card .card-item .title span {
            font-weight: 400;
        }

@media only screen and (max-width: 576px) {
    .results-summary .card .card-item .title {
        font-size: 14px;
    }
}

.results-summary .card .card-item .value {
    font-size: 20px;
    font-weight: 400;
}

@media only screen and (max-width: 576px) {
    .results-summary .card .card-item .value {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .results-summary.taxa-esforco .desc {
        margin-bottom: 16px;
    }
}

.results-summary.taxa-esforco .desc .heading {
    margin-bottom: 8px;
}

.results-summary.taxa-esforco .desc .para {
    font-size: 24px;
    color: #000000;
    margin-bottom: 8px;
}

@media only screen and (max-width: 992px) {
    .results-summary.taxa-esforco .desc .para {
        font-size: 20px;
    }
}

.results-summary.taxa-esforco .desc .para span {
    font-weight: 700;
}

.results-summary.taxa-esforco .progress-bar {
    display: flex;
    width: 100%;
    height: 48px;
    margin-bottom: 24px;
    background-color: #F2EFF5;
    border-radius: 4px;
}

    .results-summary.taxa-esforco .progress-bar .bar {
        border-radius: 4px;
    }

        .results-summary.taxa-esforco .progress-bar .bar .percentage {
            width: 100%;
            padding-left: 8px;
            padding-right: 8px;
            text-align: center;
            line-height: 48px;
            font-size: 16px;
            font-weight: 700;
        }

.results-summary.taxa-esforco.positivo .bar {
    background-color: #19C636;
    height: 48px;
}

.results-summary.taxa-esforco.positivo .desc .para span {
    color: #19C636;
}

.results-summary.taxa-esforco.preocupante .bar {
    background-color: #FFE24C;
    height: 48px;
}

.results-summary.taxa-esforco.preocupante .desc .para span {
    color: #FFE24C;
}

.results-summary.taxa-esforco.critica .bar {
    background-color: #FFB715;
    height: 48px;
}

.results-summary.taxa-esforco.critica .desc .para span {
    color: #FFB715;
}

.results-summary.taxa-esforco.incomportavel .bar {
    background-color: #DD0000;
}

.results-summary.taxa-esforco.incomportavel .desc .para span {
    color: #DD0000;
}

.results-summary.imi .main-result.inverse .value .months {
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .results-summary.imi .main-result.inverse .value .months {
        flex-direction: column;
    }
}

.results-summary.imi .main-result.inverse .value .months li {
    margin-right: 24px;
    padding: 2px 16px;
    border-radius: 4px;
    color: #5C2D91;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .results-summary.imi .main-result.inverse .value .months li {
        text-align: left;
    }
}

.results-summary.imi .main-result.inverse .value .months li .monthly-value {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .main-result {
        flex-direction: column;
    }
}

.results-summary.mais-valias .main-result.xpand .title {
    width: 30%;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .main-result.xpand .title {
        width: 100%;
    }
}

.results-summary.mais-valias .main-result.xpand .value {
    width: 75%;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .main-result.xpand .value {
        width: 100%;
    }
}

.results-summary.mais-valias .main-result.xpand .value .item:first-child {
    border-right: none;
}

.results-summary.mais-valias .main-result .title {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .main-result .title {
        width: 100%;
        align-items: center;
    }
}

.results-summary.mais-valias .main-result .title .heading {
    font-size: 24px;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .results-summary.mais-valias .main-result .title .heading {
        font-size: 16px;
    }
}

.results-summary.mais-valias .main-result .title .desc {
    font-size: 18px;
    font-weight: 400;
}

@media only screen and (max-width: 768px) {
    .results-summary.mais-valias .main-result .title .desc {
        font-size: 14px;
    }
}

.results-summary.mais-valias .main-result .value {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .main-result .value {
        width: 100%;
    }
}

.results-summary.mais-valias .main-result .value .item {
    width: 100%;
}

    .results-summary.mais-valias .main-result .value .item:first-child {
        border-right: 1px solid #FFFFFF;
        padding-right: 16px;
    }

    .results-summary.mais-valias .main-result .value .item:last-child {
        padding-left: 16px;
    }

    .results-summary.mais-valias .main-result .value .item .label {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 2px;
    }

@media only screen and (max-width: 768px) {
    .results-summary.mais-valias .main-result .value .item .label {
        font-size: 10px;
    }
}

.results-summary.mais-valias .main-result .value .item .result {
    font-size: 24px;
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .results-summary.mais-valias .main-result .value .item .result {
        font-size: 16px;
    }
}

.results-summary.mais-valias .specifics .item .heading {
    margin-bottom: 16px;
}

.results-summary.mais-valias .specifics .item .card .result {
    margin-bottom: 24px;
}

    .results-summary.mais-valias .specifics .item .card .result:last-child {
        margin-bottom: 0;
    }

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .specifics .item .card .result {
        margin-bottom: 16px;
    }
}

.results-summary.mais-valias .specifics .item .card .result .label {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .specifics .item .card .result .label {
        font-size: 12px;
    }
}

.results-summary.mais-valias .specifics .item .card .result .value {
    font-size: 20px;
    font-weight: 400;
}

@media only screen and (max-width: 576px) {
    .results-summary.mais-valias .specifics .item .card .result .value {
        font-size: 18px;
    }
}