.box-wikimi-post {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, .05)
}

.box-wikimi-post__pro-content {
    border: 2px solid #ff8200
}

.box-wikimi-post__content-level-post-wikimi {
    background: #5b5b5b;
    color: #fff;
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    float: right;
    position: absolute;
    right: 0;
    bottom: -23px
}

.box-wikimi-post__content-level-post-wikimi:before {
    content: "";
    display: block;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) #5b5b5b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 22.5px 40px;
    position: absolute;
    top: 0;
    left: -80px
}

.box-wikimi-post__content-box-visualized-element {
    background: #1bb2a8;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 0 8px 0 0px
}

.box-wikimi-post__info-thumbnail-pro {
    font-weight: bold;
    color: #fff;
    background: #ff8200;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 8px 25px;
    border-radius: 0 0 0 10px
}

.box-wikimi-post__thumbnail {
    width: 100%;
    position: relative
}

.box-wikimi-post__thumbnail img {
    width: 100%
}

.box-wikimi-post__content-type {
    color: #ff8200;
    font-size: 12px;
    margin-bottom: 8px
}

.box-wikimi-post__content-type a {
    color: #ff8200;
    text-decoration: none
}

.box-wikimi-post__info {
    padding: 35px 17px 17px
}

.box-wikimi-post__title {
    margin: 0 0 18px;
    font-size: 16px
}

@media (max-width: 991.98px) {
    .box-wikimi-post__title {
        font-size: 16px
    }
}

.box-wikimi-post__title a {
    text-decoration: none;
    color: #0060b0;
    font-weight: bold
}

.box-wikimi-post__link {
    display: flex;
    justify-content: space-between
}

.box-wikimi-post__excerpt {
    margin-bottom: 34px;
    font-size: 14px
}

.switch-options {
    display: flex;
    flex-direction: column
}

.switch-options label {
    width: 100%;
    margin-bottom: 17px
}

.switch-options .legend {
    margin-left: 86px;
    font-size: 21px;
    color: #5b5b5b
}

.switch-options .switch {
    position: relative;
    display: flex;
    align-items: center;
    height: 34px
}

.switch-options .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch-options .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 66px;
    height: 100%;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.switch-options .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.switch-options input:checked + .slider {
    background-color: #0060b0
}

.switch-options input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}

.switch-options input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.switch-options .slider.round {
    border-radius: 34px
}

.switch-options .slider.round:before {
    border-radius: 50%
}

.switch-options .slider.round:before {
    border-radius: 50%
}

.alerts {
    position: fixed;
    top: 25px;
    right: -100%;
    width: 100%;
    max-width: 320px;
    z-index: 900;
    background: #eee;
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, .4);
    border-radius: 10px;
    border-bottom: 3px solid #ccc;
    color: #fff;
    text-align: center;
    font-weight: 600;
    transition: all .3s;
    transition-timing-function: ease
}

.alerts .alert-wrapper {
    padding: 20px 10px
}

.alerts.push-alert {
    right: 25px
}

.alerts.alert-type-success {
    background: #409e5e;
    border-color: #27673b
}

.alerts.alert-type-failed {
    background: #e95b4a;
    border-color: #ab3a2d
}

.btn {
    border-radius: 50px;
    padding: .5rem 1.8rem
}

.btn.btn-primary {
    color: #fff;
    background-color: #0060b0;
    border-color: #0060b0
}

.btn.btn-primary:hover {
    background-color: #055597;
    border-color: #055597
}

.btn.btn-secondary {
    color: #fff;
    background-color: #ff8200;
    border-color: #ff8200
}

.btn.btn-secondary:hover {
    background-color: #d4720d;
    border-color: #d4720d
}

.text-primary {
    color: #0060b0 !important
}

.text-secondary {
    color: #ff8200 !important
}

.default-title-container {
    margin-bottom: 60px
}

@media (max-width: 991.98px) {
    .default-title-container {
        margin-bottom: 40px
    }
}

.default-title {
    position: relative;
    display: inline-table;
    font-size: 50px;
    color: #5b5b5b;
    font-weight: bold
}

@media (max-width: 991.98px) {
    .default-title {
        font-size: 30px
    }
}

.default-title:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 40px;
    height: 5px;
    background: #ff8200;
    margin-left: -40px;
    bottom: -11px
}

.default-title.text-start:before, .default-title.text-left:before {
    position: relative;
    content: "";
    display: inline-block;
    width: 40px;
    height: 5px;
    background: #ff8200;
    margin-right: -40px;
    bottom: -11px
}

.default-title.text-start:after, .default-title.text-left:after {
    display: none
}

.default-title.default-title-border-bottom {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 7px
}

.default-title.default-title-border-bottom:before, .default-title.default-title-border-bottom.text-start .text-left, .default-title.default-title-border-bottom.text-left .default-title.default-title-border-bottom:after {
    bottom: -17px
}

.default-title.h2 {
    font-size: 40px
}

@media (max-width: 991.98px) {
    .default-title.h2 {
        font-size: 27px
    }
}

.default-title.h3 {
    font-size: 30px
}

@media (max-width: 991.98px) {
    .default-title.h3 {
        font-size: 24px
    }
}

.default-title.h4 {
    font-size: 25px
}

@media (max-width: 991.98px) {
    .default-title.h4 {
        font-size: 20px
    }
}

.default-title.h5 {
    font-size: 20px
}

@media (max-width: 991.98px) {
    .default-title.h5 {
        font-size: 18px
    }
}

.default-title.h6 {
    font-size: 18px
}

@media (max-width: 991.98px) {
    .default-title.h6 {
        font-size: 16px
    }
}

.default-title + .default-title-description {
    padding-top: 10px
}

.default-title-description {
    margin-bottom: 0;
    color: #5b5b5b
}

.aemi-general-container-login-page {
    min-height: 100vh;
    width: 100%;
    display: flex;
    padding: 40px 0
}

.aemi-general-container-login-page .aemi-mobile-others {
    display: none
}

.aemi-general-container-login-page .woocommerce {
    height: 100%;
    width: 100%
}

.aemi-general-container-login-page .aemi-column-login, .aemi-general-container-login-page .aemi-column-register {
    display: block;
    margin-left: 0%;
    width: 40%;
    opacity: 1;
    padding: 0 6%;
    visibility: visible;
    transition: 700ms
}

.aemi-general-container-login-page .aemi-login-logo {
    max-width: 270px;
    margin: 0 auto 45px
}

.aemi-general-container-login-page .aemi-column-login .aemi-form-login {
    border: none;
    padding: 0
}

.aemi-general-container-login-page .aemi-column-register {
    margin-left: 10%;
    opacity: 0;
    visibility: hidden
}

.aemi-general-container-login-page .aemi-column-register .aemi-form-register {
    border: none;
    padding: 0
}

.aemi-general-container-login-page .login-container-lateral-animation {
    position: fixed;
    top: 0;
    right: 0;
    width: 55%;
    transition: all 1000ms;
    z-index: 50
}

.aemi-general-container-login-page .login-container-lateral-animation .login-abstract-icon-four {
    width: 160px;
    height: 160px;
    position: absolute;
    border-radius: 50%;
    left: 49px;
    display: block;
    top: 46%;
    z-index: 50;
    background: #ff8200;
    transition: all 600ms ease-in-out
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner {
    background: #0060b0 url("../images/bg-login.jpg") no-repeat left center;
    background-size: cover;
    position: relative;
    box-shadow: inset 23px -23px 0px -1px rgba(255, 255, 255, .05);
    border-radius: 0 0 0 830px;
    height: 100vh;
    z-index: 60;
    transition: all 1000ms
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-abstract-icon {
    background: url("../images/login-abstract.png") no-repeat;
    width: 184px;
    height: 202px;
    position: absolute;
    bottom: -70px;
    right: 20px;
    transition: all 600ms ease-in-out
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-abstract-icon-two {
    background: url("../images/login-abstract-two.png") no-repeat;
    width: 173px;
    height: 156px;
    position: absolute;
    top: -70px;
    left: 180px;
    transition: all 600ms ease-in-out
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-abstract-icon-three {
    width: 230px;
    height: 230px;
    position: absolute;
    border-radius: 50%;
    right: -100px;
    display: block;
    top: -120px;
    background: #ff8200;
    transition: all 600ms ease-in-out
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text {
    height: 90%;
    width: 80%;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    margin-left: 20%;
    position: relative
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-register, .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-login {
    color: #fff;
    opacity: 1;
    transition: all 500ms ease-in-out;
    visibility: visible
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-register h2, .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-login h2 {
    margin-bottom: 20px;
    font-weight: 600
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-register p, .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-login p {
    margin-bottom: 30px
}

.aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-register {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.aemi-login-open-page .aemi-general-container-login-page .login-container-lateral-animation {
    animation: gotologin .5s linear
}

.aemi-registration-open-page .aemi-general-container-login-page .aemi-column-login {
    margin-left: 10%;
    visibility: hidden;
    opacity: 0
}

.aemi-registration-open-page .aemi-general-container-login-page .aemi-column-register {
    margin-left: 10%;
    opacity: 1;
    visibility: visible
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation {
    right: 45%;
    animation: gotoregistration .5s linear
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-abstract-icon-four {
    left: calc(100% - 210px)
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner {
    box-shadow: inset -23px -23px 0px -1px rgba(255, 255, 255, .05);
    border-radius: 0 0 830px 0;
    animation: gotoregistrationinner .5s linear
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-abstract-icon {
    right: calc(100% - 94px);
    bottom: 20px;
    transform: rotate(5deg)
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-abstract-icon-three {
    right: calc(100% - 115px)
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-abstract-icon-two {
    left: 50%;
    top: -40px
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text {
    margin-left: 0%;
    margin-right: 20%
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-login {
    visibility: hidden;
    opacity: 0
}

.aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text .login-container-lateral-animation-text-register {
    opacity: 1;
    visibility: visible
}

@keyframes gotoregistration {
    0% {
        right: 0%
    }
    50% {
        right: 0%;
        width: 100%
    }
    100% {
        right: 45%
    }
}

@keyframes gotologin {
    0% {
        right: 45%
    }
    50% {
        right: 0%;
        width: 100%
    }
    100% {
        right: 0%
    }
}

@keyframes gotoregistrationinner {
    0% {
        border-radius: 0 0 0 830px
    }
    50% {
        border-radius: 0 0 0 0
    }
    100% {
        border-radius: 0 0 830px 0
    }
}

@keyframes gotoregistrationinnertext {
    0% {
        margin-left: 20%;
        opacity: 1
    }
    30% {
        opacity: 0
    }
    50% {
        margin-left: 0%
    }
    70% {
        opacity: 0
    }
    100% {
        margin-left: 0%;
        margin-right: 20%;
        opacity: 1
    }
}

@media (max-width: 767.98px) {
    .aemi-general-container-login-page {
        padding: 30px
    }

    .aemi-general-container-login-page .login-container-lateral-animation {
        z-index: 50;
        width: 100%
    }

    .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner {
        border-radius: 0
    }

    .aemi-general-container-login-page {
        display: block
    }

    .aemi-general-container-login-page .aemi-column-login, .aemi-general-container-login-page .aemi-column-register {
        position: relative;
        z-index: 55;
        background: #fff;
        width: 100%;
        border-radius: 10px;
        padding: 40px
    }

    .aemi-general-container-login-page .aemi-login-logo {
        max-width: 190px;
        margin: 0 auto 45px
    }

    .aemi-general-container-login-page .aemi-column-register {
        display: none
    }

    .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner .login-container-lateral-animation-text {
        display: none
    }

    .aemi-general-container-login-page .aemi-mobile-others {
        display: block
    }

    .aemi-login-open-page .aemi-general-container-login-page .login-container-lateral-animation {
        animation: unset
    }

    .aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation {
        right: 0;
        animation: unset
    }

    .aemi-registration-open-page .aemi-general-container-login-page .login-container-lateral-animation .login-container-lateral-animation-inner {
        border-radius: 0;
        animation: unset
    }

    .aemi-registration-open-page .aemi-general-container-login-page .aemi-column-register {
        display: block;
        margin: 0
    }

    .aemi-registration-open-page .aemi-general-container-login-page .aemi-column-login {
        display: none
    }
}

.login-page-general-wrapper {
    background-color: #fff;
    color: #959595
}

.login-page-general-wrapper label {
    font-weight: 600 !important;
    font-size: 1rem
}

.login-page-general-wrapper .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.login-page-general-wrapper .btn {
    border-radius: 50px;
    padding: .5rem 1.8rem
}

.login-page-general-wrapper .default-title {
    position: relative;
    display: inline-table;
    font-size: 50px;
    color: #5b5b5b;
    font-weight: bold
}

.login-page-general-wrapper .aemi-form-group {
    position: relative
}

.login-page-general-wrapper form .form-row-wide, .login-page-general-wrapper form .form-row-wide {
    clear: both
}

.login-page-general-wrapper .aemi-form-group, .login-page-general-wrapper form .aemi-form-group.woocommerce-form-row--wide {
    padding-top: 40px;
    margin-bottom: 20px
}

.login-page-general-wrapper .aemi-form-group .aemi-form-group-label {
    font-weight: 500;
    position: absolute;
    top: 46px;
    z-index: 50;
    transition: all 300ms;
    cursor: pointer
}

.login-page-general-wrapper .aemi-form-group .aemi-form-input {
    height: 50px;
    border: none
}

.login-page-general-wrapper form .form-row input.input-text, .login-page-general-wrapper form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal
}

.login-page-general-wrapper .aemi-form-group .aemi-form-group-bar {
    height: 2px;
    display: block;
    width: 100%;
    position: relative;
    background: #e5e5e5
}

.login-page-general-wrapper form .form-row label {
    line-height: 2
}

.login-page-general-wrapper .aemi-form-group.aemi-form-group--active .aemi-form-group-label {
    top: 0px
}

.login-page-general-wrapper .aemi-form-group .aemi-form-group-bar:before {
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 300ms;
    background: #ff8200
}

.login-page-general-wrapper .aemi-form-group.aemi-form-group--active .aemi-form-group-bar:before {
    width: 100%
}

.login-page-general-wrapper .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-block
}

.login-page-general-wrapper .aemi-form-group-label-checkbox .aemi-form-group-label-checkbox__input {
    display: none
}

.login-page-general-wrapper .aemi-form-group-label-checkbox .aemi-form-group-label-checkbox__label {
    cursor: pointer;
    font-weight: normal !important
}

.login-page-general-wrapper form .form-row label, .login-page-general-wrapper form .form-row label {
    display: block
}

.login-page-general-wrapper .aemi-form-group-label-checkbox .aemi-form-group-label-checkbox__label:before {
    content: "✔";
    color: rgba(255, 255, 255, 0);
    line-height: 22px;
    font-size: 29px;
    display: inline-table;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    margin-right: 15px;
    margin-bottom: 0px;
    top: 6px;
    position: relative
}

.login-page-general-wrapper .aemi-form-group-label-checkbox .aemi-form-group-label-checkbox__input:checked + .aemi-form-group-label-checkbox__label:before {
    border-color: #ff8200;
    content: "✔";
    color: #ff8200
}

.login-page-general-wrapper .w-100 {
    width: 100% !important
}

.login-page-general-wrapper .woocommerce-LostPassword.lost_password {
    text-align: center;
    padding-top: 40px;
    margin-bottom: 1rem
}

.login-page-general-wrapper .woocommerce-LostPassword.lost_password a {
    color: #959595;
    text-decoration: none
}

.login-page-general-wrapper .woocommerce-form-login__rememberme {
    margin-bottom: 32px
}

.login-page-general-wrapper .aemi-separator {
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 3rem !important
}

.login-page-general-wrapper .aemi-separator:before {
    content: "";
    width: 100%;
    background: #e5e5e5;
    height: 1px;
    position: absolute;
    top: 50%;
    display: block;
    z-index: 45
}

.login-page-general-wrapper .aemi-separator .aemi-separator__text {
    position: relative;
    z-index: 50;
    padding: 5px 10px;
    background: #fff
}

.login-page-general-wrapper .m-auto {
    margin: auto !important
}

.login-page-general-wrapper .d-table {
    display: table !important
}

.page-template-template-page-register {
    background-color: #fff
}

.page-template-template-page-register .calendar-new-header .button.previousYear, .page-template-template-page-register .calendar-new-header .button.nextYear, .page-template-template-page-register .calendar-new-header .button.nextMonth, .page-template-template-page-register .calendar-new-header .button.previousMonth {
    background-color: unset;
    min-width: auto
}

#page-with-jotform .jotform-form {
    margin-top: 0;
    padding: 0
}

#page-with-jotform .form-all {
    margin-top: 0;
    box-shadow: none !important
}

#page-with-jotform div.header-large {
    padding: 15px 0;
    margin: 0 0px
}

#page-with-jotform ul.page-section {
    padding: 0
}

#page-with-jotform .form-line {
    padding: 0 3px
}

#page-with-jotform select.form-dropdown, #page-with-jotform .form-textbox, #page-with-jotform .fixed-width .form-textbox {
    width: auto !important
}

#page-with-jotform li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
    width: 100%
}

#page-with-jotform .error-navigation-message {
    padding-left: 15px
}

#page-with-jotform .form-line.form-line-active {
    background: none !important
}

#page-with-jotform .form-submit-button-simple_orange.form-pagebreak-back, #page-with-jotform .form-submit-button-simple_orange.form-pagebreak-next, #page-with-jotform .form-submit-button-simple_orange.submit-button {
    color: #fff;
    text-shadow: unset;
    border-color: #ff8200;
    box-shadow: unset;
    background: #ff8200;
    border-radius: 60px
}

#page-with-jotform .form-submit-button-simple_orange.form-pagebreak-back:hover, #page-with-jotform .form-submit-button-simple_orange.form-pagebreak-next:hover, #page-with-jotform .form-submit-button-simple_orange.submit-button:hover {
    background: #cc6800
}

#page-with-jotform .form-submit-button-simple_orange.form-sacl-button, #page-with-jotform .form-submit-button-simple_orange.form-submit-print {
    border-radius: 60px
}

#page-with-jotform #_label #_terms {
    color: #ff8200 !important;
    text-decoration: none !important
}

#page-with-jotform .form-radio + label:after, #page-with-jotform .form-radio + span:after {
    background-color: #ff8200
}

#page-with-jotform .form-radio:checked + label:before, #page-with-jotform .form-radio:checked + span:before {
    border-color: #ff8200
}

.aemi-title-breadcrumb-pages {
    padding: 60px 0
}

@media (max-width: 991.98px) {
    .aemi-title-breadcrumb-pages {
        padding: 40px 0
    }
}

.aemi-title-breadcrumb-pages #breadcrumbs {
    font-size: 14px;
    margin-bottom: 0
}

.aemi-title-breadcrumb-pages #breadcrumbs a {
    color: #959595;
    text-decoration: none;
    margin-bottom: 0
}

.aemi-first-access-login-steps-modal-block-body {
    overflow: hidden
}

.aemi-first-access-login-steps-modal {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(91, 91, 91, .59);
    left: 0;
    overflow: auto;
    z-index: 50000
}

.aemi-first-access__container {
    padding-top: 90px;
    padding-bottom: 90px
}

.aemi-first-access__container .container {
    max-width: 1029px
}

.aemi-first-access__box {
    background: #fff;
    border-radius: 10px;
    padding: 42px 42px;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .aemi-first-access__box {
        flex-direction: column
    }
}

.aemi-first-access__professional-thumbnail {
    width: 239px;
    height: 239px;
    border-radius: 50%;
    border: #e5e5e5 6px solid;
    margin: 0 auto 25px
}

.aemi-first-access__professional-name {
    color: #0060b0;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .aemi-first-access__professional-name {
        font-size: 18px
    }
}

.aemi-first-access__professional-description {
    font-size: 14px;
    text-align: center
}

.aemi-first-access__content {
    padding-left: 38px
}

.aemi-first-access__content-text {
    background: #fafcfd;
    padding: 23px;
    border-radius: 5px;
    margin-top: 26px;
    color: #5b5b5b;
    line-height: 27px
}

.aemi-first-acess-interest-input {
    display: none
}

.aemi-first-acess-interest-input ~ .aemi-first-access__next-step {
    display: none
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-1:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-1:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-1 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-2:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-2:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-2 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-3:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-3:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-3 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-4:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-4:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-4 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-5:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-5:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-5 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-6:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-6:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-6 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-7:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-7:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-7 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-8:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-8:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-8 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-9:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-9:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-9 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-10:checked ~ .aemi-first-access__next-step {
    display: block
}

.aemi-first-acess-interest-input.aemi-first-acess-interest-input-10:checked ~ .aemi-first-access__buttons_labels label.aemi-first-acess-interest-input-10 span {
    background: #ff8200;
    border-color: #ff8200;
    color: #fff
}

.aemi-first-access__buttons_labels ul {
    padding: 0;
    margin: 0 -20px;
    display: flex;
    justify-content: space-between
}

.aemi-first-access__buttons_labels ul li {
    display: table;
    width: 100%;
    text-align: center;
    padding: 0 20px
}

.aemi-first-access__buttons_labels ul li input {
    display: none
}

.aemi-first-access__buttons_labels ul li label {
    width: 100%
}

.aemi-first-access__buttons_labels ul li label span {
    width: 100%;
    display: block;
    border-radius: 50px;
    color: #959595;
    padding: 9px 13px;
    font-weight: 500;
    border: 2px solid #959595;
    background: #fff;
    cursor: pointer;
    font-size: 1rem
}

.aemi-first-access__next-step {
    padding-top: 40px;
    text-align: center
}

.aemi-first-access__next-step button svg {
    color: #fff;
    margin-left: 4px;
    margin-top: -1px
}

.aemi-first-access__next-step button svg path {
    fill: #fff
}

.aemi-first-access__progress-bar-container {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.aemi-first-access__progress-bar-container div {
    background: #e5e5e5;
    width: 100%;
    height: 100%
}

.aemi-first-access__progress-bar-container div.aemi-first-access__progress-bar--active {
    background-color: #0060b0
}

.aemi-first-access__progress-bar-container div + div {
    margin-left: 6px
}

.aemi-first-access__content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.aemi-first-access__content .pt-4 {
    padding-top: 1.5rem !important
}

.aemi-first-access__content .text-center {
    text-align: center !important
}

.aemi-first-access__content h6, .aemi-first-access__content p {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1rem
}

.aemi-first-access__content p {
    color: #5b5b5b;
    line-height: 27px;
    opacity: .6
}

.aemi-first-access__content .interestList {
    align-items: start
}

.aemi-first-access__content .interestListRow {
    width: 50%
}

.aemi-first-access__content .default-title.h5 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding-top: 15px
}

.aemi-first-access__content .default-title.h5 span {
    color: #000 !important
}

.aemi-first-access__content .btn.btn-secondary:hover {
    color: #fff
}

.aemi-first-access__content .btn.btn-secondary:hover svg path {
    fill: #fff
}

.aemi-congratulations-new-level__conffeti {
    opacity: 1
}

.aemi-congratulations-new-level {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 500000;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    overflow: auto;
    transform: scale(1) rotate(0deg);
    background: rgba(255, 255, 255, .7)
}

.aemi-congratulations-new-level:before {
    content: "";
    width: 0%;
    height: 0vh;
    top: 50%;
    left: 50%;
    position: absolute;
    transition: all 500ms;
    border-radius: 50%;
    transition-delay: 500ms;
    z-index: -1
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-a {
    max-height: 100%;
    padding: 60px 0 0
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-unlocked {
    text-align: center;
    display: table;
    width: 100%;
    margin-bottom: -20px;
    opacity: 0;
    transform: scale(0);
    z-index: 500;
    position: relative;
    transition: all 700ms;
    transition-delay: 2250ms
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-unlocked span {
    background-color: #00b06a;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .2), 0px 2px 3px rgba(0, 0, 0, .1);
    text-align: center;
    padding: 18px 48px;
    border-radius: 10px
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle {
    transition: all 700ms;
    transition-delay: 800ms;
    transform: scale(0);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle-inner {
    position: relative
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__start {
    transform: scale(0);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-texts {
    margin-top: -170px;
    z-index: 5;
    transition: all 700ms;
    transition-delay: 1450ms;
    transform: scale(0);
    position: relative
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-text-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transition: all 700ms;
    transition-delay: 1950ms
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-text {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 17px;
    margin-top: 30px;
    margin-bottom: -55px;
    transition: all 700ms;
    transition-delay: 1950ms
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-text-level > span {
    background: #0060b0;
    padding: 8px 8px;
    width: 50%;
    border-radius: 60px;
    display: flex;
    margin-left: 25%
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-text-level > span > span {
    background: #ffb400;
    color: #fff;
    padding: 7px 4px;
    width: 100%;
    border-radius: 70px;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .2), 0px 2px 3px rgba(0, 0, 0, .1)
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills {
    margin: 35px auto 0;
    width: 517px;
    max-width: 90%
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__title {
    background-color: #2c2e35;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    opacity: 0;
    transition: all 300ms 2.2s
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__title p {
    margin: 0 auto
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__list .aemi-congratulations-new-level__box-animation__skills__list-box {
    display: flex;
    padding: 10px;
    border: 1px solid #2c2e35;
    opacity: 0;
    max-height: 0px;
    transition: all .5s;
    background-color: #fff
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__list .aemi-congratulations-new-level__box-animation__skills__list-box.aemi-congratulations-new-level__box-animation__skills__list-box-loop {
    animation-name: zoomInRight;
    animation-duration: .5s;
    opacity: 1;
    max-height: 1000px
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__list .aemi-congratulations-new-level__box-animation__skills__list-icon {
    margin-right: 10px
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__list .aemi-congratulations-new-level__box-animation__skills__list-icon svg {
    height: 25px;
    margin-top: 2px
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__list .aemi-congratulations-new-level__box-animation__skills__list-icon svg * {
    fill: #0fb696
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation__skills .aemi-congratulations-new-level__box-animation__skills__list .aemi-congratulations-new-level__box-animation__skills__list-text {
    color: #707176
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-close-btn {
    text-align: center;
    z-index: 500;
    position: relative;
    width: 100%;
    padding-top: 30px;
    opacity: 0;
    transform: scale(0.5) translate(0px, -30px);
    padding-bottom: 50px;
    transition: all 700ms;
    transition-delay: 2500ms
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-close-btn .aemi-congratulations-new-level__box-animation-close-btn__button {
    background-color: #ffbc81;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 5px solid #ffa253;
    padding: 10px 21px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    border-radius: 60px;
    transition: all 300ms;
    transform: scale(1)
}

.aemi-congratulations-new-level .aemi-congratulations-new-level__box-animation-close-btn .aemi-congratulations-new-level__box-animation-close-btn__button:hover {
    transform: scale(1.1)
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation:before {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    border-radius: 0
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation__skills__title {
    margin-top: 0;
    opacity: 1
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-unlocked {
    opacity: 1;
    transform: scale(1)
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle {
    transform: scale(1)
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__start {
    transform: scale(1);
    transform: scale(1) translate(0px, -40px);
    animation-duration: 1400ms;
    animation-delay: 700ms;
    animation-name: gamificationStartAnimation
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-texts {
    transform: scale(1)
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-text-inner {
    opacity: 1
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-info .aemi-congratulations-new-level__box-animation-info-circle .aemi-congratulations-new-level__box-animation-info-circle__bar-text {
    margin-top: 10px;
    margin-bottom: -16px
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__started-animation .aemi-congratulations-new-level__box-animation-close-btn {
    opacity: 1;
    transform: scale(1) translate(0px, 0px)
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__close-animation {
    opacity: 0;
    transform: scale(0) rotate(520deg);
    transition: all 1000ms
}

.aemi-congratulations-new-level.aemi-congratulations-new-level__close-animation ~ .aemi-congratulations-new-level__conffeti {
    opacity: 0;
    transition: all 1000ms
}

@media screen and (max-width: 580px) {
    .aemi-congratulations-new-level__box-animation {
        transform: scale(0.7)
    }
}

@keyframes gamificationStartAnimation {
    0% {
        transform: scale(0) translate(0px, 0px)
    }
    5% {
        transform: scale(0) translate(0px, 0px)
    }
    30% {
        transform: scale(1.3) translate(0px, 0px)
    }
    40% {
        transform: scale(0.93) translate(0px, 0px)
    }
    50% {
        transform: scale(1.12) translate(0px, 0px)
    }
    60% {
        transform: scale(0.96) translate(0px, 0px)
    }
    70% {
        transform: scale(1) translate(0px, 0px)
    }
    100% {
        transform: scale(1) translate(-1px, -40px)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale(0.3);
        max-height: 0px
    }
    20% {
        transform: scale(1.1)
    }
    40% {
        transform: scale(0.9)
    }
    60% {
        opacity: 1;
        transform: scale(1.03)
    }
    80% {
        transform: scale(0.97)
    }
    to {
        opacity: 1;
        transform: scale(1);
        max-height: 1000px
    }
}

.page-price-suscripciones {
    background-color: #fff;
    display: table;
    width: 100%;
    padding-top: 50px
}

.page-price-suscripciones .page-price-suscripciones__desktop {
    max-width: 1140px;
    margin: 0 auto
}

.page-price-suscripciones .page-price-suscripciones__desktop .btn.btn-secondary:hover {
    color: #fff
}

.page-price-suscripciones ~ .extra-margin-desarrollado-por-envixo {
    background-color: #fff
}

.page-price-suscripciones .extra-info-page-price-suscripciones {
    max-width: 1140px;
    margin: 60px auto 60px;
    font-size: 14px;
    opacity: .8
}

.page-price-suscripciones__desktop .page-price-suscripciones__table-pro {
    border-top: 2px solid #ff8200;
    border-left: 2px solid #ff8200;
    border-right: 2px solid #ff8200;
    border-bottom: 2px solid #ff8200
}

.page-price-suscripciones__table tfoot tr td.page-price-suscripciones__table-pro {
    border-radius: 0 0 10px 10px
}

.page-price-suscripciones__table thead tr td.page-price-suscripciones__table-pro {
    border-radius: 10px 10px 0 0
}

.page-price-suscripciones__table-header {
    text-align: center
}

.page-price-suscripciones__table-header-text {
    font-weight: bold;
    margin-top: 32px;
    color: #0060b0;
    display: inline-block;
    font-size: 22px
}

.page-price-suscripciones__table-header-icon {
    margin-bottom: 20px;
    height: 90px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px
}

.page-price-suscripciones__table {
    border-collapse: separate;
    border-spacing: 0
}

.page-price-suscripciones__desktop .page-price-suscripciones__table thead td, .page-price-suscripciones__desktop .page-price-suscripciones__table thead th {
    border-bottom: 2px solid #0060b0
}

.page-price-suscripciones__desktop .page-price-suscripciones__table tbody tr td, .page-price-suscripciones__desktop .page-price-suscripciones__table tfoot tr td {
    border-top: 1px solid #0060b0
}

.page-price-suscripciones__desktop .page-price-suscripciones__table tbody tr td.page-price-suscripciones__table-pro {
    border-bottom: none
}

.page-price-suscripciones__table thead tr td, .page-price-suscripciones__table tbody tr td, .page-price-suscripciones__table tfoot tr td {
    padding: 30px 15px
}

.page-price-suscripciones__table tfoot tr td {
    vertical-align: text-bottom
}

.page-price-suscripciones__table tbody tr td p {
    color: #5b5b5b;
    margin-bottom: 0
}

.page-price-suscripciones__table tbody tr td + td {
    text-align: center;
    font-weight: bold;
    width: 25%
}

.page-price-suscripciones__footer_price {
    text-align: center;
    width: 100%
}

.page-price-suscripciones__footer-primary {
    color: #5b5b5b;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 20px
}

.page-price-suscripciones__footer-secondary {
    color: #ff8200;
    font-weight: bold;
    font-size: 20px
}

.page-price-suscripciones__footer-price {
    color: #0060b0;
    font-size: 37px;
    font-weight: bold;
    margin-bottom: 0
}

.swpm-payment-button .stripe-button-el {
    border: none !important;
    background-color: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important
}

.swpm-payment-button .stripe-button-el span {
    background: #ff8200 !important;
    border: none !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 50px !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none !important;
    padding: 7px 34px !important;
    height: auto !important
}

.swpm-payment-button .stripe-button-el span:hover, .swpm-payment-button .stripe-button-el span:focus, .swpm-payment-button .stripe-button-el span:active {
    background: #e67500 !important
}

.page-price-suscripciones__mobile-box {
    border: 1px solid #eee;
    padding: 25px;
    margin-bottom: 45px;
    border-radius: 15px;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, .2)
}

.page-price-suscripciones__mobile-box__head {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 25px;
    text-align: center
}

.page-price-suscripciones__mobile-box__body {
    padding: 25px 15px;
    text-align: center
}

.page-price-suscripciones__mobile-box__body + .page-price-suscripciones__mobile-box__body {
    border-top: 1px solid #eee
}

.page-price-suscripciones__mobile-box__foot {
    border-top: 1px solid #eee;
    margin-top: 25px;
    padding-top: 25px;
    text-align: center
}

.page-price-suscripciones__mobile-box__body-real-element p {
    margin-bottom: 0
}

.page-price-suscripciones__mobile-box__is-pro {
    border-top: 2px solid #ff8200;
    border-left: 2px solid #ff8200;
    border-right: 2px solid #ff8200;
    border-bottom: 2px solid #ff8200
}

.page-price-suscripciones__desktop {
    margin-bottom: 50px
}

@media (max-width: 767.98px) {
    .page-price-suscripciones__desktop {
        display: none
    }
}

.page-price-suscripciones__mobile {
    margin-bottom: 50px;
    display: none
}

@media (max-width: 767.98px) {
    .page-price-suscripciones__mobile {
        display: block
    }
}

.current-user_is_a_premium_user {
    background: #f7f7f7;
    border: 1px solid #eee;
    padding: 25px;
    text-align: center;
    width: 750px;
    max-width: 90%;
    margin: 0 auto
}

.current-user_is_a_premium_user h2 {
    color: #0060b0;
    margin-bottom: 20px
}

.current-user_is_a_premium_user__icon {
    background-color: #ff8200;
    display: table;
    margin: 0 auto;
    padding: 25px 20px 15px;
    border-radius: 50%;
    margin-bottom: 20px
}

.current-user_is_a_premium_user__icon svg {
    width: 80px
}

.current-user_is_a_premium_user__icon svg * {
    fill: #fff
}

.hidden-btn-stripe-swpm_payment_button {
    display: none
}

.page-suscripciones_susccess {
    background: #f7f7f7;
    border: 1px solid #eee;
    padding: 25px;
    text-align: center;
    width: 750px;
    max-width: 90%;
    margin: 0 auto
}

.page-suscripciones_susccess h2 {
    color: #0060b0;
    margin-bottom: 20px
}

.page-suscripciones_susccess__icon {
    display: table;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 20px
}

.page-suscripciones_susccess__icon svg {
    width: 120px
}

.page-suscripciones_susccess__icon svg * {
    fill: #093
}

.hidden-btn-stripe-swpm_payment_button {
    display: none
}

:root {
    --color-navbar-bg: #222555;
    --color-sidebar-bg: #f6f7f8;
    --color-white: #ffffff;
    --color-light-white: #dce3fc;
    --color-black: #000000;
    --color-light-black: #444444;
    --color-secondary: #285eaa;
    --color-primary: #ef8933;
    --color-grey: #999999;
    --color-sharp-gray: #eeeeee;
    --color-light-grey: #99999963;
    --color-border: #dddddd;
    --color-border-dark: #ffffff1a;
    --color-dark-blue: #4e5177;
    --color-medium-dark-blue: #6c6e86;
    --color-light-green: #80ba79;
    --color-success: #50b17a;
    --color-danger: #ff0000;
    --color-danger-light: #dd7171;
    --color-body-bg: #f9f9f9;
    --color-purple: #4e74ef;
    --color-light-orange: #f5e1d1;
    --font-family: "Inter", sans-serif;
    --font-size-smaller: 14px;
    --font-size-small: 16px;
    --font-size-standard: 18px;
    --radius-small: 8px;
    --radius-standard: 12px;
    --radius-large: 50px;
    --card-shadow-normal: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    --card-shadow-medium: 0px 0px 8px 0px #0000000a
}

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

html {
    font-family: var(--font-family);
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    font-family: var(--font-family);
    background: var(--color-sidebar-bg);
    font-size: var(--font-size-standard);
    font-weight: 400;
    word-wrap: break-word;
    color: var(--color-light-black);
    min-height: 100vh;
    overflow: auto
}

header, footer, article, nav, section, main, summary {
    display: block
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

.pageSpacer {
    padding-left: 24px;
    padding-right: 24px
}

.fullWidth {
    width: 100%
}

.cursor {
    cursor: pointer
}

.flex {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex.justifyBetween {
    justify-content: space-between
}

.flex.justifyCenter {
    justify-content: center
}

.flex.alignStart {
    align-items: flex-start
}

.flex.alignNormal {
    align-items: normal
}

.gridTwo {
    display: grid;
    grid-template-columns:1fr 1fr
}

.gap20 {
    grid-gap: 20px
}

.gap10 {
    grid-gap: 10px
}

.gap60 {
    grid-gap: 60px
}

h1, h2, h3, h4, h5, h6, p {
    text-rendering: optimizeLegibility;
    font-weight: 400;
    margin: 0;
    font-family: var(--font-family)
}

h1 {
    font-size: 40px;
    line-height: 1.4
}

h2 {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 800
}

h3 {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 600
}

h4 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600
}

h5 {
    font-size: 18px;
    line-height: 1.4
}

h6, p {
    font-size: 18px;
    line-height: 1.4
}

p {
    font-weight: 400
}

a {
    text-decoration: none
}

.contactPage {
    margin-top: 30px !important
}

.contactPage .contact-section {
    padding: 0 60px
}

.contactPage .contact-container {
    padding: 0 10px
}

.contactPage .content {
    margin: 50px -10px 0 -10px
}

.contactPage .content .leftHolder {
    flex-direction: column;
    align-items: flex-start;
    width: 40%;
    padding: 0 10px
}

.contactPage .content .leftHolder .inlineItem {
    margin-bottom: 30px
}

.contactPage .content .leftHolder .inlineItem span {
    gap: 10px
}

.contactPage .content .leftHolder .inlineItem span.social a {
    background: #d9d9d9;
    padding: 7px;
    border-radius: 12px;
    width: 35px;
    height: 35px
}

.contactPage .content .leftHolder .inlineItem .title {
    color: var(--color-light-black);
    margin-bottom: 10px
}

.contactPage .content .leftHolder .inlineItem .tel {
    color: var(--color-primary);
    font-weight: 800
}

.contactPage .content .leftHolder .inlineItem h4 {
    font-weight: 800
}

.contactPage .content .leftHolder .inlineItem img {
    width: 22px;
    object-fit: cover
}

.contactPage .content .rightHolder {
    width: 60%;
    padding: 0 10px
}

.contactPage .content .rightHolder .contactForm {
    height: max-content;
    width: 100%
}

.contactPage .content .rightHolder .contactForm .callout {
    color: var(--color-grey);
    font-size: var(--font-size-smaller);
    margin-left: 10px
}

@media screen and (max-width: 768px) {
    .contactPage .content {
        flex-direction: column-reverse;
        gap: 20px
    }

    .contactPage .contact-section {
        padding: 0 30px
    }

    .contactPage .content .leftHolder {
        width: 100%
    }

    .contactPage .content .rightHolder {
        width: 100%
    }

    .btnDiscoverBtn {
        margin-bottom: 40px !important
    }

    #claimPointPopup .claim-points-popup {
        width: 370px !important
    }

    .tooltip .tooltiptext {
        top: -14px !important;
        left: -282% !important
    }

    .tooltip .tooltiptext::after {
        display: none !important
    }
}

@media screen and (max-width: 576px) {
    .contactPage .contact-section {
        padding: 0 10px
    }

    .webinarWrapper {
        display: block !important
    }

    .webinarHeading img {
        width: 50% !important;
        height: 100% !important
    }

    .webinarHeading {
        display: block !important
    }
}

.privacyPage {
    margin: 40px 0
}

.favouritePage {
    margin-top: 30px !important
}

.favouritePage .resultsHolder {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px
}

.favouritePage .resultsHolder .card {
    cursor: pointer;
    transition-duration: .3s
}

.favouritePage .resultsHolder .card:hover {
    transform: translateY(-5px);
    transition-duration: .3s
}

.favouritePage .resultsHolder .card .card-image-holder {
    position: relative
}

.favouritePage .resultsHolder .card .card-image-holder .card-image-full {
    width: 100%;
    height: auto
}

.favouritePage .resultsHolder .card .card-image-holder .icons {
    position: absolute;
    bottom: -15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 14px
}

.favouritePage .resultsHolder .card .card-image-holder .icons .heartIcon {
    background-color: var(--color-white);
    padding: 4px 6px 0px 6px;
    border-radius: 50%;
    position: unset !important
}

.favouritePage .resultsHolder .card .card-image-holder .icons .webniar {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: var(--color-light-white);
    border-radius: 50px;
    padding: 5px 12px
}

.favouritePage .resultsHolder .card .card-image-holder .icons .webniar .wrapperWebniar p {
    color: var(--color-purple);
    font-size: 16px;
    font-weight: 600
}

.favouritePage .resultsHolder .card .card-content .card-title {
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
    transition-duration: .3s
}

.favouritePage .resultsHolder .card:hover .card-title {
    color: var(--color-primary);
    transition-duration: .3s
}

.favouritePage .resultsHolder .card .card-content .card-para-info {
    color: var(--color-light-black);
    font-size: 16px
}

@media screen and (max-width: 576px) {
    .favouritePage .resultsHolder {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .badgesHolder {
        display: block !important
    }

    .badgesHolder {
        margin-top: 15px
    }

    .badgesHolder li {
        margin-top: 15px
    }

    .exclusive {
        padding: 30px 262px !important
    }

    .interestList {
        display: block !important
    }

    .formAttachment {
        display: block !important
    }

    .gridTwo {
        display: block !important
    }
}

@media (min-width: 576px)and (max-width: 991px) {
    .favouritePage .resultsHolder {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.badge {
    background: var(--color-primary);
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: var(--color-white)
}

main .pageTitle {
    color: var(--color-black)
}

main .pageDescription {
    color: var(--color-medium-dark-blue);
    font-weight: 400;
    font-size: var(--font-size-standard)
}

.formField {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 25px
}

.SpecifyIns .formField {
    margin-bottom: 5px
}

.formField label {
    font-size: var(--font-size-smaller);
    color: var(--color-grey);
    font-weight: 400;
    margin-bottom: 4px;
    width: 100%
}

.formField label .required {
    color: var(--color-danger)
}

.formField input, .formField textarea {
    background-color: var(--color-body-bg);
    border: 1px solid var(--color-border);
    font-size: var(--font-size-small);
    font-weight: 400;
    color: var(--color-black);
    padding: 10px 15px;
    border-radius: var(--radius-small);
    transition-duration: .3s;
    width: 100%
}

.formField input::placeholder, .formField textarea::placeholder {
    color: var(--color-grey);
    font-family: var(--font-family)
}

.formField input:active, .formField input:hover {
    border-color: var(--color-secondary);
    transition-duration: .3s;
    transition-delay: .2s
}

.btn-primary {
    font-size: var(--font-size-small);
    font-weight: 600;
    background: var(--color-secondary);
    height: 40px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--color-white);
    border-radius: var(--radius-standard);
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid var(--color-secondary);
    gap: 5px
}

.btn-primary:hover {
    color: var(--color-secondary);
    background: rgba(0, 0, 0, 0);
    transition-duration: .3s;
    border: 1px solid var(--color-secondary)
}

.btn-primary:hover svg path {
    fill: var(--color-secondary)
}

.btn-secondary {
    margin: auto;
    font-size: var(--font-size-small);
    font-weight: 600;
    background: var(--color-primary);
    height: 40px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--color-white);
    border-radius: var(--radius-standard);
    cursor: pointer;
    border: 1px solid var(--color-primary)
}

.btn-secondary img {
    width: 20px;
    margin-right: 10px
}

.btn-secondary:hover {
    color: var(--color-primary);
    background: rgba(0, 0, 0, 0);
    transition-duration: .3s
}

.btn-secondary:hover svg path {
    fill: var(--color-primary)
}

.card {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-standard);
    box-shadow: var(--card-shadow-normal)
}

.card .card-header {
    padding: 15px 24px;
    border-bottom: 1px solid var(--color-border)
}

.card .card-header .card-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-light-black)
}

.card .card-content {
    padding: 15px 24px
}

.notification {
    background-color: var(--color-success);
    border-radius: 50px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 500px;
    width: auto
}

.notification.error-notification {
    background: var(--color-danger)
}

.notification.error-notification .icon {
    color: var(--color-danger)
}

.notification .icon {
    background: var(--color-white);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--color-success)
}

.notification .text {
    font-size: var(--font-size-standard);
    color: var(--color-white);
    font-weight: 600;
    margin-left: 5px
}

.avatar {
    background: var(--color-primary);
    border-radius: var(--radius-large);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-weight: 700
}

.container {
    width: 94%;
    margin: 0 auto
}

.swiper-button-prev:after {
    content: url(/assets/images/arrow-up.svg) !important;
    background-color: var(--color-white);
    border-radius: 50%;
    padding: 2px 6px 1px 6px;
    margin-left: 20px
}

.swiper-button-next:after {
    content: url(/assets/images/arrow-right.svg) !important;
    border-radius: 50%;
    padding: 2px 6px 1px 6px;
    background-color: var(--color-white);
    margin-right: 20px
}

@media only screen and (max-width: 700px) {
    .card .card-content {
        padding: 20px
    }
}

@media (min-width: 991px)and (max-width: 1400px) {
    .rightbar {
        width: calc(100% - 363px) !important
    }

    .newsFirst p:nth-child(2) {
        width: 510px !important
    }
}

@media screen and (max-width: 576px) {
    .rightNav nav ul {
        margin-left: 150px !important
    }

    .rightNav nav ul li:has(.active) {
        position: absolute;
        left: 50px
    }
}

@media (min-width: 2200px) {
    body {
        height: 100vh
    }
}

header {
    background-color: var(--color-navbar-bg);
    position: sticky;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 5px 0
}

header .holder .leftHolder {
    gap: 44px
}

header .holder .leftHolder .logo::after {
    content: "";
    height: 51px;
    margin-left: 23px;
    position: absolute;
    border: 1px solid var(--color-border-dark)
}

header .holder .leftHolder .logo img {
    width: 100px;
}

header .holder .rightHolder .menuBar {
    display: none
}

header .mobileProfile {
    display: none
}

header .menuHolder .mobileProfileMenu {
    flex-direction: column
}

header .holder .leftHolder .menuHolder .closeSidebar #closeIcon {
    fill: var(--color-white);
    width: 25px;
    height: 25px
}

header .menuHolder .bottomNavMenu {
    list-style: none;
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 28px
}

header .menuHolder .bottomNavMenu li a {
    text-decoration: none;
    color: var(--color-white);
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    transition-duration: .3s
}

header .menuHolder .bottomNavMenu li.active a {
    color: var(--color-primary)
}

header .menuHolder .bottomNavMenu li a svg {
    width: 25px;
    height: 25px
}

header .menuHolder .bottomNavMenu li:hover a {
    color: var(--color-primary);
    transition-duration: .3s
}

header .menuHolder .bottomNavMenu li:hover a svg {
    transition-duration: .3s;
    color: var(--color-primary)
}

header .profileDropdown .menuGap {
    gap: 12px
}

header .holder .rightHolder .iconMenu .searchHolder .searchInput input::placeholder {
    color: var(--color-medium-dark-blue) !important
}

@media only screen and (max-width: 991px) {
    header .holder .leftHolder .menuHolder {
        display: none
    }

    header .holder .rightHolder .menuBar {
        display: block;
        margin-left: 10px
    }

    header .holder .rightHolder .menuBar svg {
        width: 30px;
        height: 30px
    }

    header .leftHolder .menuHolder {
        position: fixed;
        right: 0;
        height: 100vh;
        width: 300px;
        z-index: 555555;
        background: var(--main-body-bg);
        top: 0
    }

    header .leftHolder .menuHolder.showBar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 15px 30px 25px;
        background-color: var(--color-dark-blue)
    }

    header .leftHolder .menuHolder.showBar .mobileNavMenu {
        display: flex;
        flex-direction: column;
        align-items: normal;
        margin-top: 50px
    }

    header .mobileProfile {
        display: flex;
        justify-content: flex-end;
        margin-top: 15px;
        width: 100%
    }

    header .mobileProfile .closeSidebar {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        background-color: var(--color-white)
    }

    header .mobileProfile .closeSidebar svg path {
        fill: var(--color-primary)
    }

    header .menuHolder .bottomNavMenu {
        display: flex
    }
}

header .holder .leftHolder .menuHolder ul.menuDropdown {
    display: none
}

header .holder .leftHolder .menuHolder ul.menuDropdown li .inline {
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    color: var(--color-white)
}

header .holder .leftHolder .menuHolder ul.menuDropdown li:hover .inline {
    color: var(--color-primary)
}

header .holder .leftHolder .menuHolder ul.menuDropdown li .inline svg {
    width: 25px;
    height: 25px
}

header .holder .leftHolder .menuHolder nav ul {
    color: var(--color-white);
    font-size: 17px;
    font-weight: 500;
    padding-left: 0;
    margin: 0;
    gap: 28px
}

header .holder .leftHolder .menuHolder nav ul li {
    cursor: pointer;
    list-style: none;
    gap: 8px;
    height: 100%;
    align-items: flex-start;
    position: relative
}

header .holder .leftHolder .menuHolder nav ul li a {
    color: var(--color-white)
}

header .holder .leftHolder .menuHolder nav ul li:hover a, header .holder .leftHolder .menuHolder nav ul li.active a {
    color: var(--color-primary)
}

header .holder .leftHolder .menuHolder nav ul li a .inline {
    gap: 12px;
    text-wrap: nowrap
}

header .holder .leftHolder .menuHolder nav .mobileProfileMenu {
    display: none
}

header .holder .leftHolder .menuHolder nav .mobileProfileMenu img {
    width: 26px;
    height: 26px
}

header .holder .leftHolder .menuHolder nav ul li:hover a .inline svg path, header .holder .leftHolder .menuHolder nav ul li.active a .inline svg path {
    fill: var(--color-primary)
}

header .holder .rightHolder {
    justify-content: flex-end
}

header .holder .rightHolder .iconMenu {
    gap: 30px;
    list-style: none;
    padding-left: 0;
    padding-right: 20px;
    margin: 8px 0;
    overflow: hidden
}

header .holder .rightHolder .iconMenu li svg {
    width: 20px;
    height: 20px
}

header .holder .rightHolder .iconMenu li:hover svg {
    fill: var(--color-primary)
}

header .holder .rightHolder .iconMenu .searchHolder {
    opacity: 0;
    visibility: hidden;
    margin-right: -200px;
    transition: all .5s ease-in-out
}

header .holder .rightHolder .iconMenu .searchHolder.visible {
    opacity: 1;
    margin-right: 0;
    visibility: visible;
    transition: all .5s ease-in-out
}

header .holder .rightHolder .iconMenu .searchHolder.visible .searchInput {
    border-radius: 0;
    height: 55px;
    padding: 12px 25px
}

header .holder .rightHolder .iconMenu .searchHolder.visible .searchInput input {
    padding-left: 10px
}

header .holder .rightHolder .iconMenu .searchHolder {
    margin-right: 0;
    transition-duration: 0
}

header .holder .rightHolder .iconMenu .searchHolder.visible {
    transition-duration: 0
}

@media screen and (max-width: 576px) {
    header .holder .rightHolder .iconMenu .searchHolder.visible {
        position: absolute;
        left: 0px;
        top: 64px;
        width: 100vw
    }
}

header .holder .rightHolder .iconMenu .searchHolder .searchInput {
    background: var(--color-white) !important;
    padding: 12px 18px !important;
    border-radius: var(--radius-large) !important;
    height: 45px !important;
    width: auto
}

header .holder .rightHolder .iconMenu .searchHolder .searchInput img {
    width: 23px;
    height: 20px
}

header .holder .rightHolder .iconMenu .searchHolder .searchInput input {
    background: none;
    border: none;
    outline: none;
    margin-left: 4px;
    color: var(--color-black);
    font-size: var(--font-size-small);
    font-weight: 400
}

header .holder .rightHolder .iconMenu .searchHolder .searchInput input::placeholder {
    color: var(--color-white);
    opacity: 1
}

header .holder .rightHolder .profileMenu {
    margin-left: auto;
    position: relative;
    display: inline-block
}

@media only screen and (max-width: 991px) {
    header .holder .leftHolder .logo::after {
        display: none
    }

    header .holder .rightHolder .profileMenu {
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding: 0
    }

    header .holder .rightHolder .profileMenu .profile {
        display: none
    }

    header .holder .leftHolder .menuHolder nav .mobileProfileMenu {
        display: block
    }
}

header .holder .rightHolder .profileMenu .profile {
    border-radius: 28px;
    padding-right: 24px
}

header .holder .rightHolder .profileMenu .profile::before {
    position: absolute;
    content: "";
    height: 51px;
    border: 1px solid var(--color-border-dark)
}

header .holder .rightHolder .profileMenu .profile .profileImg {
    width: 45px;
    height: 45px;
    margin-left: 25px
}

@media (min-width: 991px)and (max-width: 1340px) {
    header .holder .rightHolder .profileMenu .profile .profileImg {
        width: 40px;
        height: 40px
    }
}

header .holder .rightHolder .profileMenu .profile .profileInfo {
    color: var(--color-white);
    margin: 0;
    padding-left: 15px;
    padding-right: 15px
}

header .holder .rightHolder .profileMenu .profile .profileInfo p {
    font-weight: 600 !important;
    text-wrap: nowrap
}

@media (min-width: 991px)and (max-width: 1340px) {
    header .holder .rightHolder .profileMenu .profile .profileInfo {
        color: var(--color-white);
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        padding-left: 10px
    }
}

header .holder .rightHolder .profileMenu .profile .profileInfo .profileLevel {
    gap: 2px;
    color: var(--color-light-green);
    font-size: 14px;
    margin-top: 2px;
    font-weight: 600
}

header .holder .rightHolder .profileMenu .profile .profileInfo .profileLevel img {
    height: 14px;
    width: 14px;
    margin-left: 0
}

header .holder .rightHolder .profileMenu .profile .dropdownIcon {
    padding-left: 10px
}

header .holder .rightHolder .profileMenu .profile .profileDropdown {
    display: none;
    position: absolute;
    background: var(--color-white);
    z-index: 10;
    top: 128%;
    box-shadow: rgba(0, 0, 0, .05) 0px 1px 30px 21px;
    border-radius: var(--radius-standard);
    padding: 10px
}

header .holder .rightHolder .profileMenu .profile .profileDropdown ul li {
    border-bottom: 1px solid var(--color-border);
    font-size: 17px;
    font-weight: 600;
    padding: 10px 12px;
    color: var(--color-black);
    list-style: none;
    transition-duration: .2s
}

header .holder .rightHolder .profileMenu .profile .profileDropdown ul li:hover, header .holder .rightHolder .profileMenu .profile .profileDropdown ul li.active {
    color: var(--color-primary);
    transition-duration: .2s
}

header .holder .rightHolder .profileMenu .profile .profileDropdown ul li a {
    color: var(--color-light);
    gap: 30px
}

header .holder .rightHolder .profileMenu .profile .profileDropdown ul li a svg {
    width: 22px;
    height: 22px
}

header .holder .rightHolder .profileMenu .profile .profileDropdown ul li:last-child {
    border: none
}

header .holder .rightHolder .profileMenu .profile .profileDropdown ul::before {
    border-bottom: 10px solid var(--color-white);
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: -10px;
    width: 0
}

.helpmyMain {
    word-break: break-word;
    margin-top: 30px;
    margin-bottom: 30px
}

.helpmyMain .helpSection {
    margin-top: 25px
}

.helpmyMain .helpSection .questionContainer {
    width: 70%
}

.helpmyMain .helpSection .questionContainer .mailIcon {
    background: var(--color-primary);
    border-radius: var(--radius-large);
    height: 50px;
    width: 50px
}

.helpmyMain .helpSection .questionContainer .mailIcon svg {
    height: 28px;
    width: 28px;
    color: var(--color-white)
}

.helpmyMain .helpSection .questionContainer .cardInfo .description {
    font-size: var(--font-size-small);
    color: var(--color-light-black);
    font-weight: 600
}

.helpmyMain .helpSection .questionContainer .cardInfo .title {
    font-weight: 600;
    color: var(--color-secondary)
}

.helpmyMain .helpSection .questionContainer .singleMessage {
    margin-bottom: 30px
}

.helpmyMain .helpSection .questionContainer .singleMessage:last-child {
    margin-bottom: 10px
}

.helpmyMain .helpSection .questionContainer .messagesHolder {
    flex-direction: column;
    margin-left: 15px;
    width: 100%
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message {
    width: 100%
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message ul {
    gap: 5px
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message ul li {
    list-style: none;
    font-size: var(--font-size-small);
    font-weight: 500
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message ul li:first-child {
    color: var(--color-primary);
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message ul li:nth-child(2) {
    color: var(--color-grey)
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message ul li:nth-child(3) {
    color: var(--color-light-black)
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message .block {
    border: 1px solid var(--color-border);
    margin-top: 10px;
    padding: 15px 20px;
    border-radius: var(--radius-standard);
    background: var(--color-body-bg);
    width: 100%
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message .block .questionAnswer .question {
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message .block .questionAnswer .answer {
    color: var(--color-light-black);
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-border);
    font-size: 18px
}

.helpmyMain .helpSection .questionContainer .messagesHolder .message .block .questionAnswer:last-child .answer {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.helpmyMain .helpSection .ticketDetails {
    width: 30%
}

.helpmyMain .helpSection .ticketDetails .details {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 30px;
    margin-bottom: 25px
}

.helpmyMain .helpSection .ticketDetails .details.last {
    margin-bottom: 0;
    padding-bottom: 0
}

.helpmyMain .helpSection .ticketDetails .details .ticketTitle {
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--color-grey)
}

.helpmyMain .helpSection .ticketDetails .details ul {
    display: flex;
    flex-direction: column
}

.helpmyMain .helpSection .ticketDetails .details ul li {
    list-style: none
}

.helpmyMain .helpSection .ticketDetails .details ul li {
    margin-bottom: 15px;
    font-size: var(--font-size-small)
}

.helpmyMain .helpSection .ticketDetails .details ul li span {
    font-weight: 600;
    color: var(--color-black)
}

.helpmyMain .helpSection .ticketDetails .details ul li .chip {
    color: var(--color-white);
    background-color: var(--color-light-green);
    border: none;
    border-radius: var(--radius-large);
    padding: 3px 20px;
    white-space: nowrap;
    font-size: var(--font-size-small);
    font-weight: 600;
    border-radius: 12px
}

.helpmyMain .backButton {
    margin-top: 24px;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 576px) {
    .helpmyMain {
        padding: 10px
    }
}

@media screen and (max-width: 768px) {
    .helpmyMain .helpSection {
        flex-direction: column
    }

    .helpmyMain .helpSection .questionContainer {
        width: 100%
    }

    .helpmyMain .helpSection .ticketDetails {
        width: 100%
    }
}

.helpmySection {
    margin-top: 30px
}

.helpmySection .contentSection {
    gap: 55px;
    margin-top: 24px
}

.helpmySection .contentSection .cardSection {
    width: 70%
}

.helpmySection .contentSection .cardSection form .formAttachment {
    cursor: pointer;
    margin-bottom: 20px
}

.helpmySection .contentSection .cardSection form .formAttachment h6 {
    width: 250px;
    font-weight: 500;
    color: var(--color-grey)
}

.trashIconText {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding-right: 10px
}

.trashIconText:hover {
    opacity: .7
}

.selectImageShow {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-grey);
    justify-content: space-between;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin: 5px 0px
}

.selectImageText {
    display: flex;
    align-items: center;
    gap: 10px
}

.selectImageText h2 {
    background: var(--color-purple);
    padding: 0px 20px;
    color: var(--color-white);
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.selectImageText p {
    color: var(--color-grey);
    font-weight: 500;
    font-size: var(--font-size-small)
}

.trashIconText h4 {
    color: var(--color-danger);
    font-weight: 500;
    font-size: var(--font-size-small);
    padding-right: 10px
}

.helpmySection .contentSection .cardSection form .custom-file-upload {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--color-border);
    background-color: var(--color-body-bg);
    justify-content: center;
    border-radius: var(--radius-standard);
    white-space: nowrap;
    padding: 6px;
    margin: 0
}

.helpmySection .contentSection .helpmyContent {
    width: 30%
}

.helpmySection .contentSection .helpmyContent .title {
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 20px
}

.helpmySection .contentSection .helpmyContent ul {
    flex-direction: column
}

.helpmySection .contentSection .helpmyContent ul li {
    font-size: var(--font-size-small);
    font-weight: 400;
    margin-left: 25px;
    color: var(--color-black-light)
}

@media only screen and (max-width: 576px) {
    .helpmySection {
        padding: 10px
    }
}

@media only screen and (max-width: 700px) {
    .helpmySection {
        margin-top: 10px
    }

    .helpmySection .contentSection {
        flex-direction: column;
        gap: 25px
    }

    .helpmySection .contentSection .cardSection {
        width: 100%
    }

    .helpmySection .contentSection .helpmyContent {
        width: 100%
    }

    .helpmySection .contentSection .cardSection form .formAttachment h6 {
        text-wrap: nowrap;
        width: auto
    }

    .helpmySection .contentSection .cardSection form .custom-file-upload {
        width: 200px
    }
}

@media only screen and (max-width: 812px) {
    .helpmySection .contentSection .cardSection form .custom-file-upload ul {
        width: 100%
    }
}

@media only screen and (max-width: 1199px)and (min-width: 813px) {
    .helpmySection .contentSection .cardSection form .custom-file-upload ul {
        width: 50%
    }
}

.helpmySection {
    background-color: var(--color-sidebar-bg);
    word-break: break-word;
    margin-top: 30px
}

.headerContent h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0em;
    color: var(--color-black)
}

.headerContent p {
    margin-top: 10px
}

.helpmyCard {
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    margin-top: 25px
}

@media screen and (max-width: 991px) {
    .helpmyCard.card {
        overflow: auto
    }
}

@media screen and (max-width: 991px) {
    .helpmyCard.card .cardHeader.flex {
        overflow: auto;
        flex-direction: column-reverse
    }
}

.cardHeader {
    padding: 0px 20px;
    border-bottom: 1px solid var(--color-border);
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.cardHeader ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px
}

.cardHeader ul li {
    list-style: none
}

.cardHeader ul li div {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.cardHeader ul li.active div {
    border-bottom: 2px solid var(--color-primary)
}

.cardHeader ul li.active div h6 {
    font-weight: 600;
    color: var(--color-primary);
    margin: 0;
    padding-bottom: 22px;
    padding-top: 22px;
    cursor: pointer
}

.cardHeader ul li div h6 {
    font-weight: 600;
    padding-bottom: 22px;
    padding-top: 22px;
    margin: 0;
    cursor: pointer;
    color: var(--color-grey)
}

.cardHeader ul li div span {
    font-size: var(--font-size-standard);
    font-weight: 600;
    color: var(--color-white);
    width: 23px;
    height: 23px;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.submitCase button {
    display: flex;
    align-items: center;
    background-color: var(--color-secondary);
    border: none;
    width: 250px;
    height: 45px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-white);
    gap: 4px;
    justify-content: center
}

.submitCase span {
    display: flex;
    align-items: center
}

.submitCase a {
    text-decoration: none
}

.catGory {
    background-color: var(--color-sharp-gray);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    gap: 18px;
    border-radius: 12px
}

.caseName table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

.closePro img {
    width: 20px
}

.caseName table th, td {
    font-size: var(--font-size-standard);
    font-weight: 600
}

.caseName table th {
    font-size: var(--font-size-small);
    font-weight: 400;
    color: var(--color-grey);
    padding: 1rem
}

.caseName table tr {
    border: 1px solid var(--color-border);
    text-align: left;
    padding: 8px;
    border-top: none;
    font-weight: 500
}

.caseName table tr:first-child {
    background-color: var(--color-sharp-gray)
}

.caseName table tr:nth-child(3) {
    border-bottom: none
}

.caseName table tr th {
    border-bottom: 1px solid var(--color-border)
}

.beingPro {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
    color: var(--color-success)
}

.beingPro.noPadLeft {
    padding-left: 0;
    cursor: pointer
}

.beingPro img {
    margin-right: 5px
}

.closePro {
    display: flex;
    background: var(--color-danger);
    align-items: center;
    justify-content: space-evenly;
    border-radius: 50px;
    height: 22px;
    padding: 16px 20px;
    color: var(--color-white);
    text-decoration: none
}

.closePro h6 {
    font-weight: 500
}

.resultRea {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
    color: var(--color-secondary)
}

.resultRea.noPadLeft {
    padding-left: 0;
    cursor: pointer
}

.resultRea img {
    margin-right: 5px
}

.caseName table tr:nth-child(2) td:first-child {
    color: var(--color-grey);
    font-weight: 600
}

.caseName table tr:nth-child(2) td:nth-child(2) {
    color: var(--color-light-black);
    padding: 1.4rem;
    cursor: pointer
}

.caseName table tr:nth-child(2) td:nth-child(3) {
    color: var(--color-grey);
    padding: 1.4rem;
    font-weight: 600
}

.caseName table tr:nth-child(2) td:nth-child(5) {
    color: var(--color-light-black);
    padding: 1.4rem;
    font-weight: 600
}

.caseName table tr:nth-child(2) td:nth-child(6) {
    color: var(--color-primary);
    padding: 1.4rem;
    font-weight: 600;
    cursor: pointer
}

.caseName table tr:nth-child(2) td:nth-child(7) {
    color: var(--color-purple);
    padding: 1.4rem;
    font-weight: 500
}

.caseName table tr:nth-child(3) td:first-child {
    color: var(--color-grey);
    padding: 1.4rem;
    font-weight: 600
}

.caseName table tr:nth-child(3) td:nth-child(2) {
    color: var(--color-light-black);
    padding: 1.4rem;
    cursor: pointer
}

.caseName table tr:nth-child(3) td:nth-child(3) {
    color: var(--color-grey);
    padding: 1.4rem;
    font-weight: 600
}

.caseName table tr:nth-child(3) td:nth-child(5) {
    color: var(--color-light-black);
    padding: 1.4rem;
    font-weight: 600
}

.caseName table tr:nth-child(3) td:nth-child(6) {
    color: var(--color-light-black);
    padding: 1.4rem;
    color: var(--color-primary);
    cursor: pointer
}

.caseName table tr:nth-child(3) td:nth-child(7) {
    color: var(--color-purple);
    padding: 1.4rem;
    font-weight: 500
}

.open-case {
    display: table-row
}

.submit-row {
    background-color: var(--color-sharp-gray);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    gap: 18px
}

@media screen and (max-width: 768px) {
    .helpmySection {
        word-break: normal;
        padding: 0
    }

    .helpmyCard {
        overflow: scroll;
        white-space: nowrap
    }

    .cardHeader ul {
        padding: 0px 68px 0px 0px
    }

    .caseName table th {
        font-size: 15px
    }

    .caseName table th, td {
        font-size: 15px
    }

    .cardHeader ul li:first-child div h3 {
        font-size: 15px
    }

    .cardHeader ul li:nth-child(2) div h3 {
        font-size: 15px
    }

    .cardHeader ul li:first-child div span {
        font-size: 13px;
        width: 17px;
        height: 16px
    }

    .cardHeader ul li:nth-child(2) div span {
        font-size: 13px;
        width: 17px;
        height: 16px
    }

    .closePro {
        height: 22px;
        gap: 4px;
        padding: 16px 8px
    }

    .resultRea {
        height: 22px;
        gap: 4px;
        padding: 16px 8px
    }

    .resultRea h3 {
        font-size: 11px
    }

    .submitCase button {
        width: 200px;
        height: 45px;
        border-radius: 12px;
        font-size: 15px
    }

    .cardHeader {
        margin-right: 70px
    }
}

.subscriptionContainer {
    background-color: var(--color-sidebar-bg);
    padding: 30px 60px
}

.subscriptionTitle p {
    color: var(--color-grey);
    margin-top: 10px
}

.subscriptionTable {
    margin-top: 30px
}

.subscriptionTable table {
    border-collapse: collapse
}

.subscriptionTable table th {
    text-align: left;
    background-color: var(--color-light-orange);
    font-size: 22px;
    font-weight: 700;
    color: var(--color-primary);
    padding: 15px 20px
}

.subscriptionTable table tr {
    background-color: var(--color-sidebar-bg);
    border-bottom: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
    border-left: 1px solid var(--color-black)
}

.subscriptionTable table tr:first-child {
    border: none;
    background-color: var(--color-sidebar-bg)
}

.subscriptionTable table tr:nth-child(2) {
    border: none;
    background-color: var(--color-sidebar-bg)
}

.subscriptionTable table tr:first-child td:nth-child(2) {
    border: 1px solid var(--color-black);
    background-color: var(--color-success);
    color: var(--color-white);
    text-align: center
}

.subscriptionTable table tr:first-child td:nth-child(3) {
    border: 1px solid var(--color-black);
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-align: center
}

.subscriptionTable table tr:nth-child(2) td:nth-child(2) {
    border-left: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black)
}

.subscriptionTable table tr:nth-child(2) td:nth-child(3) {
    border-right: 1px solid var(--color-black)
}

.subscriptionTable table tr:nth-child(2) td:nth-child(2) h2 {
    margin: 0;
    text-align: center;
    color: var(--color-primary);
    font-size: 34px;
    font-weight: 700
}

.subscriptionTable table tr:nth-child(2) td:nth-child(3) h2 {
    margin: 0;
    text-align: center;
    color: var(--color-primary);
    font-size: 34px;
    font-weight: 700
}

.subscriptionTable table tr:nth-child(2) td:nth-child(3) h3 {
    margin: 0;
    text-align: center;
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 600
}

.subscriptionTable table tr:nth-child(3) td:nth-child(2) {
    border-left: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
    text-align: center
}

.subscriptionTable table tr:nth-child(3) td:nth-child(2) span {
    position: relative;
    top: -22px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary)
}

.subscriptionTable table tr:nth-child(3) td:nth-child(3) {
    border-right: 1px solid var(--color-black);
    text-align: center
}

.subscriptionTable table tr:nth-child(3) td:nth-child(3) button {
    white-space: nowrap;
    padding: 8px;
    border-radius: 12px;
    border: none;
    background-color: var(--color-primary);
    font-size: 15px;
    font-weight: 600;
    color: var(--color-white);
    position: relative;
    top: -22px
}

.subscriptionTable table tr:nth-child(3) th {
    border-top: 1px solid var(--color-black)
}

.subscriptionTable table b {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-black)
}

.subscriptionTable table td {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
    padding: 15px 20px
}

.descriptionRow {
    display: none;
    background-color: var(--color-white) !important
}

.expandButton {
    cursor: pointer;
    display: none;
    width: 15px;
    height: 15px
}

.expandData span {
    background: var(--color-navbar-bg);
    width: 25px;
    height: 25px;
    min-width: 25px;
    border-radius: 4px;
    color: var(--color-white);
    display: none;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 576px) {
    .helpmyMain {
        padding: 10px
    }

    .tableContentHide {
        display: none
    }

    .expandButton {
        display: inline
    }

    .expandData {
        display: block;
        align-items: center;
        gap: 5px
    }

    .subscriptionContainer {
        padding: 30px 20px
    }

    .subscriptionTable table td {
        padding: 15px 9px
    }

    .subscriptionTable table b {
        font-size: 16px
    }

    .caseName table {
        width: 100vh !important
    }

    .submit-row {
        background-color: var(--color-sharp-gray);
        width: 100vh
    }

    .helpmyMain .helpSection .questionContainer .messagesHolder .message ul {
        display: block !important
    }

    .exclusive .goBack {
        justify-content: center
    }

    .expandData span {
        display: flex
    }
}

@media only screen and (max-width: 992px) {
    .subscriptionTable {
        overflow: scroll
    }
}

.searchResultsPage {
    margin-top: 24px;
    margin-bottom: 24px
}

.searchResultsPage .searchBarHolder {
    margin-bottom: 34px
}

.searchResultsPage .searchBarHolder .resultsFound {
    font-size: 14px;
    display: block;
    color: var(--color-secondary)
}

.searchResultsPage .searchBarHolder .searchBar {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-small);
    height: 45px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    max-width: 350px
}

.searchResultsPage .searchBarHolder .searchBar input {
    background: rgba(0, 0, 0, 0);
    border: 0;
    outline: 0;
    height: 100%;
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    color: var(--color-black)
}

.searchResultsPage .searchBarHolder .searchBar input::placeholder {
    color: var(--color-grey)
}

.searchResultsPage .resultsHolder {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 24px
}

.searchResultsPage .resultsHolder .card {
    cursor: pointer;
    transition-duration: .3s
}

.searchResultsPage .resultsHolder .card:hover {
    transform: translateY(-5px);
    transition-duration: .3s
}

.searchResultsPage .resultsHolder .card .card-image-holder {
    position: relative
}

.searchResultsPage .resultsHolder .card .card-image-holder .card-image-full {
    width: 100%;
    height: auto
}

.searchResultsPage .resultsHolder .card .card-image-holder .icons {
    position: absolute;
    bottom: -15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 14px
}

.searchResultsPage .resultsHolder .card .card-image-holder .icons .heartIcon {
    background-color: var(--color-white);
    padding: 4px 6px 0px 6px;
    border-radius: 50%;
    position: unset !important
}

.SuggestionContent .heartIcon {
    position: unset !important
}

.searchResultsPage .resultsHolder .card .card-image-holder .icons .webniar {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: var(--color-light-white);
    border-radius: 50px;
    padding: 5px 12px
}

.searchResultsPage .resultsHolder .card .card-image-holder .icons .webniar .wrapperWebniar p {
    color: var(--color-purple);
    font-size: 16px;
    font-weight: 600
}

.searchResultsPage .resultsHolder .card .card-content .card-title {
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
    transition-duration: .3s
}

.searchResultsPage .resultsHolder .card:hover .card-title {
    color: var(--color-primary);
    transition-duration: .3s
}

.searchResultsPage .resultsHolder .card .card-content .card-para-info {
    color: var(--color-light-black);
    font-size: 16px
}

.searchResultsPage .paginationHolder {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin-top: 50px
}

.searchResultsPage .paginationHolder .paginate {
    border-radius: var(--radius-standard);
    border: 1px solid var(--color-border);
    background: var(--color-light-white);
    padding: 8px 10px 6px 10px;
    cursor: pointer;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .3s
}

.searchResultsPage .paginationHolder .paginate.active, .searchResultsPage .paginationHolder .paginate:hover {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
    transition-duration: .3s
}

.menuHolder .active::after {
    color: var(--color-primary);
    border-bottom: 4px solid var(--color-primary);
    content: "";
    position: absolute;
    bottom: -8px;
    width: 100%;
    height: 2px
}

.userBar {
    padding-left: 21px !important
}

.searchResultsPage .paginationHolder .paginate:hover svg path {
    fill: var(--color-white)
}

@media screen and (max-width: 576px) {
    .searchResultsPage .resultsHolder {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .flex.searchBarHolder {
        display: block
    }

    .searchResultsPage .searchBarHolder .searchBar {
        margin-left: 0px;
        margin-top: 20px
    }
}

@media (min-width: 576px)and (max-width: 991px) {
    .searchResultsPage .resultsHolder {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.sidebar {
    background-color: var(--color-white)
}

.mainHero {
    flex-direction: row
}

.rightbar {
    height: 100%;
    padding-bottom: 0
}

.leftSideBar {
    width: 355px;
    border-right: 1px solid var(--color-border);
    background: var(--color-white);
    min-height: calc(100vh - 71px);
    height: auto
}

.detailProfile {
    padding: 13px 24px 0 24px
}

.profileImg img {
    border-radius: 50%;
    width: 98px;
    width: 98px
}

.profileContent ul {
    flex-direction: column
}

.profileContent h5 {
    color: var(--color-black);
    font-weight: 700
}

.profileContent ul li {
    font-size: var(--font-size-small);
    color: var(--color-success);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em
}

.profileContent ul li .introductory {
    font-size: var(--font-size-small);
    color: var(--color-success);
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em
}

.profileContent ul li svg {
    margin-left: 5px;
    margin-right: 2px
}

.profileContent ul li svg path {
    fill: var(--color-success)
}

.profileContent ul li span {
    color: var(--color-grey);
    font-size: var(--font-size-small);
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em
}

#daStar {
    width: 20px;
    height: 20px
}

.scoreCard {
    padding: 4px 15px;
    margin-top: 20px
}

.scoreCard p:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-light-black);
    font-size: var(--font-size-small);
    font-weight: 500;
    margin: 10px 0px
}

.scoreCard p span, .subscriptionCard p:first-child span {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    font-size: var(--font-size-smaller);
    color: var(--color-grey);
    fill: var(--color-grey)
}

.scoreCard p span img, .subscriptionCard p:first-child span img {
    height: 14px
}

.scoreCard progress[value] {
    --color: var(--color-primary);
    --background: var(--color-sharp-gray);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    border-radius: 10em;
    background: var(--background)
}

.scoreCard progress[value]::-webkit-progress-bar {
    border-radius: 10em;
    background: var(--background)
}

.scoreCard progress[value]::-webkit-progress-value {
    border-radius: 10em;
    background: var(--color)
}

.scoreCard progress[value]::-moz-progress-bar {
    border-radius: 10em;
    background: var(--color)
}

label {
    font-size: 8px;
    font-weight: bold;
    display: block
}

.scoreCard p:nth-child(3) {
    gap: 5px;
    color: var(--color-primary);
    font-size: var(--font-size-small);
    font-weight: 500;
    margin: 10px 0 5px 0;
    justify-content: center
}

.scoreCard p:nth-child(3) span {
    color: var(--color-secondary)
}

.subscriptionCard {
    padding: 6px 12px;
    margin-top: 12px
}

.subscriptionCard p:first-child {
    font-size: var(--font-size-smaller);
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    color: var(--color-light-black);
    margin: 10px 0px
}

.subscriptionCard p:nth-child(2) {
    color: var(--color-grey);
    font-size: var(--font-size-smaller);
    font-weight: 400;
    margin: 10px 0px
}

.subscriptionCard p:nth-child(2) span {
    color: var(--color-success);
    font-weight: 500
}

.subscriptionCard p:nth-child(3) {
    color: var(--color-grey);
    font-size: var(--font-size-smaller);
    font-weight: 400;
    margin: 10px 0px
}

.subscriptionCard p:nth-child(3) span {
    font-weight: 500
}

.cancel-title {
    font-size: var(--font-size-smaller);
    color: var(--color-danger) !important;
    border-bottom: 1px dashed var(--color-danger-light);
    width: max-content;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 12px
}

.view-title {
    font-size: var(--font-size-smaller);
    color: var(--color-purple) !important;
    border-bottom: 1px dashed var(--color-purple);
    width: max-content;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 12px
}

.profileTabs {
    border-bottom: 1px solid var(--color-border);
    padding-top: 30px
}

.profileTabs ul {
    flex-direction: row;
    list-style: none
}

.profileTabs ul li.TabButton {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--color-white);
    background-color: var(--color-white);
    margin: 0;
    font-size: var(--font-size-smaller);
    font-weight: 400;
    line-height: var(--font-size-small);
    color: var(--color-light-black);
    padding: 16px 0;
    cursor: pointer;
    white-space: nowrap;
    text-align: center
}

.profileTabs ul li.TabButtonSelected {
    color: var(--color-black) !important;
    border-bottom-color: 1px solid var(--color-light-black) !important;
    font-weight: 600
}

.profileTabs ul li.TabButton a {
    color: var(--color-light-black)
}

.profileTabs ul li.TabButtonSelected a {
    color: var(--color-black)
}

.detailTab {
    display: flex;
    margin: 24px 0;
    padding: 0 24px 0 36px
}

.detailTab ul {
    flex-direction: column;
    gap: 24px
}

.detailTab button {
    gap: 5px;
    background: var(--color-light-white);
    padding: 5px 10px 5px 7px;
    border-radius: var(--font-size-smaller);
    cursor: pointer;
    color: var(--color-purple);
    font-size: 15px;
    font-weight: 600;
    border: none;
    white-space: nowrap
}

.detailTab button span {
    gap: 5px;
    border-radius: var(--font-size-smaller)
}

.addressDetail h4 {
    margin-bottom: 0 !important
}

.addressDetail {
    flex-direction: column;
    gap: 4px
}

.rightbar {
    width: 100%
}

.leftSideBar {
    display: block
}

.sideBarClose img {
    text-align: end;
    display: none
}

.detailTab h4 {
    margin: 0;
    color: var(--color-grey);
    font-size: var(--font-size-smaller);
    font-weight: 400;
    margin-bottom: 5px
}

.detailTab h5 {
    margin: 0;
    color: var(--color-black);
    font-size: var(--font-size-small);
    font-weight: 500;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.tooltip {
    position: relative;
    display: inline-block
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: var(--color-black);
    color: var(--color-white) !important;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: -14px;
    left: 130%
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -6px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) var(--color-black) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

.showCard {
    display: block !important
}

.d-chart-n {
    display: none
}

.d-chart-show {
    display: block
}

.tabContainer nav ul li a {
    text-decoration: none;
    color: var(--color-light-black)
}

.tabContainer nav ul li a.active {
    color: var(--color-white);
    background-color: var(--color-secondary)
}

.tabContainer nav ul li a {
    padding: 10px 20px;
    border-radius: 22px;
    display: block
}

.tabContainer nav ul a {
    text-decoration: none;
    color: var(--color-light-black)
}

.Mymenu-bar svg {
    width: 30px;
    height: 20px;
    display: none;
    cursor: pointer
}

body:has(.showSideBar) {
    overflow: hidden
}

@media only screen and (max-width: 450px) {
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: var(--color-black);
        color: var(--color-white);
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        top: 21px;
        right: -100px;
        left: unset
    }

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: -5px;
        right: 51%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--color-black) rgba(0, 0, 0, 0)
    }
}

@media only screen and (max-width: 400px) {
    .profile {
        flex-direction: column
    }

    .detailTab ul li {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
        gap: 10px;
        align-items: normal
    }
}

@media only screen and (max-width: 991px) {
    .leftSideBar {
        display: none;
        position: fixed;
        background-color: var(--color-white);
        z-index: 9999;
        width: 100%;
        height: 100%;
        top: 0;
        max-width: 100%;
        overflow: auto
    }

    .sideBarClose img {
        display: block;
        cursor: pointer
    }

    .showSideBar {
        display: block !important
    }

    .scoreCard progress[value] {
        width: 100%
    }

    .Mymenu-bar svg {
        display: block;
        width: 40px;
        height: 30px
    }

    .tabContainer {
        display: flex;
        align-items: center;
        padding-left: 35px !important
    }

    .tabContainer .Mymenu-bar {
        position: absolute;
        left: 0;
        background-color: var(--color-white)
    }
}

@media (min-width: 3200px) {
    .leftSideBar {
        height: 100%
    }
}

body:has(.showModal) {
    overflow: hidden
}

.tabContainer {
    width: 100%;
    border-bottom: 1px solid var(--color-border);
    padding: 10px 0;
    background-color: var(--color-white)
}

.tabContainer nav ul {
    display: flex;
    gap: 6px;
    font-size: 17px;
    font-weight: 500;
    margin: 0px;
    align-items: center;
    color: var(--color-light-black);
    padding: 0 20px
}

.tabContainer nav ul li {
    list-style: none
}

.mainScoreU {
    border: 1px solid var(--color-border);
    background-color: var(--color-white);
    border-radius: 12px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15)
}

.firParaU {
    font-size: 17px;
    font-weight: 500;
    margin: 0px;
    color: var(--color-secondary)
}

.subScoreU {
    width: 54%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 150px
}

.SpecifyIns {
    padding: 15px 20px
}

.SpecifyIns form {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.updInfo {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid var(--color-sharp-gray)
}

.input-row {
    display: flex;
    justify-content: space-between
}

.input-row label, .input-rowSec label {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-light-black)
}

.input-row label span, .input-rowSec label span {
    color: var(--color-danger)
}

.input-row input, .input-rowSec input {
    width: 100%;
    color: var(--color-black);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 15px;
    height: 45px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
    background-color: var(--color-body-bg);
    margin-top: 6px
}

.input-row input::placeholder, .input-rowSec input::placeholder {
    color: var(--color-border)
}

.inputWrapper {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px
}

.inputWrapper label {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.inputWrapper label span {
    color: red
}

.inputWrapper input {
    width: 100%;
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 400;
    border-radius: 12px;
    border: 1px solid var(--color-border);
    background-color: var(--color-body-bg);
    margin-top: 6px;
    padding: 14px 10px !important
}

.inputWrapper select {
    width: 100%;
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 400;
    border-radius: 12px;
    border: 1px solid var(--color-border);
    background-color: var(--color-body-bg);
    margin-top: 6px;
    padding: 14px 10px !important
}

.inputWrapper input::placeholder {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 55555
}

body:has(.showModal) .overlay {
    display: block
}

.cancel-Subscription-popup {
    width: 550px;
    background: var(--color-white);
    margin: auto;
    border-radius: 12px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border: 1px solid var(--color-border);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15)
}

.cancel-Subscription-popup .popup-content {
    padding-top: 15px
}

.cancel-Subscription-popup .cancel-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--color-border);
    padding: 10px 20px;
    height: 60px
}

.cancel-top-bar span {
    display: flex;
    align-items: center;
    gap: 10px
}

.cancel-top-bar h2 {
    font-size: 17px;
    font-weight: 500;
    color: var(--color-grey)
}

.cancel-img {
    width: 20px;
    height: 18px;
    object-fit: cover
}

.popup-content {
    padding: 0px 20px 20px 20px
}

.popup-content iframe {
    border-radius: 12px
}

.cross-img {
    width: 17px;
    height: 17px;
    object-fit: cover;
    cursor: pointer
}

.cross-img:hover {
    transition-duration: .3s;
    opacity: .6
}

.popup-content p {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black)
}

.note-tittle {
    margin: 0;
    padding: 0
}

.popup-content ul {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
    list-style: auto;
    padding-left: 35px;
    line-height: 26px;
    margin: 0;
    margin-top: 10px
}

.popup-buttons {
    margin: 0 20px 20px 20px
}

.warning-btn {
    font-size: 15px;
    font-weight: 600;
    background: var(--color-danger);
    height: 45px;
    padding: 0px 20px;
    color: var(--color-white);
    border-radius: 8px;
    cursor: pointer;
    transition-duration: .3s;
    border: 1px solid var(--color-danger)
}

.warning-btn:hover {
    color: var(--color-danger);
    background: var(--color-white);
    transition-duration: .3s
}

.primary-btn {
    font-size: 15px;
    font-weight: 600;
    background: var(--color-secondary);
    height: 45px;
    padding: 0px 20px;
    color: var(--color-white);
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid var(--color-secondary)
}

.primary-btn:hover {
    color: var(--color-secondary);
    background: var(--color-white);
    transition-duration: .3s
}

.scoreLevel1 {
    position: fixed;
    inset: 0;
    display: block !important;
    z-index: 555555;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity .3s ease, transform .3s ease;
    visibility: hidden
}

.showModal {
    opacity: 1 !important;
    transform: scale(1) !important;
    visibility: visible
}

.daiKir {
    width: 48%
}

#closeIconI {
    cursor: pointer
}

#closeIconP {
    cursor: pointer
}

#closeIconS {
    cursor: pointer
}

#closeIconB {
    cursor: pointer
}

.billing {
    margin-top: 10px
}

.exclusive {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 14px
}

.exclusive img {
    width: 148px;
    height: 148px
}

.exclusive h1 {
    margin: 0;
    font-size: 29px;
    font-weight: 700;
    color: var(--color-primary);
    text-align: center
}

.exclusive p {
    margin: 0;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-light-black);
    margin-top: 10px
}

.exclusive ul {
    display: flex;
    padding: 0;
    gap: 20px;
    margin: 20px 0
}

.exclusive ul li {
    list-style: none
}

.exclusive .goBack {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-secondary);
    gap: 6px;
    border-radius: 10px;
    padding: 5px 14px;
    text-align: center;
    background-color: var(--color-white);
    height: 40px
}

.exclusive .goBack img {
    width: 25px;
    height: 25px
}

.exclusive .goBack h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-secondary);
    text-align: center
}

.exclusive .subPlan {
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    padding: 5px 14px;
    text-align: center;
    background-color: var(--color-secondary);
    height: 40px;
    border: none
}

.exclusive .subPlan img {
    width: 20px;
    height: 20px
}

.exclusive .subPlan h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-white);
    text-align: center
}

.overlaySub {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 55555
}

@media only screen and (max-width: 400px) {
    .exclusive ul {
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: 20px
    }
}

@media only screen and (max-width: 600px) {
    .mainScoreU {
        width: 100%
    }

    .primary-btn {
        margin-left: 0px;
        margin-top: 20px
    }

    .cancel-Subscription-popup {
        width: 100%
    }

    .SpecifyIns {
        width: 100%
    }

    .input-row {
        display: flex;
        flex-direction: column
    }

    .input-row #fname {
        width: 100%
    }

    .input-row #lname {
        width: 100%
    }

    .input-rowSec #email {
        width: 100%
    }

    #spcfrm {
        justify-content: normal;
        display: block
    }

    .daiKir {
        width: 100%;
        margin-top: 18px
    }
}

.helpSubmitCheckbox {
    margin: 10px 0
}

.helpSubmitCheckbox .checkBox {
    border: 1px solid var(--color-primary);
    background-color: rgba(0, 0, 0, 0)
}

.helpSubmitCheckbox .interestItemTitle input:checked ~ .checkBox {
    background-color: var(--color-primary)
}

.rightbarr {
    width: 100%
}

.interestCard {
    margin: 24px
}

.pageDescription {
    margin-bottom: 25px
}

.tabContainer nav ul {
    display: flex;
    gap: 8px;
    font-size: 18px;
    font-weight: 400;
    padding-left: 8px;
    margin: 0px;
    align-items: center;
    color: var(--color-light-black)
}

.tabContainer nav ul li {
    list-style: none
}

.interestPaper {
    border: 1px solid var(--color-border);
    background-color: var(--color-white);
    border-radius: var(--radius-standard)
}

.heading {
    padding: 20px
}

.myInterestContainer {
    justify-content: center;
    background-color: var(--color-sidebar-bg);
    padding: 20px 20px;
    min-height: calc(100vh - 170px)
}

.interestItemTitle {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    font-size: 18px;
    color: var(--color-light-black)
}

.interestItemTitle input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkBox {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--color-border);
    border-radius: 6px
}

.interestItemTitle:hover input ~ .checkBox {
    background-color: var(--color-border)
}

.interestItemTitle input:checked ~ .checkBox {
    background-color: var(--color-secondary)
}

.checkBox:after {
    content: "";
    position: absolute;
    display: none
}

.interestItemTitle input:checked ~ .checkBox:after {
    display: block
}

.interestItemTitle .checkBox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid var(--color-white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.interestListRow {
    display: flex;
    flex-direction: column;
    width: 33.33%
}

.chooseBox label {
    font-weight: none
}

.Updatebtn {
    margin-top: 15px
}

.Updatebtn button {
    padding: 15px 30px;
    color: var(--color-white);
    background-color: var(--color-secondary);
    border: none;
    border-radius: var(--radius-standard);
    font-size: 17px;
    font-weight: 500;
    transition-duration: .3s;
    cursor: pointer
}

.Updatebtn button:hover {
    opacity: .9;
    transition-duration: .3s
}

.previewImages img {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    cursor: pointer
}

.previewImages .image {
    position: relative
}

.previewImages .image:hover span.imageTooltip {
    visibility: visible
}

.previewImages span.imageTooltip {
    position: absolute;
    width: 100%;
    left: 0;
    top: -34px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    visibility: hidden
}

.previewImages span.imageTooltip::before {
    content: "";
    position: absolute;
    top: unset;
    bottom: -13px;
    left: 10px;
    border-width: 7px;
    border-style: solid;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 991px) {
    .rightbar {
        width: 100% !important
    }

    .totalSco progress {
        width: 100% !important
    }

    .mainScore {
        border-radius: 0px !important
    }

    .scoreLevel {
        width: 100% !important;
        padding: 0
    }

    .tabContainer nav {
        overflow: scroll
    }

    .tabContainer nav ul {
        white-space: nowrap
    }

    .tabContainer nav::-webkit-scrollbar {
        width: 0px;
        height: 0
    }

    .chooseBox {
        display: flex;
        flex-direction: column;
        align-items: start
    }

    .interestListRow {
        width: 100%
    }
}

.WrapperSection {
    padding: 0px 20px
}

.HeroCards {
    justify-content: space-between;
    margin-top: 20px;
    align-items: stretch
}

.AgendaNewsCard {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .04);
    width: 49%
}

.AgendaNewsCardPage {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .04);
}

.videoCardFooter iframe {
    border-radius: 12px
}

.newListTittleHeading {
    text-align: center
}

.newListTittleHeading h3 {
    margin: 0px;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 26px;
    font-weight: 800
}

.newListTittleHeading p {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600
}

.newList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border);
    padding: 22px 0px;
    margin: 0px 16px;
    cursor: pointer
}

.newListBorderNone {
    border: none !important
}

.newListTittle {
    display: flex;
    align-items: center;
    gap: 20px
}

.newDistribution h4, p {
    margin: 0px
}

.newDistribution h4 {
    color: var(--color-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-standard);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 6px
}

.newDistribution p {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.NewsButton {
    text-align: center;
    border-radius: 12px;
    background: var(--color-secondary);
    border-color: var(--color-secondary)
}

.NewsButton h3 {
    margin: 0px;
    color: var(--color-white);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 400;
    cursor: pointer;
    padding: 6px 12px
}

.newCardFooter h5 {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 0px;
    padding: 40px 0px
}

.newViewMore {
    display: flex;
    justify-content: center;
    padding: 20px 0px;
}

.videoCard {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .04);
    width: 49%
}

.videoCardFooter {
    padding: 24px
}

.videoCardFooter h5, p {
    margin: 0px
}

.videoCardFooter h5 {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.videoCardFooter p {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 400
}

.SuggestionWrapper {
    padding: 0px 20px
}

.SuggestionWrapperHeading h4 {
    text-align: center;
    color: var(--color-black);
    font-family: "Inter", sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin: 70px 0px 50px 0px
}

.SuggestionWrapperCard {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 45px
}

.SuggestionContent {
    border-radius: 12px 12px 8px 8px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .15)
}

.wrapperDoctor {
    position: relative
}

.wrapperDoctor img {
    width: 100%;
    height: auto
}

.SuggestionContentIcons {
    position: absolute;
    bottom: -15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px 14px
}

.heartIcon {
    background-color: var(--color-white);
    padding: 4px 6px 0px 6px;
    border-radius: 50%
}

.wrapperWebniar {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: var(--color-light-white);
    border-radius: 50px;
    padding: 5px 12px
}

.wrapperWebniar p {
    color: var(--color-purple);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 600
}

.SuggestionWrapperCardFooter {
    padding: 0px 14px
}

.SuggestionWrapperCardFooter h5 {
    padding-top: 25px;
    margin: 0px;
    color: var(--color-black);
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 700
}

.SuggestionWrapperCardFooter p {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    padding-top: 8px;
    margin-bottom: 25px
}

.suggestionsButton {
    margin: auto;
    margin-top: 45px;
    margin-bottom: 50px
}

.swiper-button-prev:after {
    content: url(/assets/images/arrow-up.svg) !important;
    background-color: var(--color-white);
    border-radius: 50%;
    padding: 2px 6px 1px 6px;
    margin-left: 20px
}

.swiper-button-next:after {
    content: url(/assets/images/arrow-right.svg) !important;
    border-radius: 50%;
    padding: 2px 6px 1px 6px;
    background-color: var(--color-white);
    margin-right: 20px
}

.swiper-wrapper {
    margin-bottom: 50px
}

.swiper-wrapper img {
    width: 100%
}

.MicroWrapperCard {
    margin: 0px 22px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .04)
}

.MicroWrapperHeader {
    border-bottom: 1px solid var(--color-border)
}

.MicroWrapperHeader h3 {
    margin: 0px;
    padding: 22px 17px;
    color: var(--color-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-standard);
    font-weight: 600;
    line-height: normal
}

.MicroWrapperdescription {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 30px;
    margin-top: 37px;
    margin-bottom: 35px;
    padding: 0px 20px
}

.MicroWrapperText {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px
}

.MicroWrapperIcon {
    border: 1px solid var(--Primary, #ef8933);
    min-width: 85px;
    height: 85px;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center
}

.MicroWrapperIcon svg {
    min-width: 50px;
    height: 50px
}

.MicroWrapperIcon svg path {
    fill: #ef8933
}

.alreadySubscribedCard p.card-description {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-primary)
}

.enfermedadesText h4, h6 {
    margin: 0px
}

.enfermedadesText h4 {
    color: var(--color-secondary);
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px
}

.enfermedadesText p {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-standard);
    font-weight: 400
}

.enfermedadesText h6 {
    margin-top: 14px;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 600;
    cursor: pointer
}

.wrapperDoctors {
    margin-top: 86px;
    margin-bottom: 38px;
    text-align: center
}

.wrapperDoctors h4 {
    margin: 0px;
    color: var(--color-black);
    font-family: "Inter", sans-serif;
    font-size: 36px;
    font-weight: 700
}

.wrapperFooter {
    background: rgba(26, 178, 168, .3);
    padding-bottom: 40px
}

.wrapperFooter h3 {
    padding-top: 63px;
    padding-bottom: 15px;
    margin: 0px;
    color: var(--color-black);
    font-family: "Inter", sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-align: center
}

.footerButton {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    background-color: #f36;
    width: 18%;
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 12px;
    border: 1px solid #f36
}

.footerButton h4 {
    margin: 0px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-standard);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 10px 0px
}

.mySwiper {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden !important;
    margin: 0px 20px
}

.mySwiper .swiper-slide {
    border-radius: 12px;
    border: 1px solid var(--color-sharp-gray);
    background: var(--color-white);
    padding: 45px 31px
}

.mySwiper .swiper-slide p {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-style: normal
}

.mySwiper .swiper-slide h2 {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-standard);
    font-style: normal;
    font-weight: 600
}

.mySwiper .swiper-slide img {
    width: 86px;
    position: absolute;
    top: 18px
}

.swiperslideCardIcon {
    position: absolute;
    top: 30px;
    left: 10px;
    z-index: -1
}

@media screen and (max-width: 576px) {
    .newList {
        display: block
    }

    .HeroCards {
        display: block
    }

    .AgendaNewsCard {
        width: 100%
    }

    .videoCard {
        width: 100%;
        margin-top: 10px
    }

    .wrapperDoctors h4 {
        font-size: 20px
    }

    .wrapperDoctors {
        margin: 40px 0px
    }

    .SuggestionWrapperHeading h4 {
        font-size: 20px;
        margin: 40px 0px 40px 0px
    }

    .MicroWrapperdescription {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .SuggestionWrapperCard {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }

    .wrapperFooter h3 {
        font-size: 30px
    }

    .footerButton {
        width: 80%
    }

    .mySwiper .swiper-button-prev:after {
        position: absolute;
        bottom: -164px;
        right: -110px
    }

    .mySwiper .swiper-button-next:after {
        position: absolute;
        bottom: -164px;
        right: 100px
    }

    .mySwiper .swiper-slide p {
        font-size: 17px
    }
}

@media (min-width: 576px)and (max-width: 991px) {
    .HeroCards {
        display: block
    }

    .AgendaNewsCard {
        width: 100%
    }

    .videoCard {
        width: 100%;
        margin-top: 10px
    }

    .MicroWrapperdescription {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .SuggestionWrapperCard {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }

    .suggestionsButton {
        width: 100%
    }

    .footerButton {
        width: 50%
    }
}

@media (min-width: 991px)and (max-width: 1280px) {
    .footerButton {
        width: 25%
    }

    .suggestionsButton {
        width: 25%
    }
}

.paymentCard {
    margin: 24px
}

.paymentCard .pageDescription {
    font-size: 16px;
    color: var(--color-black-light)
}

.emptyPageDescription {
    background-color: var(--color-sharp-gray);
    border-radius: var(--radius-standard);
    padding: 20px;
    text-align: center
}

.paymentCard .filter {
    width: 100%;
    background-color: var(--color-white);
    margin-top: 25px
}

.caseName table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

.caseName table th, td {
    padding: 12px 0px 12px 22px;
    width: 95px
}

.closePro img {
    width: 20px
}

.caseName table th, td {
    font-size: 15px;
    font-weight: 500
}

.caseName table th {
    font-size: 17px;
    font-weight: 400;
    color: var(---color-grey)
}

.caseName table td {
    font-size: 16px;
    font-weight: 600
}

.caseName table tr {
    border: 1px solid var(--color-border);
    text-align: left;
    padding: 8px;
    border-left: none;
    border-right: none;
    border-top: none
}

.caseName table tr:first-child {
    background-color: var(--color-sharp-gray);
    border-top-left-radius: 12px;
    border-bottom: none
}

.caseName table tr:last-child {
    border-top-left-radius: 12px;
    border-bottom: none
}

.caseName table td:first-child {
    border-top-left-radius: 12px;
    border-style: none none
}

.caseName table td:last-child {
    border-top-right-radius: 12px;
    border-style: none none
}

.closeProBtn {
    padding: 16px 0;
    color: var(--color-purple);
    text-decoration: none;
    cursor: pointer
}

.closeProBtn p {
    font-weight: 500
}

.subTitleAutoChange {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-purple);
    color: var(--color-white);
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 15px;
    margin: 0;
    border: none;
    width: 190px
}

.subTitleSuccess {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-success);
    color: var(--color-white);
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 25px;
    margin: 0;
    border: none;
    width: 190px
}

.subTitleFailed {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-danger);
    color: var(--color-white);
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 15px;
    margin: 0;
    border: none;
    width: 190px
}

.planTitle {
    text-decoration: none;
    cursor: pointer;
    color: var(--color-purple)
}

.paymentCase td:first-child {
    color: var(--color-grey);
    width: 60px
}

.paymentCase td:nth-child(2) {
    color: var(---color-grey);
    width: 120px
}

.paymentCase td:nth-child(3) {
    color: var(--color-grey);
    width: 80px
}

.paymentCase td:nth-child(4) {
    width: 145px
}

.paymentCase td:nth-child(5) {
    color: var(--color-light-black);
    width: 100px
}

.paymentCase td:nth-child(6) {
    color: var(--color-light-black);
    width: 205px
}

.paymentCase td:nth-child(7) {
    color: var(--color-purple)
}

@media screen and (max-width: 768px) {
    .filter {
        overflow: scroll;
        white-space: nowrap
    }

    .caseName table th {
        font-size: 15px
    }

    .caseName table th, td {
        font-size: 15px
    }

    .closePro {
        height: 22px;
        gap: 4px;
        padding: 16px 8px
    }
}

@media only screen and (max-width: 991px) {
    .Mymenu-bar svg {
        display: block;
        width: 40px;
        height: 30px
    }
}

.rightbar {
    width: 100%;
    padding-bottom: 100px;
    background-color: #f6f7f8
}

.right Nav {
    width: 100%;
    border-bottom: 1px solid var(--color-border);
    padding: 10px 0;
    background-color: var(--color-white)
}

.right Nav nav ul {
    display: flex;
    gap: 22px;
    font-size: 18px;
    font-weight: 400;
    padding-left: 8px;
    margin: 0px;
    align-items: center;
    color: var(--color-light-black)
}

.tabContainer nav ul a:active {
    color: var(--color-white)
}

.tabContainer nav ul li {
    list-style: none
}

.subScore {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background-color: #f6f7f8;
    margin-top: 20px;
    padding: 0 20px
}

.scoreLevel {
    width: 100%
}

.totalScore {
    border-bottom: 1px solid var(--color-border);
    padding: 0 20px;
    padding-top: 10px
}

.totalScore p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--color-primary)
}

.scoreLevel label {
    padding-bottom: 11px
}

.totalScore ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    margin-bottom: 15px
}

.totalScore ul li {
    list-style: none
}

.totalScore ul li:first-child {
    list-style: none;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    width: 60%
}

.totalScore ul li span {
    background: var(--color-black);
    padding: 1px 8px;
    border-radius: 8px;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-white)
}

.totalScore ul li span::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid var(--color-black);
    border-left: 5px solid rgba(0, 0, 0, 0);
    top: -10px;
    left: 15px
}

.card-header {
    padding: 0 20px;
    height: auto;
    min-height: 64px;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    gap: 10px
}

.claim-btn {
    background: var(--color-secondary);
    border-radius: 50px;
    border: 1px solid var(--color-secondary);
    height: 35px;
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    transition-duration: .3s
}

.claim-btn:hover {
    background-color: var(--color-white);
    color: var(--color-secondary);
    transition-duration: .3s
}

.claim-btn:hover svg path {
    fill: var(--color-secondary)
}

.claim-points-popup {
    width: 800px !important
}

.scoreLevel progress {
    position: relative;
    height: 18px
}

.scoreLevel progress[value] {
    --color: var(--color-primary);
    --background: var(--color-sharp-gray);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    border-radius: 10em;
    background: var(--background)
}

.scoreLevel progress[value]::-webkit-progress-bar {
    border-radius: 10em;
    background: var(--background)
}

.scoreLevel progress[value]::-webkit-progress-value {
    background: var(--color)
}

.scoreLevel progress[value]::-moz-progress-bar {
    border-radius: 10em;
    background: var(--color)
}

.scoreLevel progress::before {
    position: absolute;
    content: "3";
    width: 34px;
    height: 34px;
    background-color: var(--color-primary);
    border-radius: 50%;
    top: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    left: -4px;
    color: var(--color-white)
}

.scoreLevel progress::after {
    position: absolute;
    content: "700";
    width: 34px;
    height: 34px;
    background-color: var(--color-sharp-gray);
    border-radius: 50%;
    top: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    right: -2px;
    color: var(--color-light-black)
}

.skill {
    width: 100%;
    padding: 0 20px
}

.scoreLevel .skill p:first-child {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
    color: var(--color-primary);
    margin-top: 14px
}

.skill p {
    margin: 0;
    margin-top: 14px
}

.skill ul {
    padding: 0px;
    display: flex;
    gap: 20px;
    margin: 0px;
    border-bottom: 1px solid var(--color-border)
}

.skill ul li {
    list-style: none;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 18px;
    margin-top: 18px;
    color: var(--color-black)
}

.skill ul li:first-child {
    width: 85%
}

.skill ul li:nth-child(2) {
    width: 15%;
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: flex-end;
    text-wrap: nowrap;
    color: var(--color-grey)
}

.skill ul li span {
    background: var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    border-radius: 50%;
    width: 35px;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-white)
}

.skill .maintProf {
    padding: 0px;
    display: flex;
    gap: 20px;
    border-bottom: none
}

.contentScore {
    padding: 15px 20px
}

.RestSys {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-light-black)
}

.contentScore.Chilsec p {
    font-size: 14px;
    font-weight: 600
}

.ImmuneInt {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-sharp-gray)
}

.ImmuneInt table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden
}

.ImmuneInt table thead tr {
    background: #f1f1f1
}

.ImmuneInt table thead th {
    text-align: left;
    padding: .5rem 1rem;
    font-size: 15px;
    color: var(--color-light-black);
    font-weight: 500;
    line-height: 19px
}

.ImmuneInt table tbody tr:nth-child(odd) {
    background: var(--color-body-bg)
}

.ImmuneInt table tbody tr:nth-child(even) {
    background: #f1f1f1
}

.ImmuneInt table tbody td {
    padding: .922rem 1rem;
    font-size: 14px;
    color: var(--color-black);
    font-weight: 600;
    line-height: 18px
}

.contentThi {
    padding: 0 20px 15px 20px
}

.ImmuneIntS {
    position: relative;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 35px
}

.ImmuneIntS::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid var(--color-sharp-gray);
    width: 100%;
    bottom: -30px
}

.contentfou {
    padding: 0px 20px 0
}

.ImmuneIntF {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 20px
}

.mainScore {
    border: 1px solid var(--color-border);
    background-color: var(--color-white);
    border-radius: 12px
}

.totalSco progress {
    width: 100%
}

@media only screen and (max-width: 500px) {
    .skill ul {
        display: block
    }

    .skill ul li:first-child {
        width: 100%
    }

    .skill ul li:nth-child(2) {
        width: 100%;
        justify-content: flex-start
    }

    .skill .maintProf {
        display: block
    }
}

@media screen and (max-width: 550px) {
    .card-header {
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 18px;
        padding-top: 18px
    }
}

@media only screen and (max-width: 991px) {
    .rightbar {
        width: 100% !important
    }

    .totalScore progress {
        width: 100% !important
    }

    .subScore {
        flex-direction: column;
        padding-bottom: 40px
    }

    .scoreLevel {
        width: 100% !important
    }

    .tabContainer nav {
        overflow: scroll
    }

    .tabContainer nav ul {
        white-space: nowrap
    }

    .tabContainer nav::-webkit-scrollbar {
        width: 0px;
        height: 0
    }
}

.subscriptionPage {
    height: calc(100vh - 80px)
}

.subscriptionPage .subscriptionCard {
    margin-top: 24px;
    margin-left: 24px;
    margin-right: 24px
}

.subscriptionPage .subscriptionCard .card-header {
    flex-direction: column;
    align-items: flex-start;
    height: auto
}

.subscriptionPage .subscriptionCard .card-header .card-title {
    font-weight: 600;
    color: var(--color-black)
}

.subscriptionPage .subscriptionCard .card-header .card-description {
    color: var(--color-light-black);
    font-size: 17px
}

.subscriptionPage .subscriptionCard .actionList {
    display: flex;
    flex-direction: column;
    width: 100%
}

.subscriptionPage .subscriptionCard .actionList ul {
    list-style: none;
    margin-left: 0
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList {
    border-bottom: 1px solid var(--color-border);
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList:first-of-type {
    padding-top: 0
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList:last-of-type {
    border-bottom: 0;
    margin-bottom: 10px
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .leftAction h5 {
    font-weight: 600;
    color: var(--color-black);
    margin-bottom: 5px;
    font-size: 17px
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .leftAction p {
    font-size: 15px;
    color: var(--color-black-light)
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 75px;
    padding-left: 25px;
    color: var(--color-black)
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    visibility: hidden
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action .checkmarkk {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: var(--color-border);
    border-radius: 50%
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action:hover input ~ .checkmarkk {
    background-color: #ccc
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action input:checked ~ .checkmarkk {
    border: 1px solid var(--color-primary);
    padding: 2px;
    background-color: var(--color-white) !important
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action input:checked ~ .checkmarkk::before {
    content: "";
    background-color: var(--color-primary);
    position: absolute;
    width: 18px;
    height: 18px;
    inset: 1px;
    border-radius: 50%
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action .checkmarkk:after {
    content: "";
    position: absolute;
    display: none
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action .containerr input:checked ~ .checkmarkk:after {
    display: block
}

.subscriptionPage .subscriptionCard .actionList ul .singleActionList .rightAction .action .checkmarkk:after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--color-primary)
}

.mainSection {
    background-color: var(--color-sidebar-bg);
    padding: 30px 60px;
    word-break: break-word
}

.mainSection .sectionHeader h2 {
    color: var(--color-black)
}

.mainSection .sectionHeader p {
    color: var(--color-grey);
    margin-top: 10px;
    width: 900px;
    max-width: 100%
}

.mainSection .sectionContainer {
    width: 100%;
    margin-top: 35px;
    display: flex;
    flex-direction: row;
    gap: 25px
}

.mainSection .sectionContainer .filterResults {
    width: 323px;
    height: fit-content;
    top: 20px
}

.wikimiCard {
    box-shadow: var(--card-shadow-medium)
}

.mainSection .sectionContainer .filterResults .filterCard {
    padding: 18px 22px;
    border-bottom: 1px solid var(--color-border);
    width: 100%
}

.mainSection .sectionContainer .filterResults .filterCard:last-child {
    border-bottom: 0 !important
}

.filterCard .filterName {
    gap: 5px
}

.filterCard .filterName h4 {
    font-size: var(--font-size-small);
    font-weight: 600;
    margin: 0px;
    color: var(--color-grey)
}

.filterCard .filterSearch {
    margin-top: 15px;
    display: flex;
    background: var(--color-body-bg);
    padding: 12px 18px;
    border-radius: 8px;
    height: 55px;
    border: 1px solid var(--color-border);
    height: 45px;
    gap: 6px
}

.filterCard .filterSearch input {
    background: none;
    border: none;
    outline: none;
    color: var(--color-black);
    font-size: var(--font-size-small);
    font-weight: 400
}

.filterCard .filterSearch input::placeholder {
    color: var(--color-grey)
}

.filterCard .checkFre {
    flex-direction: row;
    gap: 20px;
    margin-top: 15px
}

.filterCard .selectLabels {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 15px
}

.filterCard .selectLabels h3 {
    font-size: var(--font-size-small);
    font-weight: 600;
    margin: 0px;
    color: var(--color-secondary);
    cursor: pointer
}

.customLabel {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: var(--font-size-standard);
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-light-black)
}

.customLabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.customLabel .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--color-border);
    border-radius: 6px
}

.customLabel:hover input ~ .checkmark {
    background-color: var(--color-border)
}

.customLabel input:checked ~ .checkmark {
    background-color: var(--color-purple)
}

.customLabel .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.customLabel input:checked ~ .checkmark:after {
    display: block
}

.customLabel .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid var(--color-white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mainSection .sectionContainer .rightContent {
    width: calc(100% - 323px)
}

.cardFlex {
    gap: 15px
}

.imageLeft {
    position: relative;
    display: flex
}

.imageLeft img:first-child {
    width: 200px;
    height: auto
}

.play-icon-web {
    width: 17px !important;
    margin-right: 5px;
    height: 17px
}

.imageLeft span:nth-child(2) {
    position: absolute;
    top: 8px;
    left: 12px
}

.imageLeft span:nth-child(3) {
    position: absolute;
    bottom: 0;
    background-color: var(--color-success);
    width: 100%;
    border-radius: 0 0 0 12px;
    padding: 6px 0px 6px 25px
}

.imageLeft span:nth-child(3) h3 {
    margin: 0;
    font-size: var(--font-size-standard);
    font-weight: 600;
    color: var(--color-white)
}

.resultsCardContent {
    padding: 12px
}

.resultsCardContent h3 {
    margin: 0;
    font-size: var(--font-size-small);
    font-weight: 600;
    line-height: 24px;
    color: var(--color-purple);
    margin-bottom: 8px
}

.resultsCardContent p {
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    color: var(--color-grey);
    margin: 0px;
    margin-bottom: 8px
}

.imageLeft button {
    padding: 14px 10px;
    border-radius: 50px;
    border: none;
    background-color: var(--color-light-white);
    font-size: 15px;
    font-weight: 600;
    color: var(--color-purple);
    height: 24px;
    display: flex;
    align-items: center;
    gap: 4px
}

.readMoreBtn {
    text-align: end
}

.readMoreBtn button {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-primary);
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-left: auto
}

.readMoreBtn button:hover {
    opacity: .8
}

.readMoreBtn button span {
    display: flex;
    align-items: center;
    gap: 3px
}

.readMoreBtn button span img {
    height: 12px
}

.mainCard .cardFlex:nth-child(2) {
    flex-direction: row-reverse
}

.mainCard .cardFlex:nth-child(2) .cardLink:nth-child(2) .resultsCard {
    border-color: var(--color-primary)
}

.mainCard .cardFlex:nth-child(2) .cardLink:nth-child(2) .resultsCard .imageLeft span:nth-child(3) {
    background-color: var(--color-primary)
}

.mainCard {
    display: grid;
    gap: 15px
}

.imageLeft span:nth-child(3) {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center
}

.imageLeft span:nth-child(3) img {
    width: 17px
}

.iconOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5098039216);
    border-radius: 11px
}

.imageOverlay {
    background: rgba(0, 0, 0, .3490196078);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.play-icon {
    width: 30px !important;
    height: 30px
}

.mainCard .cardFlex:nth-child(2) .cardLink:first-child .resultsCard span {
    background: none;
    position: absolute;
    top: 0 !important;
    display: block;
    border-radius: 0 0 0 12px;
    padding: 8px 0px 6px 14px
}

.heartIcon {
    background-color: var(--color-white);
    padding: 4px 6px 0px 6px;
    border-radius: 50%;
    position: absolute;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 10px;
    top: 0px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1490196078);
    border: 1px solid var(--color-sharp-gray)
}

.heartIcon img {
    width: 26px !important;
    height: 26px
}

.leftThired span {
    display: flex;
    align-items: center
}

.tooltip {
    position: relative;
    display: inline-block
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: var(--color-black);
    color: var(--color-white);
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: -24px;
    left: 130%
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) var(--color-black) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 576px) {
    .mainSection {
        padding: 10px
    }

    .resultsCard {
        flex-direction: column;
        border-radius: 24px
    }

    .imageLeft img:first-child {
        width: 100%;
        border-radius: 24px
    }

    .imageLeft span:nth-child(3) {
        border-radius: 0
    }

    .mainSection .sectionHeader p {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .mainSection .sectionContainer {
        margin-top: 35px;
        flex-direction: column
    }

    .mainSection .sectionContainer .filterResults {
        width: 100%
    }

    .cardFlex {
        flex-direction: column
    }

    .mainCard .cardFlex:nth-child(2) {
        flex-direction: column-reverse
    }

    .mainSection .sectionContainer .rightContent {
        width: 100%
    }
}

@media (min-width: 991px)and (max-width: 1199px) {
    .cardFlex {
        flex-direction: column
    }

    .mainCard .cardFlex:nth-child(2) {
        flex-direction: column-reverse
    }
}

.wikiDetailsPage .hero, .wikiDetailsPage .hero .hero-bg-img {
    width: 100%;
    height: 350px;
    object-fit: cover
}

.wikiDetailsPage .holder {
    position: relative;
    top: -80px
}

.wikiDetailsPage .holder .leftContent {
    width: 70%;
    border-top: 0
}

.wikiDetailsPage .holder .contentHolder {
    align-items: flex-start
}

.wikiDetailsPage .holder .leftContent .badgesHolder {
    gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px
}

.wikiDetailsPage .holder .leftContent .badgesHolder .highligher {
    background: var(--color-primary);
    gap: 8px;
    padding: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.wikiDetailsPage .holder .leftContent .badgesHolder .highligher span {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600
}

.wikiDetailsPage .holder .leftContent .badgesHolder .highligher img {
    width: 24px;
    height: 24px
}

.wikiDetailsPage .holder .leftContent .badgesHolder {
    list-style: none;
    gap: 8px;
    margin-bottom: 0
}

.wikiDetailsPage .holder .leftContent .badgesHolder li {
    border: none;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-white)
}

.wikiDetailsPage .holder .leftContent .badgesHolder li:first-child {
    background: var(--color-purple)
}

.wikiDetailsPage .holder .leftContent .badgesHolder li:nth-child(2) {
    background: var(--color-success)
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection {
    margin-top: 4px
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection .blogTitle {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color-black)
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection p {
    margin-bottom: 15px;
    font-size: 17px
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection h4, .wikiDetailsPage .holder .leftContent .patientsGuid h4 {
    color: var(--color-primary);
    margin-bottom: 10px;
    margin-top: 15px
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection img {
    width: 100%;
    height: auto
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection ul {
    margin-left: 15px
}

.wikiDetailsPage .holder .leftContent .patientsGuid {
    border-top: 1px solid var(--color-border)
}

.wikiDetailsPage .holder .leftContent .patientsGuid ul {
    padding-left: 30px
}

.wikiDetailsPage .holder .leftContent .patientsGuid ul li {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-black)
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table {
    border-collapse: collapse;
    width: fit-content;
    border: 1px solid var(--color-sharp-gray);
    display: block;
    overflow: auto;
    margin-bottom: 20px
}

.wrapperTabel .skills-table {
    border-collapse: collapse !important;
    width: fit-content !important;
    border: 1px solid var(--color-sharp-gray) !important;
    display: block !important;
    overflow: auto !important;
    margin-bottom: 20px !important
}

.wrapperTabel .skills-table thead tr {
    background-color: #f2f2f2 !important
}

.wrapperTabel .skills-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.skills-add-to-favorite-btn {
    margin: 0 !important;
    background-color: var(--color-white) !important;
    color: var(--color-light-black) !important;
    border-color: var(--color-primary) !important;
}

.skills-add-to-favorite-btn:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
}

.skills-add-to-favorite-btn:hover path {
    fill: var(--color-white) !important;
}

.skills-add-to-favorite-btn path {
    fill: var(--color-primary) !important;
}

.skills-add-to-favorite-btn.button-favorite__favorite--favorited {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
}

.skills-add-to-favorite-btn.button-favorite__favorite--favorited:hover {
    background-color: var(--color-white) !important;
    color: var(--color-light-black) !important;
    border-color: var(--color-primary) !important;
}

.skills-add-to-favorite-btn.button-favorite__favorite--favorited:hover path {
    fill: var(--color-primary) !important;
}

.skills-add-to-favorite-btn.button-favorite__favorite--favorited path {
    fill: var(--color-white) !important;
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead tr {
    background-color: #f2f2f2
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody tr td p {
    margin: 0;
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

.wrapperTabel .skills-table thead th {
    color: var(--color-grey) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 21px !important;
    text-align: left !important
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead th {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    text-align: left
}

.wrapperTabel .skills-table tbody td {
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody td {
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody td span {
    color: var(--color-primary)
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table th, .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table td {
    padding: 1rem
}

.wikiDetailsPage .holder .rightContent {
    width: 30%;
    position: relative
}

.wikiDetailsPage .holder .rightContent .informationCard .card-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: var(--color-black)
}

.wikiDetailsPage .holder .rightContent .informationCard ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.wikiDetailsPage .holder .rightContent .informationCard ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.wikiDetailsPage .holder .rightContent .informationCard ul li p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.wikiDetailsPage .holder .rightContent .informationCard ul li span {
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.wikiDetailsPage .holder .rightContent .informationCard .content-box {
    border: 1px solid var(--color-sharp-gray);
    background: var(--color-light-white);
    border-radius: 12px;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.wikiDetailsPage .holder .rightContent .moreContent {
    margin-top: 20px
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild {
    width: 100%;
    display: flex;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-sharp-gray);
    padding-bottom: 20px;
    margin-bottom: 20px;
    gap: 12px
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft {
    position: relative;
    display: flex
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft img {
    width: 130px;
    height: 130px;
    border-radius: 12px
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft span {
    position: absolute;
    top: 8px;
    left: 12px;
    padding: 14px 10px;
    border-radius: 50px;
    border: none;
    background-color: var(--color-light-white);
    font-size: 15px;
    font-weight: 600;
    color: var(--color-secondary);
    height: 24px;
    display: flex;
    align-items: center
}

.wikiDetailsPage .holder .rightContent .moreContent .webFich {
    padding: 12px 0
}

.wikiDetailsPage .holder .rightContent .moreContent .webFich h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-secondary);
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.wikiDetailsPage .holder .rightContent .moreContent .redPub button {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-primary);
    border: none;
    background: none;
    cursor: pointer;
    padding: 0
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft img {
    border: 2px solid var(--color-primary)
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft span {
    top: 0;
    left: 0;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 12px 0px 6px 0px
}

@media screen and (max-width: 768px) {
    .wikiDetailsPage .holder .contentHolder {
        flex-direction: column
    }

    .wikiDetailsPage .holder .leftContent {
        width: 100%
    }

    .wikiDetailsPage .holder .rightContent {
        width: 100%
    }
}

.wikiDetailsPage .hero, .wikiDetailsPage .hero .hero-bg-img {
    width: 100%;
    height: 350px;
    object-fit: cover
}

.wikiDetailsPage .holder {
    position: relative;
    top: -80px
}

.wikiDetailsPage .holder .leftContent {
    width: 70%;
    border-top: 0
}

.wikiDetailsPage .holder .contentHolder {
    align-items: flex-start
}

.wikiDetailsPage .holder .leftContent .badgesHolder {
    gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px
}

.wikiDetailsPage .holder .leftContent .badgesHolder .highligher {
    background: var(--color-primary);
    gap: 8px;
    padding: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.wikiDetailsPage .holder .leftContent .badgesHolder .highligher span {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600
}

.wikiDetailsPage .holder .leftContent .badgesHolder .highligher img {
    width: 24px;
    height: 24px
}

.wikiDetailsPage .holder .leftContent .badgesHolder {
    list-style: none;
    gap: 8px;
    margin-bottom: 0
}

.wikiDetailsPage .holder .leftContent .badgesHolder li {
    border: none;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-white)
}

.wikiDetailsPage .holder .leftContent .badgesHolder li:first-child {
    background: var(--color-purple)
}

.wikiDetailsPage .holder .leftContent .badgesHolder li:nth-child(2) {
    background: var(--color-success)
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection {
    margin-top: 4px
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection .blogTitle {
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--color-black)
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection p {
    margin-bottom: 15px;
    font-size: 17px
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection h4, .wikiDetailsPage .holder .leftContent .patientsGuid h4 {
    color: var(--color-primary);
    margin-bottom: 10px;
    margin-top: 15px
}

.WrapperTextHide {
    margin-top: 100px
}

.WrapperTextHide h3 {
    color: var(--color-primary);
    margin-bottom: 20px
}

.wrapperListBibliogrfia p {
    color: var(--color-grey);
    margin-bottom: 8px;
    line-height: 30px
}

.hidden {
    display: none
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection img {
    width: 100%;
    height: auto
}

.wikiDetailsPage .holder .leftContent .dynamicRenderSection ul {
    margin-left: 15px
}

.wikiDetailsPage .holder .leftContent .patientsGuid {
    border-top: 1px solid var(--color-border)
}

.wikiDetailsPage .holder .leftContent .patientsGuid ul {
    padding-left: 30px
}

.wikiDetailsPage .holder .leftContent .patientsGuid ul li {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-black)
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table {
    border-collapse: collapse;
    width: fit-content;
    border: 1px solid var(--color-sharp-gray);
    display: block;
    overflow: auto;
    margin-bottom: 20px
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead tr {
    background-color: #f2f2f2
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody tr td p {
    margin: 0;
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead th {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    text-align: left
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody td {
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody td span {
    color: var(--color-primary)
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table th, .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table td {
    padding: 1rem
}

.wikiDetailsPage .holder .rightContent {
    width: 30%;
    position: relative
}

.wikiDetailsPage .holder .rightContent .informationCard .card-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: var(--color-black)
}

.wikiDetailsPage .holder .rightContent .informationCard ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.wikiDetailsPage .holder .rightContent .informationCard ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.wikiDetailsPage .holder .rightContent .informationCard ul li p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.wikiDetailsPage .holder .rightContent .informationCard ul li span {
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.wikiDetailsPage .holder .rightContent .informationCard .content-box {
    border: 1px solid var(--color-sharp-gray);
    background: var(--color-light-white);
    border-radius: 12px;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px
}

.wikiDetailsPage .holder .rightContent .moreContent {
    margin-top: 20px
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild {
    width: 100%;
    display: flex;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-sharp-gray);
    padding-bottom: 20px;
    margin-bottom: 20px;
    gap: 12px
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft {
    position: relative;
    display: flex
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft img {
    width: 130px;
    height: 130px;
    border-radius: 12px
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft span {
    position: absolute;
    top: 8px;
    left: 12px;
    padding: 14px 10px;
    border-radius: 50px;
    border: none;
    background-color: var(--color-light-white);
    font-size: 15px;
    font-weight: 600;
    color: var(--color-secondary);
    height: 24px;
    display: flex;
    align-items: center
}

.wikiDetailsPage .holder .rightContent .moreContent .webFich {
    padding: 12px 0
}

.wikiDetailsPage .holder .rightContent .moreContent .webFich h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-secondary);
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.wikiDetailsPage .holder .rightContent .moreContent .redPub button {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-primary);
    border: none;
    background: none;
    cursor: pointer;
    padding: 0
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft img {
    border: 2px solid var(--color-primary)
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft span {
    top: 0;
    left: 0;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 12px 0px 6px 0px
}

@media screen and (max-width: 768px) {
    .wikiDetailsPage .holder .contentHolder {
        flex-direction: column
    }

    .wikiDetailsPage .holder .leftContent {
        width: 100%
    }

    .wikiDetailsPage .holder .rightContent {
        width: 100%
    }
}

.userCard {
    margin: 24px auto;
    width: 95%
}

.card-description {
    text-align: center
}

.userCard .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 24px
}

@media screen and (max-width: 768px) {
    .userCard {
        margin: 24px auto;
        width: 95%
    }
}

.endSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: calc(100vh - 80px)
}

.endSection img {
    width: 24%
}

.endSection h1 {
    color: var(--color-secondary);
    font-size: 150px;
    font-weight: 800;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .endSection {
        padding: 30px
    }

    .endSection h1 {
        text-align: center
    }
}

.webinarWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    background-color: var(--color-body-bg);
    border-bottom: 1px solid var(--color-border)
}

.webinarHeading {
    display: flex;
    align-items: center;
    gap: 10px
}

.webinarHeading p {
    color: var(--color-light-black);
    font-size: var(--font-size-smaller);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 2px;
    margin-bottom: 5px;
    display: flex;
    align-items: center
}

.webinarHeading p svg {
    margin-right: 5px
}

.webinarHeading h6 {
    color: var(--color-grey);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.webinarHeading img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border-radius: 8px;
    overflow: hidden;
    border: 0
}

.formFieldmodel {
    display: grid;
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

.welcomeCard {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-top: 24px;
    padding-bottom: 24px
}

.welcomeCard img {
    width: 200px;
    height: auto
}

.span-description {
    margin-left: 12px;
    color: var(--color-primary);
    margin-top: 10px;
    cursor: pointer
}

.borderCustom {
    border-bottom: 1px solid var(--color-border) !important
}

.envixoifv__header_a__link {
    margin: unset;
    position: unset
}

.envixoifv__header_ul__item {
    position: absolute
}

.aemi-new-layout-contact-page .wpcf7-form-control-wrap {
    width: 100%
}

.aemi-new-layout-contact-page .wpcf7-spinner {
    position: absolute
}

.aemi-new-layout-contact-page .submitting .wpcf7-spinner {
    position: relative;
    top: 7px;
    margin: 0 10px 0px 10px
}

.aemi-new-layout-contact-page .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
    margin-bottom: 10px
}

.aemi-new-layout-contact-page .wpcf7 form.invalid .wpcf7-response-output, .aemi-new-layout-contact-page .wpcf7 form.unaccepted .wpcf7-response-output, .aemi-new-layout-contact-page .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #ffb900;
    color: #fff;
    padding: 12px 32px;
    border-radius: 60px
}

.aemi-new-layout-contact-page .wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
    color: #fff;
    padding: 12px 32px;
    border-radius: 60px
}

.aemi-new-layout-contact-page .wpcf7 form.failed .wpcf7-response-output, .aemi-new-layout-contact-page .wpcf7 form.aborted .wpcf7-response-output {
    background-color: #dc3232;
    color: #fff;
    padding: 12px 32px;
    border-radius: 60px
}

.aemi-new-layout-contact-page .wpcf7 form.spam .wpcf7-response-output {
    background-color: #f56e28;
    color: #fff;
    padding: 12px 32px;
    border-radius: 60px
}

.aemi-new-layout-contact-page [name=form-message] {
    height: 98px
}

.aemi-new-layout-page-user-payment {
    padding-bottom: 30px
}

.aemi-new-layout-page-user-payment .caseName table td:nth-child(1), .aemi-new-layout-page-user-payment .caseName table th:nth-child(1) {
    width: 30px
}

.aemi-new-layout-page-user-payment .caseName table td:nth-child(2), .aemi-new-layout-page-user-payment .caseName table th:nth-child(2) {
    width: 125px
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:nth-child(2) {
    color: var(--color-light-black) !important
}

.aemi-new-layout-page-user-payment .caseName table td:first-child, .aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:first-child {
    color: #999 !important;
    font-weight: 500 !important
}

.aemi-new-layout-page-user-payment .caseName table td:nth-child(3), .aemi-new-layout-page-user-payment .caseName table th:nth-child(3) {
    font-weight: 500 !important
}

.aemi-new-layout-page-user-payment .caseName table td:nth-child(5), .aemi-new-layout-page-user-payment .caseName table th:nth-child(5) {
    font-weight: 600 !important
}

.aemi-new-layout-page-user-payment .caseName table td:nth-child(7) *, .aemi-new-layout-page-user-payment .caseName table th:nth-child(7) * {
    cursor: pointer
}

.woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--color-white);
    background-color: var(--color-secondary)
}

.aemi-new-layout-my-account-container .showModal {
    display: block !important
}

.aemi-new-layout-my-account-container .showModal .overlay {
    display: block
}

.aemi-new-layout-my-account-container .showModal .cancel-Subscription-popup, .aemi-new-layout-my-account-container .showModal .mainScoreU {
    z-index: 500000
}

.aemi-new-layout-my-account-container .showModal #update-my-account-data-form .modelBtn button:disabled, .aemi-new-layout-my-account-container .showModal #password-reset-form .modelBtn button:disabled {
    background-color: #819dc5;
    color: #fff !important;
    cursor: none;
    display: flex;
    position: relative;
    align-items: center
}

.aemi-new-layout-my-account-container .showModal #update-my-account-data-form .modelBtn button:disabled:after, .aemi-new-layout-my-account-container .showModal #password-reset-form .modelBtn button:disabled:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #d4d4d4;
    border-top: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin-left: 12px;
    margin-top: 2px;
    margin-right: -10px;
    animation: aemi_spinner_border_rotate 2s linear infinite
}

.aemi-new-layout-my-account-container .showModal #cancel-subscription-my-account:disabled {
    opacity: .5;
    display: inline-flex;
    position: relative;
    align-items: center;
    color: var(--color-white);
    background: var(--color-danger)
}

.aemi-new-layout-my-account-container .showModal #cancel-subscription-my-account:disabled:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #d4d4d4;
    border-top: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin-left: 12px;
    margin-top: 2px;
    margin-right: -10px;
    animation: aemi_spinner_border_rotate 2s linear infinite
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .select2-container .select2-selection--single {
    height: 46px
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout > form > h3 {
    display: none
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .edit-account input, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .edit-account textarea, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .edit-account select, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .woocommerce-address-fields input, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .woocommerce-address-fields textarea, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .woocommerce-address-fields select {
    width: 100%;
    color: var(--color-black);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 15px;
    height: 45px;
    border-radius: 8px;
    border: 1px solid var(--color-border);
    background-color: var(--color-body-bg);
    margin-top: 6px
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout form .form-row label {
    transform: unset;
    font-size: 16px;
    font-weight: 400;
    color: var(--dark-gray)
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .woocommerce-address-fields .select2-container--default, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .woocommerce-address-fields .select2-selection--single, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .active-fieldset .select2-container--default, .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .active-fieldset .select2-selection--single {
    border: none !important
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 0 8px !important;
    border-radius: 12px !important;
    border: 1px solid var(--color-border);
    background-color: var(--color-body-bg);
    color: #0060b0;
    margin-top: 6px;
    height: auto;
    line-height: 41px
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 53px
}

.aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .edit-account button[type=submit], .aemi-new-layout-my-account-container .aemi-customize-form-to-new-layout .woocommerce-address-fields button[type=submit] {
    padding: 12px 29px;
    border: none;
    border-radius: 12px;
    color: #fff !important;
    background-color: #285eaa;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 25px;
    margin-bottom: 6px
}

.aemi-new-layout-my-account-container #billingAdd, .aemi-new-layout-my-account-container #shippingAdd {
    background: rgba(0, 0, 0, .3);
    z-index: 100000;
    overflow: auto
}

.aemi-new-layout-my-account-container #billingAdd .mainScoreU, .aemi-new-layout-my-account-container #shippingAdd .mainScoreU {
    width: 700px;
    max-width: 100%
}

.aemi-new-layout-my-account-container #billingAdd .overlay, .aemi-new-layout-my-account-container #shippingAdd .overlay {
    display: none
}

.aemi-new-layout-my-account-container #billingAdd .mainScoreU, .aemi-new-layout-my-account-container #shippingAdd .mainScoreU {
    transform: translate(-50%, 0);
    top: 20px;
    margin-bottom: 20px;
    position: absolute;
    margin: 0
}

.aemi-new-layout-my-account-container #billingAdd label[for=shipping_company] .optional, .aemi-new-layout-my-account-container #billingAdd label[for=billing_company] .optional, .aemi-new-layout-my-account-container #shippingAdd label[for=shipping_company] .optional, .aemi-new-layout-my-account-container #shippingAdd label[for=billing_company] .optional {
    display: none
}

.aemi-new-layout-my-account-container #billingAdd label[for=shipping_country], .aemi-new-layout-my-account-container #billingAdd label[for=billing_country], .aemi-new-layout-my-account-container #billingAdd label[for=billing_state], .aemi-new-layout-my-account-container #billingAdd label[for=shipping_state], .aemi-new-layout-my-account-container #shippingAdd label[for=shipping_country], .aemi-new-layout-my-account-container #shippingAdd label[for=billing_country], .aemi-new-layout-my-account-container #shippingAdd label[for=billing_state], .aemi-new-layout-my-account-container #shippingAdd label[for=shipping_state] {
    margin-bottom: -5px
}

.aemi-new-layout-my-account-container #billingAdd label, .aemi-new-layout-my-account-container #shippingAdd label {
    color: var(--color-light-black);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.aemi-new-layout-my-account-container #billingAdd .form-row-33, .aemi-new-layout-my-account-container #shippingAdd .form-row-33 {
    width: calc(33.33% - 15px);
    float: left;
    box-sizing: border-box;
    clear: none;
    margin-left: 0px
}

.aemi-new-layout-my-account-container #billingAdd .form-row-33 + .form-row-33, .aemi-new-layout-my-account-container #shippingAdd .form-row-33 + .form-row-33 {
    margin-left: 21px
}

.aemi-new-layout-my-account-container #billingAdd .form-row-33 + .form-row-33 + .form-row-33 + .form-row-33, .aemi-new-layout-my-account-container #shippingAdd .form-row-33 + .form-row-33 + .form-row-33 + .form-row-33 {
    clear: both;
    margin-left: 0px
}

.aemi-new-layout-my-account-container #billingAdd .form-row-33 + .form-row-33 + .form-row-33 + .form-row-33 + .form-row-33, .aemi-new-layout-my-account-container #shippingAdd .form-row-33 + .form-row-33 + .form-row-33 + .form-row-33 + .form-row-33 {
    clear: unset;
    margin-left: 21px
}

.aemi-new-layout-my-account-container #billingAdd input, .aemi-new-layout-my-account-container #billingAdd select, .aemi-new-layout-my-account-container #shippingAdd input, .aemi-new-layout-my-account-container #shippingAdd select {
    color: var(--color-light-black);
    font-size: 16px;
    font-weight: 400
}

.aemi-new-layout-my-account-container #billingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset, .aemi-new-layout-my-account-container #shippingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset {
    clear: both
}

.aemi-new-layout-my-account-container #billingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset button[name=save_address], .aemi-new-layout-my-account-container #shippingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset button[name=save_address] {
    background-color: #285eaa !important;
    margin-top: 0
}

.aemi-new-layout-my-account-container #billingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset button[name=save_address]:disabled, .aemi-new-layout-my-account-container #shippingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset button[name=save_address]:disabled {
    opacity: .5;
    display: inline-flex;
    position: relative;
    align-items: center;
    color: var(--color-white);
    background: var(--color-danger)
}

.aemi-new-layout-my-account-container #billingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset button[name=save_address]:disabled:after, .aemi-new-layout-my-account-container #shippingAdd .woocommerce-address-fields__field-wrapper + .active-fieldset button[name=save_address]:disabled:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #d4d4d4;
    border-top: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin-left: 12px;
    margin-top: 2px;
    margin-right: -10px;
    animation: aemi_spinner_border_rotate 2s linear infinite
}

@media screen and (max-width: 767px) {
    .aemi-new-layout-my-account-container #billingAdd, .aemi-new-layout-my-account-container #shippingAdd {
        width: 100%;
        transform: unset;
        left: 0;
        top: 0;
        overflow: auto;
        margin: 0
    }

    .aemi-new-layout-my-account-container #billingAdd .mainScoreU, .aemi-new-layout-my-account-container #shippingAdd .mainScoreU {
        width: 100%;
        transform: unset;
        left: 0;
        top: 0;
        overflow: auto;
        max-height: 100%;
        margin: 0
    }

    .aemi-new-layout-my-account-container #billingAdd .form-row-33, .aemi-new-layout-my-account-container #shippingAdd .form-row-33 {
        width: 100%;
        margin-left: 0 !important
    }
}

.aemi-new-layout-page-user-subscription .subscriptionPage {
    height: calc(100vh - 160px)
}

.aemi-new-layout-page-user-subscription .updateSub button {
    padding: 12px 40px;
    background-color: #285eaa;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 12px;
    cursor: pointer
}

.aemi-new-layout-page-user-subscription .updateSub button:disabled {
    padding: 12px 40px;
    background-color: #819dc5;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 12px;
    cursor: context-menu
}

.aemi-new-layout-page-user-payment .paymentCard {
    margin: 24px
}

.aemi-new-layout-page-user-payment .paymentCard .pageDescription {
    font-size: 16px;
    color: var(--color-black-light)
}

.aemi-new-layout-page-user-payment .emptyPageDescription {
    background-color: var(--color-sharp-gray);
    border-radius: var(--radius-standard);
    padding: 20px;
    text-align: center
}

.aemi-new-layout-page-user-payment .paymentCard .filter {
    width: 100%;
    background-color: var(--color-white);
    margin-top: 25px
}

.aemi-new-layout-page-user-payment .caseName table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

.aemi-new-layout-page-user-payment .caseName table th, .aemi-new-layout-page-user-payment td {
    padding: 12px 0px 12px 22px;
    width: 95px
}

.aemi-new-layout-page-user-payment .closePro img {
    width: 20px
}

.aemi-new-layout-page-user-payment .caseName table th, .aemi-new-layout-page-user-payment td {
    font-size: 15px;
    font-weight: 500
}

.aemi-new-layout-page-user-payment .caseName table th {
    font-size: 17px;
    font-weight: 400;
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table td {
    font-size: 16px;
    font-weight: 600
}

.aemi-new-layout-page-user-payment .caseName table tr {
    border: 1px solid var(--color-border);
    text-align: left;
    padding: 8px;
    border-left: none;
    border-right: none;
    border-top: none
}

.aemi-new-layout-page-user-payment .caseName table tr:first-child {
    background-color: var(--color-sharp-gray);
    border-top-left-radius: 12px;
    border-bottom: none
}

.aemi-new-layout-page-user-payment .caseName table tr:last-child {
    border-top-left-radius: 12px;
    border-bottom: none
}

.aemi-new-layout-page-user-payment .caseName table td:first-child {
    border-top-left-radius: 12px;
    border-style: none none
}

.aemi-new-layout-page-user-payment .caseName table td:last-child {
    border-top-right-radius: 12px;
    border-style: none none
}

.aemi-new-layout-page-user-payment .closePro {
    padding: 16px 0;
    color: var(--color-purple);
    text-decoration: none;
    cursor: pointer
}

.aemi-new-layout-page-user-payment .closePro p {
    font-weight: 500
}

.aemi-new-layout-page-user-payment .subTitleAutoChange {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-purple);
    color: var(--color-white);
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 15px;
    margin: 0;
    border: none;
    width: 190px
}

.aemi-new-layout-page-user-payment .subTitleSuccess {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-success);
    color: var(--color-white);
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 25px;
    margin: 0;
    border: none;
    width: 190px
}

.aemi-new-layout-page-user-payment .subTitleFailed {
    font-size: 14px;
    font-weight: 400;
    background: var(--color-danger);
    color: var(--color-white);
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    padding: 0px 15px;
    margin: 0;
    border: none;
    width: 190px
}

.aemi-new-layout-page-user-payment .planTitle {
    text-decoration: none;
    cursor: pointer;
    color: var(--color-purple)
}

.aemi-new-layout-page-user-payment .paymentCase td:first-child {
    color: var(---color-grey);
    width: 60px
}

.aemi-new-layout-page-user-payment .paymentCase td:nth-child(2) {
    color: var(---color-grey);
    width: 120px
}

.aemi-new-layout-page-user-payment .paymentCase td:nth-child(3) {
    color: var(---color-grey);
    width: 80px
}

.aemi-new-layout-page-user-payment .paymentCase td:nth-child(4) {
    width: 145px
}

.aemi-new-layout-page-user-payment .paymentCase td:nth-child(5) {
    color: var(--color-light-black);
    width: 100px
}

.aemi-new-layout-page-user-payment .paymentCase td:nth-child(6) {
    color: var(--color-light-black);
    width: 205px
}

.aemi-new-layout-page-user-payment .paymentCase td:nth-child(7) {
    color: var(--color-purple)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:first-child {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:nth-child(2) {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:nth-child(3) {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:nth-child(5) {
    color: var(--color-light-black)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:nth-child(6) {
    color: var(--color-light-black)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(2) td:nth-child(7) {
    color: var(--color-purple)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(3) td:first-child {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(3) td:nth-child(2) {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(3) td:nth-child(3) {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(3) td:nth-child(5) {
    color: var(--color-light-black)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(3) td:nth-child(6) {
    color: var(---color-grey)
}

.aemi-new-layout-page-user-payment .caseName table tr:nth-child(3) td:nth-child(7) {
    color: var(--color-purple)
}

@media screen and (max-width: 768px) {
    .aemi-new-layout-page-user-payment .filter {
        overflow: scroll;
        white-space: nowrap
    }

    .aemi-new-layout-page-user-payment .caseName table th {
        font-size: 15px
    }

    .aemi-new-layout-page-user-payment .caseName table th, .aemi-new-layout-page-user-payment td {
        font-size: 15px
    }

    .aemi-new-layout-page-user-payment .closePro {
        height: 22px;
        gap: 4px;
        padding: 16px 8px
    }
}

@media only screen and (max-width: 991px) {
    .aemi-new-layout-page-user-payment .Mymenu-bar svg {
        display: block;
        width: 40px;
        height: 30px
    }
}

.aemi-new-layout-page-favourites-page .btn-primary {
    display: inline-flex;
    align-items: center
}

.card {
    overflow: hidden
}

.card .heartIcon {
    border: none
}

.card .card-title {
    display: block;
    padding-top: 10px
}

.card .card-para-info {
    display: block
}

.card .button-favorite__favorite--favorited:not(.skills-add-to-favorite-btn) {
    background-color: var(--color-primary) !important
}

.card .button-favorite__favorite--favorited svg path {
    fill: #fff
}

.card .button-favorite__favorite--blocked {
    overflow: hidden
}

.card .button-favorite__favorite--blocked:focus:before {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card .button-favorite__favorite--blocked:focus:after {
    content: "";
    position: absolute;
    border: 3px solid var(--color-primary);
    border-radius: 50%;
    border-top-color: #fff;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    animation: aemi_spinner_border_rotate 1s infinite;
    margin-top: -7px;
    margin-left: -7px
}

.searchResultsPage .paginationHolder a.paginate {
    color: var(--color-light-black)
}

.woocommerce-account .select2-dropdown {
    z-index: 105100
}

@keyframes aemi_spinner_border_rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.helpmySection .caseName table tr:nth-child(3) {
    border-bottom: 1px solid var(--color-border)
}

.helpmySection .caseName table tr td:first-child {
    color: var(--color-grey);
    padding: 1.4rem;
    font-weight: 500;
    border-top-left-radius: 12px;
    border-style: none none;
    font-size: 16px
}

.helpmySection .caseName table tr td:first-child a {
    color: var(--color-grey)
}

.helpmySection .caseName table tr td:nth-child(5) {
    color: var(--color-grey);
    padding: 1.4rem;
    font-weight: 500
}

.helpmySection .caseName table tr td:nth-child(6) {
    color: var(--color-light-black);
    padding: 1.4rem;
    color: var(--color-primary)
}

.helpmySection .caseName table tr td:nth-child(2) {
    color: var(--color-primary) !important;
    padding: 1.4rem
}

.helpmySection .caseName table tr td:nth-child(2) a {
    color: var(--color-primary) !important
}

.helpmySection .caseName table tr td:nth-child(3) {
    font-weight: 600
}

.helpmySection .pendingStatus {
    color: #ff9800
}

.helpmySection .cerradoStatus {
    color: #9f9f9f
}

.helpmySection .cardHeader ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px
}

.helpmySection .cardHeader ul li {
    list-style: none
}

.helpmySection .cardHeader ul li a {
    display: flex;
    align-items: center;
    gap: 8px
}

.helpmySection .cardHeader ul li.active a h6 {
    font-weight: 600;
    color: var(--color-primary);
    margin: 0;
    padding-bottom: 22px;
    padding-top: 22px;
    border-bottom: 2px solid var(--color-primary);
    cursor: pointer
}

.helpmySection .cardHeader ul li a h6 {
    font-weight: 600;
    padding-bottom: 22px;
    padding-top: 22px;
    margin: 0;
    cursor: pointer;
    color: var(--color-grey)
}

.helpmySection .cardHeader ul li a span {
    font-size: var(--font-size-standard);
    font-weight: 600;
    color: var(--color-white);
    width: 23px;
    height: 23px;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.helpmySection .cardHeader ul li a span {
    width: 25px;
    height: 25px
}

.envixoifv__header_ul__item {
    display: none !important
}

.resultsCard.wikimiCard .imageLeft {
    flex: 0 0 200px
}

.rightContent .mainCard .cardFlex {
    display: grid
}

@media (min-width: 1200px) {
    .rightContent .mainCard .cardFlex {
        grid-template-columns:repeat(2, 1fr)
    }
}

.rightContent .mainCard .cardFlex .imageLeft button.heartIcon {
    background-color: #fff !important;
    padding: 4px 6px 0px 6px;
    border-radius: 50%;
    width: 45px;
    height: 45px !important;
    cursor: pointer
}

.rightContent .mainCard .cardFlex .card button.heartIcon.button-favorite__favorite--favorited {
    background-color: var(--color-primary) !important
}

.rightContent .mainCard .cardFlex .imageLeft img:first-child {
    width: unset
}

.rightContent .mainCard .cardFlex .imageLeft a > img:first-child {
    width: 200px
}

.rightContent .mainCard .cardFlex .show-socio-msg {
    background-color: var(--color-primary);
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    bottom: 0;
    width: 100%;
    position: absolute;
    border-radius: 0 0 0 12px;
    padding: 6px 0px 6px 25px
}

.rightContent .mainCard .cardFlex .show-socio-msg h3 {
    margin: 0;
    font-size: var(--font-size-standard);
    font-weight: 600;
    color: var(--color-white)
}

.rightContent .mainCard .cardFlex .viewed-page-msg {
    background-color: var(--color-success);
    width: 100%;
    border-radius: 0 0 0 12px;
    padding: 6px 0px 6px 25px;
    margin: 0;
    font-size: var(--font-size-standard);
    font-weight: 600;
    position: absolute;
    color: var(--color-white);
    left: 0;
    bottom: 0
}

.rightContent .mainCard .cardFlex .viewed-page-msg h3 {
    margin: 0;
    font-size: var(--font-size-standard);
    font-weight: 600;
    color: var(--color-white)
}

/*.buttons-show-more .customLabel + .customLabel + .customLabel + .customLabel + .customLabel + .customLabel {
    display: none
}*/

.buttons-show-more #show-more-category {
    display:none;
    cursor: pointer;
    font-size: var(--font-size-small);
    font-weight: 600;
    margin: 0px;
    color: var(--color-secondary);
    cursor: pointer
}

.enabled-buttons-show-more {
    display: none
}

.enabled-buttons-show-more:checked + .buttons-show-more .customLabel + .customLabel + .customLabel + .customLabel + .customLabel + .customLabel {
    display: block
}

.enabled-buttons-show-more:checked + .buttons-show-more #show-more-category {
    display: none
}

#show-results-wikimi.loading-element {
    position: relative
}

#show-results-wikimi.loading-element .loading-element-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(246, 247, 248, .7);
    border-radius: 12px
}

#show-results-wikimi.loading-element .loading-element-inner:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    position: sticky;
    margin-top: 80px;
    top: 80px;
    left: 50%;
    margin-left: -30px;
    border: 4px solid var(--color-primary);
    border-top-color: rgba(255, 255, 255, 0);
    border-radius: 50%;
    animation: aemi_spinner_border_rotate 1s infinite
}

#search-wikimi-no-result {
    padding: 30px;
    text-align: center
}

@media (min-width: 1200px) {
    #search-wikimi-no-result {
        width: 202%
    }
}

.wikiDetailsPage .holder .leftContent .badgesHolder li, .wikiDetailsPage .holder .leftContent .badgesHolder li:nth-child(2) {
    background: var(--color-purple)
}

.single-page-element-viewed {
    background: var(--color-success) !important
}

.single-post .card-content.dynamicRenderSection {
    line-height: 1.4
}

.single-post .card-content.dynamicRenderSection h4, .single-post .card-content.dynamicRenderSection h2, .single-post .card-content.dynamicRenderSection h3, .single-post .card-content.dynamicRenderSection h5, .single-post .card-content.dynamicRenderSection h6 {
    color: var(--color-primary);
    margin-bottom: 10px;
    margin-top: 15px
}

.single-post .card-content.dynamicRenderSection li {
    margin-bottom: 15px;
    font-size: 17px
}

.single-post .card-content.dynamicRenderSection img {
    max-width: 100%;
    height: auto
}

.single-post .card-content.dynamicRenderSection ol {
    padding-left: 25px
}

.wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 52.86%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

@media (max-width: 1399.98px) {
    .wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper {
        padding-bottom: 52.2%
    }
}

@media (max-width: 1199.98px) {
    .wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper {
        padding-bottom: 51.5%
    }
}

@media (max-width: 991.98px) {
    .wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper {
        padding-bottom: 51.9%
    }
}

@media (max-width: 767.98px) {
    .wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper {
        padding-bottom: 50.4%
    }
}

.wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper iframe, .wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper object, .wp-block-embed.is-type-video.is-provider-youtube .wp-block-embed__wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wikiDetailsPage .holder .rightContent .informationCard .content-box div {
    width: 100%;
    clear: both;
    display: block;
    margin: 10px 0;
    background: rgba(0, 0, 0, .05);
    height: 1px
}

.wikiDetailsPage .holder .rightContent .moreContent .webLeft {
    flex: 0 0 130px
}

.wikiDetailsPage .holder .rightContent .moreContent .redPub a {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-primary);
    border: none;
    background: none;
    cursor: pointer;
    padding: 0
}

.wikiDetailsPage .holder .rightContent .moreContent .webFich h3 a {
    color: var(--color-secondary)
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft span.content_type_related_content {
    position: absolute;
    top: 8px;
    left: 12px;
    padding: 14px 10px;
    border-radius: 50px;
    border: none;
    background-color: var(--color-light-white);
    font-size: 15px;
    font-weight: 600;
    color: var(--color-secondary);
    height: 24px;
    display: flex;
    align-items: center
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft span.content_type_related_viewed_content, .wikiDetailsPage .holder .rightContent .moreContent .webLeft span.content_type_related_viewed_content {
    position: absolute;
    top: 8px;
    left: 12px;
    padding: 14px 10px;
    border-radius: 50px;
    border: none;
    background-color: var(--color-success);
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    height: 24px;
    display: flex;
    align-items: center
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft .content_type_related_pro {
    position: absolute;
    padding: 14px 10px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    height: 24px;
    display: flex;
    align-items: center;
    top: unset;
    bottom: 0;
    width: 100%;
    left: 0;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 0px 0px 8px 8px
}

.wikiDetailsPage .holder .rightContent .moreContent .docChild.orange-box .webLeft .content_type_related_pro + .content_type_related_content {
    top: unset;
    bottom: 12px
}

.aemi-container-get-points__btn {
    margin: 0 !important;
}

.aemi-container-get-points__btn-disabled-earned {
    cursor: default;
    opacity: .6;
    background: #ddd !important;
    color: #666 !important;
    border-color: #ddd !important
}

.aemi-container-get-points__btn span {
    animation: .75s linear infinite spinner-get-points;
    display: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #fff;
    border-bottom: 0;
    margin-left: 11px;
    position: relative;
    top: 2px
}

@keyframes spinner-get-points {
    to {
        transform: rotate(360deg)
    }
}

.aemi-container-get-points__btn:hover span {
    border: 1px solid var(--color-primary)
}

.aemi-container-get-points__btn.aemi-container-get-points__btn-disabled span {
    display: inline-block
}

.alerts {
    position: fixed;
    top: 25px;
    right: -100%;
    width: 100%;
    max-width: 320px;
    z-index: 900;
    background: #eee;
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, .4);
    border-radius: 10px;
    border-bottom: 3px solid #ccc;
    color: #fff;
    text-align: center;
    font-weight: 600;
    transition: all .3s;
    transition-timing-function: ease
}

.alerts .alert-wrapper {
    padding: 20px 10px
}

.alerts.push-alert {
    right: 25px
}

.alerts.alert-type-success {
    background: #409e5e;
    border-color: #27673b
}

.alerts.alert-type-failed {
    background: #e95b4a;
    border-color: #ab3a2d
}

.get-points-gamification__notice {
    width: 330px;
    position: fixed;
    top: -90px;
    border-radius: 500px;
    background: #1aa162;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    right: -100%;
    transition: all 300ms;
    z-index: 500000
}

.get-points-gamification__notice[data-type=error] {
    background-color: #e11b1b
}

.get-points-gamification__notice.started {
    top: 20px;
    right: 20px
}

.get-points-gamification__notice.remove {
    top: -90px
}

.welcome-card-customize + * {
    display: none
}

.welcome-card-customize + * + * {
    display: none
}

.welcome-card-customize + * + * + * {
    display: none
}

.aemi-home-slider-container .swiper-slide > div {
    overflow: hidden;
    max-height: 713px
}

.aemi-home-slider-container .swiper-slide > div .slide-home_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center
}

.aemi-home-slider-container .swiper-slide > div .slide-home_content > div {
    max-width: 90%;
    width: 1240px;
    margin: 0 auto
}

.aemi-home-slider-container .swiper-slide > div .slide-home_content > div .slide-home__title {
    font-size: 25px;
    font-weight: bold;
    color: #0060b0;
    margin-bottom: 15px
}

.aemi-home-slider-container .swiper-slide > div .slide-home_content > div .slide-home__content {
    line-height: 37px;
    margin-bottom: 30px
}

.aemi-home-slider-container .swiper-slide > div .slide-home_content > div a {
    display: inline-flex;
    align-items: center
}

.MicroWrapperCard .enfermedadesText h6 a {
    margin-top: 14px;
    color: var(--color-secondary);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 600
}

.MicroWrapperCard .MicroWrapperIcon {
    position: relative;
    height: 86px;
    width: 86px;
    background-size: cover;
    background-position: center;
    flex: 0 0 86px
}

.MicroWrapperCard .MicroWrapperIcon a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.MicroWrapperCard .enfermedadesText h4 a {
    color: var(--color-secondary)
}

.swiper-button-prev:after {
    content: url(../images/new-layout-v1/images/arrow-up.svg) !important
}

.swiper-button-next:after {
    content: url(../images/new-layout-v1/images/arrow-right.svg) !important
}

.SuggestionContent .SuggestionWrapperCardFooter h5 a {
    color: var(--color-black)
}

.SuggestionContent .SuggestionWrapperCardFooter p a {
    color: var(--color-light-black)
}

.SuggestionContent .heartIcon {
    cursor: pointer
}

.NewsActions {
    min-width: 110px;
}

.NewsMoreInfo {
    cursor: pointer;
    appearance: none;
    text-align: center;
    color: var(--color-light-black);
    font-weight: 600;
    font-size: var(--font-size-smaller);
    background: none;
    border: none;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.newDistribution {
    max-width: 80%;
}

.AgendaNewsCard .newDistribution p {
    transition: max-height .5s ease-in-out;
    height: auto;
    max-height: 500px;
}

.AgendaNewsCard .newDistribution.closed p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 3em;
    text-overflow: ellipsis
}

.newList .NewsButton a {
    margin: 0px;
    color: var(--color-white);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 400;
    cursor: pointer;
    padding: 6px 12px;
    display: inline-block
}

.newList .NewsButton.ended {
    background: var(--color-grey);
}

.newList .NewsButton.registered {
    background: var(--color-medium-dark-blue);
}

.webinars-registered-erros, .webinars-registered-success {
    background: #fff;
    text-align: center;
    display: table;
    margin: 70px auto;
    padding: 50px 30px;
    max-width: 620px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 0 0 15px -10px rgba(0, 0, 0, .5)
}

.webinars-registered-erros h2, .webinars-registered-success h2 {
    margin-bottom: 25px
}

#experienceModal form.loading-send button[type=submit]:disabled {
    background-color: #819dc5;
    color: #fff !important;
    cursor: none;
    display: flex;
    position: relative;
    align-items: center
}

#experienceModal form.loading-send button[type=submit]:disabled:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #d4d4d4;
    border-top: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    margin-left: 12px;
    margin-top: 2px;
    margin-right: -10px;
    animation: aemi_spinner_border_rotate 2s linear infinite
}

.favouritePage .resultsHolder .card .card-image-holder .icons p {
    color: var(--color-purple);
    font-family: "Inter", sans-serif;
    font-size: var(--font-size-small);
    font-weight: 600
}

.favouritePage .resultsHolder .card .card-image-holder .icons p a {
    color: var(--color-purple)
}

.videoCard {
    display: flex;
    flex-direction: column
}

.videoCard .videoCardFooter {
    flex: 1;
    min-height: 403px
}

@media screen and (max-width: 991px) {
    .videoCard .videoCardFooter {
        height: 403px
    }
}

.videoCard .videoCardFooter > div {
    position: relative;
    height: 100%
}

@media screen and (max-width: 991px) {
    .videoCard .videoCardFooter > div {
        height: 403px
    }
}

.videoCard .videoCardFooter > div a {
    position: absolute;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden
}

.videoCard .videoCardFooter > div a .view-backgroud-image {
    background-size: cover;
    background-color: #282828;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute
}

.videoCard .videoCardFooter > div a span.view-container-btn {
    color: #fff;
    background: var(--color-primary);
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    font-size: 14px;
    border-radius: 8px 0px 8px 0px
}

.videoCard .videoCardFooter > div a.continue-video .view-backgroud-image::before {
    content: "";
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.videoCard .videoCardFooter > div a.continue-video::before {
    content: "";
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #ef8933;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    z-index: 500;
    margin-left: -45px
}

.videoCard .videoCardFooter > div a.continue-video::after {
    content: "";
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    z-index: 505;
    margin-left: -50px;
    background-size: 35px;
    background-position: 35px 25px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="%23fff" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>')
}

.wrapperWebniar p a {
    color: var(--color-purple)
}

.aemi-single-page-webinars {
    max-width: 1000px;
    margin: 30px auto;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 30px
}

.aemi-single-page-webinars .webinar_featured_box__title {
    padding-top: 20px;
    margin-bottom: 30px
}

.aemi-single-page-webinars .btn-secondary {
    padding: 5px 10px
}

.aemi-single-page-webinars .btn-secondary:hover {
    color: #000
}

.aemi-single-page-webinars .list_webinars_in_page__box {
    padding: 35px 0
}

.aemi-single-page-webinars .list_webinars_in_page__box + .list_webinars_in_page__box {
    border-top: 1px solid #eee
}

.helpmyMain .helpSection .ticketDetails .details ul li .chip.tickets__status__6 {
    background: #979797
}

.helpmyMain .helpSection .ticketDetails .details ul li .chip.tickets__status__5 {
    background: #f88961
}

.helpmyMain .helpSection .ticketDetails .details ul li .chip.tickets__status__4 {
    background: #00b3f2
}

.helpmyMain .helpSection .ticketDetails .details ul li .chip.tickets__status__3 {
    background: #ffbe62
}

.helpmyMain .helpSection .ticketDetails .details ul li .chip div {
    padding: 0px 0px
}

body {
    position: relative
}

.extra-margin-desarrollado-por-envixo {
    width: 100%;
    padding: 26px
}

.desarrollado-por-envixo {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: var(--font-family);
    color: var(--color-light-black);
    z-index: 500
}

.desarrollado-por-envixo a {
    font-size: 14px;
    color: #323a45
}

.desarrollado-por-envixo a strong {
    color: #22b5ff
}

.card .card-header .card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600 !important;
    text-wrap: nowrap
}

.card .card-header .card-title a {
    color: var(--color-primary)
}

.aemi-generic-page-container {
    background-color: #fff;
    color: #959595;
    display: table;
    width: 100%;
    padding-bottom: 30px;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.7
}

.aemi-generic-page-container * {
    line-height: var(--bs-body-line-height)
}

.aemi-generic-page-container p {
    margin-top: 0;
    margin-bottom: 1.2rem
}

.aemi-generic-page-container .aemi-generic-page-container--container {
    width: 1350px;
    max-width: 90%;
    margin: 0 auto
}

.aemi-generic-page-container .wp-block-table {
    border-collapse: collapse
}

.aemi-generic-page-container .wp-block-table td, .aemi-generic-page-container .wp-block-table th {
    padding: 10px;
    border: 1px solid #eee;
    font-size: 18px;
    font-weight: normal
}

.aemi-generic-page-container + .extra-margin-desarrollado-por-envixo {
    background-color: #fff
}

.page, .page-template-template-page-available-to-non-logged-in-users-php, .page-template-template-page-subscription-php {
    background-color: #fff
}

.card-title-content-name {
    margin: -6px 30px 22px 26px;
    font-size: 20px;
    color: var(--color-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600 !important;
    text-wrap: nowrap
}

.card-title-content-name a {
    color: var(--color-primary)
}

.rightContent .mainCard .cardFlex .viewed-page-msg {
    top: 6px;
    width: auto;
    display: table;
    padding: 7px 12px;
    border-radius: 50px;
    left: 6px
}

.rightContent .mainCard .cardFlex .viewed-page-msg h3 {
    font-size: 12px
}

.rightContent .mainCard .cardFlex .wikimiCard .imageLeft a {
    display: block;
    margin-bottom: -4px
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent {
    position: relative;
    padding-bottom: 60px
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon {
    cursor: pointer;
    border: none;
    left: 10px;
    right: unset;
    bottom: 10px;
    top: unset;
    padding: 0;
    box-shadow: unset
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon svg path {
    fill: #a4a4a4
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon svg + svg {
    display: none;
    width: 24px
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon.button-favorite__favorite--favorited {
    background-color: unset !important
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon.button-favorite__favorite--favorited svg path {
    fill: var(--color-primary)
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon.button-favorite__favorite--favorited svg {
    display: none
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .heartIcon.button-favorite__favorite--favorited svg + svg {
    display: inherit
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent .readMoreBtn {
    position: absolute;
    right: 20px;
    bottom: 22px
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.rightContent .mainCard .cardFlex .wikimiCard .resultsCardContent p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.helpmySection .cardHeader ul li#close-btn span {
    background: #dedede;
    color: #afafaf
}

.helpmySection {
    background-color: #fff
}

.alias-case-name-info-aemi {
    position: relative
}

.alias-case-name-info-aemi button {
    position: relative;
    top: 4px;
    border: none;
    padding: 0
}

.alias-case-name-info-aemi button svg path {
    fill: var(--color-primary)
}

.alias-case-name-info-aemi button:hover + span, .alias-case-name-info-aemi button:focus + span {
    visibility: visible;
    opacity: 1
}

.alias-case-name-info-aemi span {
    position: absolute;
    width: 989px;
    background: rgba(0, 0, 0, .8);
    padding: 12px;
    font-size: 13px;
    color: #fff;
    border-radius: 0 20px 20px 20px;
    top: 31px;
    left: 2px;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms
}

.alias-case-name-info-aemi span::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, .8);
    display: block;
    position: absolute;
    left: 0;
    top: -10px
}

@media screen and (max-width: 1366px) {
    .alias-case-name-info-aemi span {
        width: 469px
    }
}

@media screen and (max-width: 800px) {
    .alias-case-name-info-aemi span {
        width: 360px;
        display: table-column-group;
        left: -160px;
        text-wrap: balance;
        border-radius: 10px
    }

    .alias-case-name-info-aemi span::before {
        left: 163px
    }
}

@media screen and (max-width: 400px) {
    .alias-case-name-info-aemi span {
        width: 280px;
        display: table-column-group;
        left: -135px;
        text-wrap: balance;
        border-radius: 10px
    }

    .alias-case-name-info-aemi span::before {
        left: 50%;
        margin-left: -25px
    }
}

.helpmyMain .helpSection .ticketDetails .details.last {
    font-size: 18px;
    line-height: 1.4
}

.woocommerce-account.logged-in, .woocommerce-account.logged-in .sidebar {
    background: var(--color-sidebar-bg)
}

.woocommerce-account.logged-in .extra-margin-desarrollado-por-envixo, .woocommerce-account.logged-in .sidebar .extra-margin-desarrollado-por-envixo {
    display: none
}

.woocommerce-account.logged-in .aemi-new-layout-my-account-container .mainHero.fullWidth.alignStart, .woocommerce-account.logged-in .sidebar .aemi-new-layout-my-account-container .mainHero.fullWidth.alignStart {
    align-items: unset
}

.woocommerce-account.logged-in .aemi-new-layout-my-account-container .rightbar, .woocommerce-account.logged-in .sidebar .aemi-new-layout-my-account-container .rightbar {
    height: auto;
    min-height: 100%
}

.woocommerce-account.logged-in .aemi-new-layout-page-user-subscription .subscriptionPage, .woocommerce-account.logged-in .sidebar .aemi-new-layout-page-user-subscription .subscriptionPage {
    height: auto
}

@media screen and (min-width: 768px) {
    .woocommerce-account.logged-in .desarrollado-por-envixo, .woocommerce-account.logged-in .sidebar .desarrollado-por-envixo {
        padding-left: 355px
    }
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table, .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead, .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody, .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tr {
    width: 100% !important
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead, .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody {
    display: table
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead th:nth-child(1), .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody td:nth-child(1) {
    width: 80% !important
}

.wikiDetailsPage .holder .leftContent .patientsGuid .skills-table thead th:nth-child(2), .wikiDetailsPage .holder .leftContent .patientsGuid .skills-table tbody td:nth-child(2) {
    width: 20% !important
}

.skills_and_points_box__in__content .btn-secondary img {
    width: 20px !important;
    margin-right: 10px
}

.scoreLevelScoreContent {
    position: sticky;
    top: 20px
}

.score-level-tax-content {
    padding: 22px
}

.score-level-tax-content .totalScore {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px
}

.scoreLevel progress::before {
    content: attr(data-before)
}

.scoreLevel progress::after {
    content: attr(data-after)
}

.scoreLevel progress:after {
    right: -15px
}

.scoreLevel progress[value="0"]:before {
    background-color: var(--color-sharp-gray);
    color: var(--color-light-black)
}

.scoreLevel progress[value="100"]:after {
    background-color: var(--color-primary);
    color: #fff
}

.totalScore label {
    margin-right: 15px
}

.totalScore-percent-icon {
    width: calc(100% - 15px);
    position: relative
}

.totalScore-percent-icon span {
    background: var(--color-black);
    padding: 1px 8px;
    border-radius: 8px;
    margin-left: -20px;
    position: relative;
    font-size: 12px;
    width: 46px;
    font-weight: 600;
    display: table;
    color: var(--color-white);
    text-align: center
}

.totalScore-percent-icon span:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid var(--color-black);
    border-left: 5px solid rgba(0, 0, 0, 0);
    top: -10px;
    left: 15px
}

.score-level-tax-content__title {
    font-size: 18px;
    color: #acacac;
    font-weight: bold;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.score-level-tax-content__title svg {
    margin-right: 10px
}

.score-level-tax-content__title > span {
    color: #285eaa;
    padding: 0 5px
}

.score-level-tax-content__title .arrow-element-score {
    position: absolute;
    right: 0;
    margin: 0px 10px
}

.score-level-tax-content__title .arrow-element-score svg {
    position: relative;
    margin: 0
}

.score-level-tax-content__title .arrow-element-score svg path {
    fill: #999
}

.score-level-tax-content__title-generical {
    font-size: var(--font-size-standard)
}

.score-level-tax-content__title-generical > span {
    font-weight: bold;
    color: #285eaa
}

.totalScore-percent-icon-minus-2 span {
    margin-left: -6px
}

.score-level-tax-content__title + div .totalScore-percent-icon {
    display: none
}

.mainScore .skill {
    padding: 0
}

.mainScore .skill ul {
    border-bottom: unset
}

.mainScore .skill + .skill ul {
    border-top: 1px solid var(--color-border)
}

.aemi-admin-settings-score-to-users__no-content {
    padding: 20px;
    text-align: center
}

.score-level-tax-content + .score-level-tax-content {
    border-top: 1px solid #e8e8e8
}

.score-level-tax-content .list-container-total-score {
    display: none
}

.score-level-tax-content.score-level-tax-content__title--current .list-container-total-score {
    display: block
}

.score-level-tax-content--input {
    display: none
}

.score-level-tax-content--input:checked ~ .score-level-tax-content__title .arrow-element-score {
    transform: rotate(180deg)
}

.score-level-tax-content--input:checked ~ .list-container-total-score {
    display: block
}

.score-level-tax-content__title + .list-container-total-score .list-container-total-score--inner {
    background-color: #fcfcfc;
    padding: 0 30px;
    border: 1px solid #dcdcdc;
    border-radius: 21px;
    margin-top: 20px;
    position: relative
}

.score-level-tax-content__title + .list-container-total-score .list-container-total-score--inner:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #dcdcdc;
    border-left: 10px solid rgba(0, 0, 0, 0);
    top: -10px;
    left: 50%
}

.contactPage .content .leftHolder .inlineItem .whatsapp, .contactPage .content .leftHolder .inlineItem .tel {
    color: var(--color-grey)
}

.contactPage .content .leftHolder .inlineItem .map img {
    width: 18px
}

.contactPage .content .leftHolder .inlineItem span.social a {
    background-color: var(--color-primary)
}

.contactPage .content .leftHolder .inlineItem .social svg path {
    fill: #fff
}

#claimPointPopup video {
    margin-top: 20px;
    border: 6px solid #ddd;
    max-width: 100%
}

#list-content-info-box {
    min-height: 100%;
    display: flex;
    flex-direction: column
}

#list-content-score {
    position: relative;
    flex: 1
}

#list-content-score #list-content-score-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

#list-content-score * {
    scrollbar-width: auto;
    scrollbar-color: var(--color-primary) #fff
}

#list-content-score *::-webkit-scrollbar {
    width: 10px
}

#list-content-score *::-webkit-scrollbar-track {
    background: #fff
}

#list-content-score *::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 10px;
    border: 3px solid #fff
}

.helpmySection .notification .icon {
    flex: 0 0 35px
}

.envixoifv__view-ticket__conversation-content-attachments-a {
    background: var(--color-secondary)
}

.envixoifv__view-ticket__conversation-content-attachments-a:hover {
    background-color: var(--color-secondary)
}

.leftSideBar .detailTab.tab-section .justifyBetween.alignStart {
    position: relative
}

.leftSideBar .detailTab.tab-section .justifyBetween.alignStart #updateInfo {
    position: absolute;
    right: 0
}