body {

    .cmp-cf__item-othervisual {
        .cmp-image {
            &:before {
                top: 50%;
                left: 50%;
                content: '';
                z-index: 1;
                width: 62px;
                height: 62px;
                display: block;
                position: absolute;
                margin-left: -32px;
                margin-top: -32px;
                background-image: url("data:image/svg+xml;utf8,<svg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='31' cy='31' r='31' fill='white' fill-opacity='0.7'/><path d='M45 29.2679C46.3333 30.0378 46.3333 31.9622 45 32.732L25.5 43.9904C24.1667 44.7602 22.5 43.7979 22.5 42.2583L22.5 19.7417C22.5 18.2021 24.1667 17.2398 25.5 18.0096L45 29.2679Z' fill='%238F67A4'/></svg>");
            }
        }
    }

    &#nutrigrant-submission {
        .cmp-smartfields__mandatory {
            display: inline-block;
        }
    }

    &#form {
        #wizard-container {
            .cmp-smartfields__form-group {
                margin-bottom: 0px;
                margin-top: 0px;
            }
            .cmp-smartfields__mandatory {
                display: inline-block;
            }
            #input_aggrement_data_profesi {
                .cmp-smartfields-checkbox__label p {
                    margin-bottom: 0;
                }
                .cmp-smartfields__mandatory {
                    display: none;
                }
            }
        }
        @media (max-width: 768px) {
            #wizard-container {
                flex-direction: column;
                #form-data-pribadi h2 {
                    position: absolute;
                    top: -100px;
                }
                #nav-wizard-form {
                    flex-direction: row;
                    position: relative;
                    bottom: -25px;
                    gap: 0;
                    .cmp-list__item-link {
                        display: none;
                    }
                    .cmp-list__item {
                        width: 44%;
                        padding-left: 36px;
                        width: calc(50% - 18px);
                        height: 36px;
                        margin: 0;
                        
                        &:before {
                            z-index: 5;
                            left: auto;
                            right: 0;
                        }
                        &:after {
                            top: 14px;
                            content: '';
                            left: 0 !important;
                            width: 100% !important;
                            border-bottom: 2px solid #bababa;
                            position: absolute;
                            display: block;
                            z-index: 2;
                        }
                        &:first-child {
                            width: 36px;
                            &:after {
                                display: none;
                            }
                        }
                        &.active {
                            margin-bottom: 0;
                            padding-left: 0;
                            &:before {
                                left: auto !important;
                                right: 0;
                            }
                            &:after {
                                border-bottom: 2px solid #2b3c90;
                            }
                        }
                        &.enabled {
                            margin-bottom: 0;
                            padding-left: 0;
                            &:before {
                                left: auto !important;
                                right: 0;
                            }
                            &:after {
                                border-bottom: 2px solid #2b3c90;
                            }
                        } 
                    }
                }
            }
        }
    }

    .layout-previous {
        .cmp-cf__item-title{
            margin-top: 20px;
        }
        .cmp-cf__item-beginning-date{
            display: none;
        }
    }

    .cmp-container .contentfragment.audio-cf, 
    .cmp-container .contentfragment.video-cf {
        z-index: 2;
    }

    .footer-disclaimer-desktop {
        background-position: center;
    }

    .tabs-style-category {
        .cmp-tabs__tablist {
            justify-content: center;
            margin-bottom: 48px;
            
        }
        .cmp-tabs__tabpanel {
            display: block;
            height: 0;
            overflow: hidden;
            &.cmp-tabs__tabpanel--active {
                display: block;
                height: auto;
                overflow: unset;
            }
        }
    }

    .cmp-experiencefragment--footer {
        position: relative;
        .cmp-container {
            position: initial;
            .footer-box-desktop .dam-image-mobile {
                position: absolute;
                margin: 0 auto;
                bottom: 42px;
                width: 60%;
                right: 0;
                left: 0;
            }
        }
        .container > .container-wrapper {
            position: initial;
        }
        .footer-box-desktop > .container-wrapper > .cmp-container > .text {
            bottom: 15px;
        }
    }

    #webinar-form-cancel {
        display: none;
    }

    #teaser-container .teaser .cmp-teaser__image img, .teaser-container .teaser .cmp-teaser__image  {
        margin: 0 auto;
        max-width: 60%;
    }

    #hero-link-button {
        font-family: Bariol-Bold;
    }
    #hero-link .cmp-list__item-link .cmp-list__item-title,
    .hero-link .cmp-list__item-link .cmp-list__item-title {
        font-family: Bariol-Bold;
    }

    #product-detail-col-left #hero-carousel-mobile {
        padding: 0 24px;
    }

    .hero-carousel,
    .hero-carousel-desktop,
    .hero-carousel-mobile {
        margin-left: auto;
        margin-right: auto;
        .cmp-carousel {
            margin-top: 32px;
            .slick-list.draggable {
                margin-left: 0;
            }
            .slick-dots li.slick-active button:before {
                background-color: transparent;
            }
        }
        .slick-arrow {
            
            &.slick-prev {
                transform: translateY(-98%);
                &:focus,  &:hover {
                    color: #51338b;
                }
                &:before {
                    transform: rotate(0deg) !important;
                    border-width: 0px !important;
                }
                
            }
            &.slick-next {
                transform: translateY(-98%);
                &:focus,  &:hover {
                    color: #51338b;
                }
                &:before {
                    transform: rotate(0deg) !important;
                    border-width: 0px !important;
                }
                
            }
        }

    }

    .hero-carousel,
    .hero-carousel-desktop {
        .slick-navigation,
        .slick-navigation-desktop {
            width: auto;
            margin: 25px auto 0;
            padding-right: 48px;
            padding-left: 48px;
            position: relative;
            display: table;
            height: 60px;
            .slick-arrow {
                &.slick-prev:before {
                    opacity: 1;
                    font-family: FontAwesome;
                    content: url("data:image/svg+xml,<svg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.65424 9.95803L11.3742 3.23809C11.7277 2.88243 11.9262 2.4013 11.9262 1.8998C11.9262 1.3983 11.7277 0.917178 11.3742 0.56151C11.1977 0.383587 10.9878 0.242364 10.7564 0.145991C10.5251 0.0496174 10.277 0 10.0264 0C9.77579 0 9.52768 0.0496174 9.29635 0.145991C9.06503 0.242364 8.85508 0.383587 8.67861 0.56151L0.629869 8.61024C0.451946 8.78672 0.310725 8.99667 0.214351 9.22799C0.117978 9.45932 0.0683594 9.70743 0.0683594 9.95803C0.0683594 10.2086 0.117978 10.4567 0.214351 10.6881C0.310725 10.9194 0.451946 11.1293 0.629869 11.3058L8.67861 19.4495C8.85598 19.6254 9.06634 19.7646 9.29762 19.8591C9.52891 19.9535 9.77656 20.0014 10.0264 20C10.2762 20.0014 10.5239 19.9535 10.7552 19.8591C10.9864 19.7646 11.1968 19.6254 11.3742 19.4495C11.7277 19.0938 11.9262 18.6127 11.9262 18.1112C11.9262 17.6097 11.7277 17.1285 11.3742 16.7729L4.65424 9.95803Z' fill='%2351338B'/></svg>");
                    position: absolute;
                    font-size: 14px;
                    color: #2b3c90;
                    left: 0;
                    top: -3px;
                }
                &.slick-next:before {
                    opacity: 1;
                    font-family: FontAwesome;
                    content: url("data:image/svg+xml,<svg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.3951 8.6513L3.30798 0.564188C3.13067 0.385416 2.91972 0.24352 2.68729 0.146687C2.45486 0.049854 2.20556 0 1.95377 0C1.70198 0 1.45268 0.049854 1.22025 0.146687C0.987827 0.24352 0.776874 0.385416 0.599562 0.564188C0.244318 0.921551 0.0449219 1.40497 0.0449219 1.90886C0.0449219 2.41275 0.244318 2.89617 0.599562 3.25353L7.35154 10.0055L0.599562 16.7575C0.244318 17.1149 0.0449219 17.5983 0.0449219 18.1022C0.0449219 18.6061 0.244318 19.0895 0.599562 19.4468C0.777784 19.6236 0.989147 19.7635 1.22153 19.8584C1.45392 19.9533 1.70275 20.0014 1.95377 20C2.20479 20.0014 2.45363 19.9533 2.68601 19.8584C2.9184 19.7635 3.12976 19.6236 3.30798 19.4468L11.3951 11.3597C11.5739 11.1824 11.7158 10.9715 11.8126 10.739C11.9094 10.5066 11.9593 10.2573 11.9593 10.0055C11.9593 9.75372 11.9094 9.50442 11.8126 9.272C11.7158 9.03957 11.5739 8.82862 11.3951 8.6513Z' fill='%2351338B'/></svg>");
                    position: absolute;
                    font-size: 14px;
                    color: #2b3c90;
                    right: 0;
                    top: -3px;
                }
            }
            .slick-dots {
                display: contents;
                li {
                    height: 16px;
                    width: 16px;
                    button:before {
                        height: 16px;
                        width: 16px;
                    }
                    &.slick-active {
                        width: 32px !important;
                        button {
                            top: -2px;
                            position: relative;
                            height: 16px !important;
                            width: 32px !important;
                            background-color: #51338b !important;
                            border-radius: 16px; 
                        }
                    }
                }
            }
        }
    }

    .modal-overlay {
        .modal-container {
            .controls {
                .close-btn {
                    height: 30px;
                    width: 30px;
                }
            }
            .swiper-slide {
                height: 100%;
            }
            .swiper .swiper-wrapper {
                height: 100%;
            }
        }
    }

    .hero-carousel-mobile {
        .slick-navigation-mobile .slick-dots li {
            height: 10px;
            width: 10px;
            button:before {
                height: 10px;
                width: 10px;
            }
        }
        .cmp-carousel .cmp-carousel__item {
            border-radius: 0;
        }
    }

    #temukan-kami-list {
        .cmp-teaser__title {
            margin-top: 20px;
            font-size: 20px;
            color: #2b3c90;
        }
    }
    #baca-lebih-lanjut {
        margin: 24px auto 48px;
    }
    .cmp-cf__item-pdfviewer {
        iframe {
            min-height: 100vh;
            margin-bottom: 24px;
        }
        .cmp-cf__item-download-button {
            .cmp-button {
                margin: 0 auto 48px;
                display: table;
                color: #fff;
            }
        }
    }

    .cmp-resultcontainer__container {
        .cmp-container {
            .image {
                width: 170px;
                height: 200px;
                background-image: url(https://globalcdns.com/images/ellipse.png);
                background-position: top center;
                background-repeat: no-repeat;
                background-size: contain;
                margin: 0 auto 32px;
            }
        }
    }

    #webinar-detail-page {
        .box-article-meta {
            padding: 0 24px !important;
            min-height: 48px;
        }
        .contentfragment.guest-cf {
            position: absolute;
            left: 74px ;
            top: 0;
        }
    }

    &#alergi-protein-susu-sapi {
        .image.aem-GridColumn.aem-GridColumn--default--12 {
            width: 65px;
        }
        #secondary-container .image.aem-GridColumn.aem-GridColumn--default--12,
        .secondary-container .image.aem-GridColumn.aem-GridColumn--default--12 {
            width: 100%;
        }
    }

    &#digimed {
        .cmp-title__text {
            margin-top: 24px;
            margin-bottom: 24px;
        }
        .footer-disclaimer-desktop {
            .cmp-title__text {
                margin-top: 0px;
                margin-bottom: 12px;
            }
        }
        .cmp-tabs__tab:first-child {
            margin-left: 0;
        }
        .cmp-tabs .cmp-tabs__tablist {
            margin-left: 0 !important;
            margin-bottom: 32px;
        }
    }

    &#beranda {
        #white-container {
            padding-top: 24px !important;
        }
        #pink-container, .pink-container {
            overflow-y: hidden;
        }
        .background-half-blue {
            .title {
                padding-bottom: 0px;
            }
        }
        .contentfragmentlist.layout-video.layout-reels {
            .cmp-contentfragment {
                margin-bottom: 0;
                .contentwrapper-left.learning-asset.podcast {
                    min-height: auto !important;
                }
            }
        } 
        .contentfragmentlist .cmp-contentfragment .contentwrapper-left {
            min-height: auto !important;
        }
        @media (max-width: 768px) {
            #blue-container {
                padding: 20px 0;
                .button {
                    margin-top: 20px;
                    position: relative;
                }
            }
            #white-container2 {
                padding-bottom: 0;
            }
            .background-half-blue {
                .title {
                    padding-bottom: 0;
                }
            }
            .carousel.panelcontainer {
                margin-bottom: 0;
            }
            #testimonial-carousel #teaser-6e251f2a55 {
                .cmp-teaser__content .cmp-teaser__title {
                    width: 32vh;
                    display: table;
                }
            }
            h5 {
                line-height: 1.4;
                height: 50px;
            }
            .footer-disclaimer-desktop {
                h5 {
                    line-height: 2;
                }
            }
        }
    }

    &#alergi {
        .cmp-contentfragmentlist.slick-slider {
            display: none;
        }
        .cmp-contentfragmentlist.slick-initialized.slick-slider {
            display: block;
        }

    }

    &#nutrisi-awal-kehidupan {
        .tabs-style-category .cmp-tabs__tabpanel .container-wrapper .button .cmp-button{
            position: relative;
            &:before {
                content: "\f054";
                display: inline-block;
                font: normal normal normal 14px / 1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                position: absolute;
                font-size: 12px;
                right: 19px;
                top: 11px;
                @media (max-width: 768px) {
                    display: none;
                }
            }

        }
        .footer-box-desktop p {
            color: #fff !important;
        }
        .main-container {
            .text.list-style-default {
                display: none;
            }
        }
        .container.secondary-container, 
        .container.responsivegrid.secondary-container, 
        .secondary-container {
            padding-top: 48px !important;
            .tabs-style-category {
                padding-top: 8px;
            }
            .cmp-tabs__tabpanel > .container > .container-wrapper > .cmp-container {
                margin-top: 48px;
            }
            @media (max-width: 768px) {
                .cmp-tabs__tablist {
                    justify-content: left;
                    .cmp-tabs__tab {
                        line-height: 1.2;
                    }
                }
                .title.category-title {
                    padding-bottom: 0;
                    .cmp-title__text {
                        font-size: 24px !important;
                        margin-bottom: 0;
                        text-align: left;
                    }
                }
            }
        }
        @media (max-width: 768px) {
            .container.responsivegrid.secondary-container {
                padding-top: 24px !important;
            }
            .main-container {
                .hero-banner-mobile>.cmp-teaser .cmp-teaser__content {
                    display: block;
                    .cmp-teaser__title {
                        display: none;
                    }
                }
                .text.list-style-default {
                    display: block;
                    .cmp-text p {
                        font-family: 'Bariol-Bold';
                        color: #2b3c90 !important;
                        font-size: 32px;
                    }
                }
            }
        }
    }

    &#digimed {
        .layout-pagination > .cmp-contentfragmentlist {
            padding: 24px 0;
        }
    }

    &#skrining-dan-diagnosis {
        #main-container {
            padding-left: 0px;
            padding-right: 0px;
        }
        .main-container {
            padding-right: 0 !important;
            padding-left: 0 !important;
            .breadcrumb {
                margin-left: 15px !important;
                padding-top: 10px !important;
            }
        }
        .hero-carousel-mobile {
            .cmp-carousel {
                margin-top: 0px;
            }
        }
        .medical-tools-list {
            padding-bottom: 48px !important;
            .cmp-container {
                display: flex;
            }
            .teaser {
                position: relative;
                flex: 0 0 33.33333%;
                max-width: 33.33333%;
                padding: 0 15px;
                &.badge-liga-cermat:before {
                    content: '';
                    position: absolute;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: top center;
                    background-image: url(images/Liga-CERMAT-Badge.svg);
                    display: block;
                    height: 122px;
                    right: 40px;
                    width: 80px;
                }
                &.badge-skrining-baru:before {
                    content: '';
                    position: absolute;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: top center;
                    background-image: url(https://nutriciaprofessional.id/assets/Nutrical/Nutrical-Badge-07-08-08.svg);
                    display: block;
                    height: 130px;
                    right: 15px;
                    width: 130px;
                }
                .cmp-teaser {
                    border: 1px solid #51338b;
                    border-radius: 24px;
                    padding: 24px;
                    .cmp-image {
                        width: 120px;
                        margin: 0 auto 24px;
                    }
                    .cmp-teaser__action-link {
                        width: 100%;
                        padding: 8px 9pt;
                        background: #2b3c90;
                        background: linear-gradient(90deg, #2b3c90 22%, #51338b) !important;
                        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
                        border: 1px solid transparent !important;
                        font-family: Bariol-Bold;
                        border-radius: 50px;
                        text-align: center;
                        display: block;
                        color: #fff;
                    }
                }
            }
            @media (max-width: 768px) {
               .cmp-container {
                   flex-direction: column;
               } 
               .teaser {
                    padding: 0;
                    margin-top: 20px;
                    flex: 0 0 100%;
                    max-width: 100%;
                    &.badge-liga-cermat:before {
                        right: 20px;
                    }
                    &.badge-skrining-baru:before {
                        right: 0px;
                    }
                }
            }
        }
    }

    &#webinar {
        .secondary-container > .container-wrapper > .cmp-container > .title {
            margin-bottom: 32px;
            margin-top: 32px;
            .cmp-title__text {
                font-size: 32px;
            }
        }
    }

    &#our-products-detail {
        .footer-disclaimer-desktop {
            .cmp-title__text {
                line-height: 2.2;
            }
        }
        .footer-box-desktop .footer-link-desktop {
            .cmp-title__text {
                line-height: 2.2;
                color: #fff !important;
            }
        }
    }

    &#snk {
        .footer-disclaimer-desktop {
            .cmp-title__text {
                font-size: 20px;
            }
        }
    }

    #myModal .modal-content .modal-body {
        .row>.d-flex .img-disclaimer {
            background-position: top !important;
            background-size: cover !important;
        }
        .row>div:first-child h5 {

        }
    }

    &#skrining-dan-diagnosis .medical-tools__list > div:last-child {
        .medical-tools__item:before {
            background-image: url('https://nutriciaprofessional.id/assets/Nutrical/Nutrical-Badge-07-08-08.svg');
        }
    }

    &#modul-skp-quiz {
        .cmp-multistepcalculator__container {
            padding-bottom: 80px;
            .cmp-multistepcalculator__wrapper {
                width: 566px;
                display: block;
                .cmp-multistepcalculator__steps {
                    min-width: 566px;
                    button.cmp-navigationbutton[data-originalnavigate=substep] {
                        right: 0;
                    }
                    button.cmp-navigationbutton[data-back=true] {
                        left: 0;
                    }
                }
                @media (max-width: 768px) {
                    width: 100%;
                    .cmp-multistepcalculator__steps {
                        min-width: 100%;
                    }
                    .title .cmp-title h1 {
                        font-size: 28px;
                    }
                }
            }
        }
    }

    .close-reels-button {
        top: 10px;
        left: 10px;
        position: absolute;
        background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' fill='%23FFFFFF'/></svg>");
        background-color: transparent;
        background-size: 30px;
        color: transparent;
        border-width: 0;
        height: 30px;
        width: 30px;
        margin: 0;
        z-index: 1;
    }


    &#medical-module {
        .layout-pagination .cmp-contentfragmentlist .cmp-contentfragment {
            flex: 0 0 51%;
        }
        .layout-skp .cmp-contentfragmentlist .cmp-contentfragment .contentwrapper-left .cmp-cf__item-title {
            height: auto;
        }
        .cmp-contentfragmentlist .cmp-contentfragment .cmp-cf__item-title h5 {
            -webkit-line-clamp: initial;
            text-overflow: initial;
            height: auto;
        }
    }

    #detail-medical-module {
        .box-article-body {
            .card-header {
                background-color: transparent;
                border-bottom-width: 0;
                padding: 0;
            }
        }
        .category-tabs-pagination {
            margin-top: 32px;
            .cmp-tabs__tabpanel {
                min-height: 200px;
                .cmp-title .cmp-title__text{
                    font-size: 24px !important;
                    line-height: 1.5 !important;
                }
            }
        }
        @media (max-width: 768px) {
            .category-tabs-pagination {
                .cmp-tabs__tabpanel {
                    .card-header h3 {
                        font-size: 24px;
                        line-height: 1.5;
                    }
                    
                    .cmp-contentfragment__elements {
                        padding-right: 0;
                        padding-left: 0;
                    }
                }
            }
        }

    }

    .button.type-back .cmp-button:before {
        content: "\f053";
        font: normal normal normal 14px / 1 FontAwesome;
    }

    &#modul-skp-quiz {
        .type-back button.cmp-button span:before {
            background: transparent;
        }
        .cmp-multistepcalculator__wrapper {
            margin: 0 auto;
            padding: 0;
            display: table;
        }
    }

    .container.secondary-container, 
    .container.responsivegrid.secondary-container, 
    .secondary-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .contentfragmentlist.list-cf {
        margin-top: 24px;
    }

    .contentfragmentlist.layout-audio,
    .contentfragmentlist.layout-video,
    .contentfragmentlist.layout-e-learning,
    .contentfragmentlist.section-jurnal-ilmiah,
    .contentfragmentlist.section-materi-persentasi {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 0px;
        margin-top: 24px;
        width: 100% !important;
    }

    .cmp-contentfragmentlist-noresult {
        margin-left: 15px;
        color: #3c3c3c;
    }

    #section-content {
        .cmp-container .button {
            margin-bottom: 32px;
        }
    }

    @media(min-width: 1024px) {
        #header .navigation .cmp-navigation__bottombar {
            padding-right: 15px;
            padding-left: 10px;
        }
        #header .navigation .cmp-navigation__metanavigation {
            max-width: 310px;
            li.cmp-navigation__item.cmp-navigation__item--level-2:nth-child(2) {
                min-width: 138px;
            }
        }
    }

    @media(max-width: 1024px) {
        .container.main-container, 
        .container.responsivegrid.main-container, 
        .main-container {
            padding-top: 35px !important;
        }
        .container.secondary-container, 
        .container.responsivegrid.secondary-container, 
        .secondary-container {
            .cmp-tabs .cmp-tabs__tablist {
                flex-wrap: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
                li {
                    flex: 0 0 auto;
                    white-space: nowrap;
                    line-height: 1.6;
                }
                &::-webkit-scrollbar {
                    display: none;
                }
            }
        }
        #header .navigation .cmp-navigation__metanavigation {
           display: none;
        } 
        &#expert-podcast {
            .contentfragmentlist.layout-video {
                margin-right: 0px;
                margin-left: 0px;
                margin-top: 0px;
            }
            .tabs-style-category {
                padding-top: 0;
            }
        }
    }

    @media(min-width: 1025px) {
        .container.main-container, 
        .container.responsivegrid.main-container, 
        .main-container {
            padding-top: 0px !important;
        }
    }

    @media (min-width: 769px) {
        .hero-carousel-mobile {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .cmp-modal {
            .cmp-modal__panel {
                max-width: 80% !important;
                width: 80% !important;
                border-radius: 15px;
                max-height: 60%;
                height: auto;
                left: 0;
                right: 0;
                top: 0;
                .cmp-modal__panel__close-button {
                    color: #51338b;
                    font-size: 32px;
                    margin-top: -15px;
                }
            }
        }
        .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.active {
            background: transparent !important;
        }
        .tabs-style-category {
            #category-button, 
            .category-button {
                &:after{
                    content: "";
                    font: 14px/1 FontAwesome;
                    font-size: 9pt;
                    line-height: 2;
                    margin-left: 10px
                }
                .cmp-button__text {
                    display: none;
                }
            }
        }
        &#beranda {
            #hero-carousel-mobile, 
            .hero-carousel-mobile {
                margin-top: 36px;
            }
            #teaser-container .teaser .cmp-teaser__image img {
                height: auto !important;
            }
        }

        &#nutrisi-awal-kehidupan {
            .cmp-tabs__tabpanel {
                display: none; 
                &.cmp-tabs__tabpanel--active {
                    display: block;
                }
                .section__content-header .btn-more {
                    height: 40px;
                    width: 42px;
                }
                .cmp-title__text {
                    padding-top: 0;
                }
                #category-button {
                    margin-top: 5px;
                }
            }
            #secondary-container,
            .container.responsivegrid.secondary-container {
                #category-tabs .cmp-tabs__tablist {
                    margin-right: -15px;
                    margin-left: -15px;
                }
            }
        }

        &#alergi {
            #category-tabs .cmp-tabs__tablist {
                margin-right: -30px;
                margin-left: -15px;
                li:first-child{
                    margin-left: 15px;
                }
            }
            .cmp-teaser__action-container {
                margin-bottom: 32px;
            }
            #third-container {
                padding-right: 0px;
                padding-left: 0px;
            }
        }

        &#e-learning {
            #main-container .breadcrumb, 
            .main-container .breadcrumb {
                padding-top: 20px;
            }

            #secondary-container, .secondary-container {
                padding-left: 0;
                padding-right: 0;
            }
        }

        &#skrining-dan-diagnosis {
            .medical-tools__item {
                margin-top: 32px;
            }
        }
        
        &#our-products .bagan-info {
            opacity: 1;
        }
        
        .hero-carousel-desktop {
            display: none;
        }
        .contentfragmentlist.layout-video, 
        .contentfragmentlist.layout-e-learning, 
        .contentfragmentlist.section-jurnal-ilmiah, 
        .contentfragmentlist.section-materi-persentasi {
            margin-right: 0px;
            margin-left: 0px;
        }
        .cmp-contentfragmentlist .cmp-contentfragment{
            border-width: 0 !important;
        }
        .contentfragmentlist .cmp-contentfragment .contentwrapper-left.learning-asset.podcast {
            min-height: auto !important;
            margin-bottom: 32px;
        }
        &#e-learning{
            .contentfragmentlist .cmp-contentfragment .contentwrapper-left.learning-asset.podcast {
                margin-bottom: 0px;
            }
            #section-content {
                .cmp-container .button {
                     margin-bottom: 0px; 
                }
            }
        }
        &#nutrisi-awal-kehidupan {
            .cmp-tabs__tabpanel .cmp-button {
                margin-bottom: 0px;
            }
            .cmp-tabs .cmp-tabs__tablist {
                margin-right: -15px;
                margin-left: -15px;
                li:first-child {
                    margin-left: 15px;
                }
                li:last-child {
                    margin-right: 15px;
                }
            }
        }
        &#digimed,
        &#expert-podcast {
            .cmp-tabs .cmp-tabs__tablist {
                margin-right: -15px;
                margin-left: -15px;
                li {
                    line-height: 1.3;
                }
                li:first-child {
                    margin-left: 15px;
                }
                li:last-child {
                    margin-right: 15px;
                }
            } 
        }
        &#digimed {
            .cmp-tabs .cmp-tabs__tablist {
                margin-bottom: 32px;
            }
        }
        &#webinar {
            .secondary-container > .container-wrapper > .cmp-container > .title {
                .cmp-title__text {
                    font-size: 24px;
                }
            }
        }
        #myModal .modal-content .modal-body {
            .row>div:first-child h5 {
                padding-left: 0;
            }
        }

        .container.main-container, 
        .container.responsivegrid.main-container, 
        .main-container {
            padding-top: 0px !important;
        }
        .footer-box-desktop .dam-image-mobile {
            margin: 215px auto 0px;
        }
        .footer-box-desktop>.container-wrapper>.cmp-container>.text {
            bottom: -30px;
            .cmp-text p {
                margin-bottom: 0;
            }
        }
    }

    
}

@media (min-width: 768px) {
    body {
        @media (max-width: 1250px) {
            .cmp-experiencefragment--header.mobilenav-open .btn-toggle.active:after,
            #header .navigation .cmp-navigation__metanavigation {
                display: none;
            }
            .navigation .cmp-navigation__icons .cmp-navigation__icon--search,
            .navigation .cmp-navigation__bottombar .btn-toggle,
            .navigation .cmp-navigation__topbar {
                display: block;
            }
            .navigation .cmp-navigation__icons .search {
                top: 100px;
            }
            .navigation .cmp-navigation__bottombar .btn-toggle {
                margin-left: 20px;
            }
            #header .navigation .cmp-navigation__icons {
                right: 15px;
                top: 10px;
            }
            #header .navigation .cmp-navigation__bottombar {
                padding-bottom: 10px;
                padding-right: 40px;
                padding-top: 10px;
            }
            .navigation .cmp-navigation__icons .cmp-navigation__icon--search {
                background-color: transparent;
            }
            .cmp-experiencefragment--header.mobilenav-open {
                position: fixed;
                .btn-toggle.active:before {
                    background-image: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' fill='%23FFFFFF'/></svg>");
                    background-size: 30px;
                    color: transparent;
                    height: 30px;
                    margin: 0;
                    width: 30px
                }
            }
            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>a:before,.navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav.subnav-open>a:after,.navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav>a:after {
                display: none
            }

            .navigation .cmp-navigation__topbar .cmp-navigation__customertypeselection .cmp-navigation__item:before {
                background-image: url(data:image/svg+xml,%3Csvg\ width=\'12\'\ height=\'12\'\ viewBox=\'0\ 0\ 12\ 12\'\ fill=\'none\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ xmlns=\'http://www.w3.org/2000/svg\'\ d=\'M8.22294\ 6.42559C8.81084\ 5.96306\ 9.23995\ 5.32878\ 9.45057\ 4.611C9.6612\ 3.89323\ 9.64287\ 3.12765\ 9.39813\ 2.42078C9.1534\ 1.71391\ 8.69442\ 1.1009\ 8.08506\ 0.667026C7.4757\ 0.233154\ 6.74626\ 0\ 5.99822\ 0C5.25018\ 0\ 4.52074\ 0.233154\ 3.91138\ 0.667026C3.30202\ 1.1009\ 2.84305\ 1.71391\ 2.59831\ 2.42078C2.35357\ 3.12765\ 2.33524\ 3.89323\ 2.54587\ 4.611C2.7565\ 5.32878\ 3.18561\ 5.96306\ 3.77351\ 6.42559C2.76613\ 6.82919\ 1.88717\ 7.49858\ 1.23031\ 8.36243C0.573449\ 9.22627\ 0.163325\ 10.2522\ 0.0436561\ 11.3308C0.0349938\ 11.4095\ 0.041927\ 11.4892\ 0.0640596\ 11.5653C0.0861921\ 11.6413\ 0.123091\ 11.7123\ 0.172649\ 11.7741C0.272735\ 11.8989\ 0.41831\ 11.9789\ 0.577348\ 11.9964C0.736387\ 12.0139\ 0.895861\ 11.9675\ 1.02069\ 11.8674C1.14551\ 11.7673\ 1.22547\ 11.6217\ 1.24296\ 11.4627C1.37464\ 10.2905\ 1.93358\ 9.20788\ 2.81299\ 8.42172C3.6924\ 7.63556\ 4.83064\ 7.20096\ 6.01022\ 7.20096C7.1898\ 7.20096\ 8.32803\ 7.63556\ 9.20744\ 8.42172C10.0869\ 9.20788\ 10.6458\ 10.2905\ 10.7775\ 11.4627C10.7938\ 11.61\ 10.8641\ 11.7461\ 10.9748\ 11.8447C11.0856\ 11.9432\ 11.2289\ 11.9973\ 11.3771\ 11.9964H11.4431C11.6003\ 11.9783\ 11.7439\ 11.8988\ 11.8428\ 11.7753C11.9416\ 11.6517\ 11.9876\ 11.4941\ 11.9708\ 11.3368C11.8505\ 10.2551\ 11.4382\ 9.22657\ 10.778\ 8.3614C10.1177\ 7.49623\ 9.2345\ 6.82705\ 8.22294\ 6.42559ZM5.99822\ 5.99984C5.52382\ 5.99984\ 5.06007\ 5.85916\ 4.66562\ 5.5956C4.27117\ 5.33204\ 3.96373\ 4.95742\ 3.78219\ 4.51913C3.60064\ 4.08084\ 3.55314\ 3.59856\ 3.64569\ 3.13327C3.73825\ 2.66799\ 3.96669\ 2.2406\ 4.30214\ 1.90514C4.6376\ 1.56969\ 5.06499\ 1.34124\ 5.53028\ 1.24869C5.99556\ 1.15614\ 6.47784\ 1.20364\ 6.91613\ 1.38519C7.35442\ 1.56673\ 7.72904\ 1.87417\ 7.9926\ 2.26862C8.25616\ 2.66307\ 8.39684\ 3.12682\ 8.39684\ 3.60122C8.39684\ 4.23737\ 8.14413\ 4.84747\ 7.6943\ 5.2973C7.24447\ 5.74713\ 6.63438\ 5.99984\ 5.99822\ 5.99984Z\'\ fill=\'white\'/%3E%3C/svg%3E);
                background-position: 50%;
                background-repeat: no-repeat;
                color: transparent!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:before,.navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>.cmp-navigation__group>.cmp-navigation__item.cmp-navigation__item--level-1.subnav:before {
                background-color: hsla(0,0%,100%,.01);
                background-image: url(data:image/svg+xml,%0A%3Csvg\ width=\'24\'\ height=\'24\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect\ width=\'24\'\ height=\'24\'\ rx=\'4\'\ fill=\'%238F67A4\'\ fill-opacity=\'0.2\'/%3E%3Cpath\ d=\'M17.6633\ 8.77731C17.45\ 8.56529\ 17.1615\ 8.44629\ 16.8607\ 8.44629C16.56\ 8.44629\ 16.2715\ 8.56529\ 16.0582\ 8.77731L11.9715\ 12.8071L7.94179\ 8.77731C7.72851\ 8.56529\ 7.43999\ 8.44629\ 7.13926\ 8.44629C6.83852\ 8.44629\ 6.55\ 8.56529\ 6.33672\ 8.77731C6.23003\ 8.88314\ 6.14534\ 9.00904\ 6.08755\ 9.14776C6.02975\ 9.28647\ 6\ 9.43526\ 6\ 9.58554C6\ 9.73581\ 6.02975\ 9.8846\ 6.08755\ 10.0233C6.14534\ 10.162\ 6.23003\ 10.2879\ 6.33672\ 10.3938L11.1633\ 15.2204C11.2691\ 15.3271\ 11.395\ 15.4117\ 11.5338\ 15.4695C11.6725\ 15.5273\ 11.8213\ 15.5571\ 11.9715\ 15.5571C12.1218\ 15.5571\ 12.2706\ 15.5273\ 12.4093\ 15.4695C12.548\ 15.4117\ 12.6739\ 15.3271\ 12.7798\ 15.2204L17.6633\ 10.3938C17.77\ 10.2879\ 17.8547\ 10.162\ 17.9125\ 10.0233C17.9702\ 9.8846\ 18\ 9.73581\ 18\ 9.58554C18\ 9.43526\ 17.9702\ 9.28647\ 17.9125\ 9.14776C17.8547\ 9.00904\ 17.77\ 8.88314\ 17.6633\ 8.77731Z\'\ fill=\'%23AC98C5\'/%3E%3C/svg%3E%0A);
                background-position: 50%;
                background-repeat: no-repeat;
                border-radius: 5px;
                content: "";
                display: block!important;
                padding: 9pt;
                position: absolute;
                right: 0;
                top: 15px;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: -webkit-transform .3s ease;
                transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
                transition: transform .3s ease,-webkit-transform .3s ease
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav.mobilenavs-open:before,.navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>.cmp-navigation__group>.cmp-navigation__item.cmp-navigation__item--level-1.subnav.mobilenavs-open:before {
                background-image: url(data:image/svg+xml,%0A%3Csvg\ width=\'28\'\ height=\'28\'\ viewBox=\'0\ 0\ 28\ 28\'\ fill=\'none\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect\ x=\'28\'\ y=\'28\'\ width=\'28\'\ height=\'28\'\ rx=\'6\'\ transform=\'rotate\(-180\ 28\ 28\)\'\ fill=\'white\'/%3E%3Cpath\ d=\'M7.29253\ 10.0999C7.4799\ 9.91264\ 7.73399\ 9.80741\ 7.99892\ 9.80741C8.26386\ 9.80741\ 8.51795\ 9.91264\ 8.70532\ 10.0999L13.9938\ 15.3884L19.2822\ 10.0999C19.3744\ 10.0045\ 19.4846\ 9.9284\ 19.6065\ 9.87604C19.7284\ 9.82368\ 19.8595\ 9.79611\ 19.9922\ 9.79496C20.1248\ 9.79381\ 20.2564\ 9.81909\ 20.3792\ 9.86933C20.502\ 9.91956\ 20.6135\ 9.99375\ 20.7074\ 10.0876C20.8012\ 10.1814\ 20.8754\ 10.2929\ 20.9256\ 10.4157C20.9758\ 10.5385\ 21.0011\ 10.6701\ 21\ 10.8027C20.9988\ 10.9354\ 20.9712\ 11.0665\ 20.9189\ 11.1884C20.8665\ 11.3103\ 20.7904\ 11.4206\ 20.695\ 11.5127L14.7001\ 17.5076C14.5128\ 17.6949\ 14.2587\ 17.8001\ 13.9938\ 17.8001C13.7288\ 17.8001\ 13.4747\ 17.6949\ 13.2874\ 17.5076L7.29253\ 11.5127C7.10522\ 11.3254\ 7\ 11.0713\ 7\ 10.8063C7\ 10.5414\ 7.10522\ 10.2873\ 7.29253\ 10.0999Z\'\ fill=\'%23AC98C5\'/%3E%3C/svg%3E%0A);
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg)
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>.cmp-navigation__group>.cmp-navigation__item.cmp-navigation__item--level-1.subnav.mobilenavs-open>.cmp-navigation__group {
                display: block!important;
                left: 0;
                top: 0
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>.cmp-navigation__group>.cmp-navigation__item>a {
                color: #ac98c5!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>.cmp-navigation__group>.cmp-navigation__item>a:hover {
                color: #fff!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>.cmp-navigation__group {
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav.mobilenavs-open {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -ms-flex-direction: column;
                flex-direction: column;
                height: auto;
                width: 100%
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav.subnav-open .cmp-navigation__group {
                display: none;
                top: 98%
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>.cmp-navigation__group>.cmp-navigation__item--level-1>a {
                padding: 8px 0
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>.cmp-navigation__group>.cmp-navigation__item--level-1.active>a {
                color: #fff!important;
                width: auto
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav.mobilenavs-open .cmp-navigation__group,.navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav.subnav-open.mobilenavs-open .cmp-navigation__group {
                background-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-right: 0!important;
                position: inherit;
                top: 100%;
                width: 100%
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item .cmp-navigation__item-link {
                background-color: transparent;
                padding: 13px 0
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation {
                background: #4a2a80!important;
                padding-left: 20px!important;
                padding-right: 9px!important
            }

            .navigation.open .cmp-navigation__bottombar .btn-toggle:before {
                position: absolute;
                left: 14px;
                top: -20px
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item .cmp-navigation__group li {
                margin: 0
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item {
                height: auto
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item .cmp-navigation__group li:hover {
                background: transparent!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item .cmp-navigation__group li:hover>a,.navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>a {
                color: #fff!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item .cmp-navigation__group li {
                padding: 4px 8px
            }

            .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.subnav.mobilenavs-open .cmp-navigation__group {
                padding-right: 0
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>a,.navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>a:hover,.navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1>a {
                color: #ac98c5!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1.active>a {
                color: #fff!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:hover>.cmp-navigation__group>.cmp-navigation__item--level-1:hover>.cmp-navigation__group {
                display: none!important
            }

            .navigation .cmp-navigation__icons .cmp-navigation__icon--search {
                margin-right: 0
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item.cmp-navigation__item--level-0.active>.cmp-navigation__item-link {
                color: #fff!important
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item.cmp-navigation__item--level-0>a {
                background: transparent;
                width: auto
            }

            #header {
                border-radius: 0
            }

            .navigation .cmp-navigation__bottombar {
                padding: 1rem 1.25rem
            }

            .navigation .cmp-navigation__logo {
                height: 45px;
                max-width: 200px;
                width: 200px
            }

            .navigation .cmp-navigation__topbar .cmp-navigation__customertypeselection {
                background-image: -webkit-gradient(linear,right top,left top,from(#2b3c90),color-stop(20%,#3f378d),to(#51338b));
                background-image: linear-gradient(270deg,#2b3c90,#3f378d 20%,#51338b);
                height: 35px;
                padding: 6px 0
            }

            .navigation .cmp-navigation__topbar .cmp-navigation__customertypeselection .cmp-navigation__item:last-child {
                padding: 0 15px
            }

            .navigation .cmp-navigation__topbar .cmp-navigation__customertypeselection .cmp-navigation__item:last-child .cmp-navigation__item-link {
                font-size: 14px
            }

            .navigation .cmp-navigation__topbar .cmp-navigation__customertypeselection .cmp-navigation__item:first-child:before {
                background-image: url(data:image/svg+xml,%3Csvg\ width=\'12\'\ height=\'12\'\ viewBox=\'0\ 0\ 12\ 12\'\ fill=\'none\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ xmlns=\'http://www.w3.org/2000/svg\'\ d=\'M8.22294\ 6.42559C8.81084\ 5.96306\ 9.23995\ 5.32878\ 9.45057\ 4.611C9.6612\ 3.89323\ 9.64287\ 3.12765\ 9.39813\ 2.42078C9.1534\ 1.71391\ 8.69442\ 1.1009\ 8.08506\ 0.667026C7.4757\ 0.233154\ 6.74626\ 0\ 5.99822\ 0C5.25018\ 0\ 4.52074\ 0.233154\ 3.91138\ 0.667026C3.30202\ 1.1009\ 2.84305\ 1.71391\ 2.59831\ 2.42078C2.35357\ 3.12765\ 2.33524\ 3.89323\ 2.54587\ 4.611C2.7565\ 5.32878\ 3.18561\ 5.96306\ 3.77351\ 6.42559C2.76613\ 6.82919\ 1.88717\ 7.49858\ 1.23031\ 8.36243C0.573449\ 9.22627\ 0.163325\ 10.2522\ 0.0436561\ 11.3308C0.0349938\ 11.4095\ 0.041927\ 11.4892\ 0.0640596\ 11.5653C0.0861921\ 11.6413\ 0.123091\ 11.7123\ 0.172649\ 11.7741C0.272735\ 11.8989\ 0.41831\ 11.9789\ 0.577348\ 11.9964C0.736387\ 12.0139\ 0.895861\ 11.9675\ 1.02069\ 11.8674C1.14551\ 11.7673\ 1.22547\ 11.6217\ 1.24296\ 11.4627C1.37464\ 10.2905\ 1.93358\ 9.20788\ 2.81299\ 8.42172C3.6924\ 7.63556\ 4.83064\ 7.20096\ 6.01022\ 7.20096C7.1898\ 7.20096\ 8.32803\ 7.63556\ 9.20744\ 8.42172C10.0869\ 9.20788\ 10.6458\ 10.2905\ 10.7775\ 11.4627C10.7938\ 11.61\ 10.8641\ 11.7461\ 10.9748\ 11.8447C11.0856\ 11.9432\ 11.2289\ 11.9973\ 11.3771\ 11.9964H11.4431C11.6003\ 11.9783\ 11.7439\ 11.8988\ 11.8428\ 11.7753C11.9416\ 11.6517\ 11.9876\ 11.4941\ 11.9708\ 11.3368C11.8505\ 10.2551\ 11.4382\ 9.22657\ 10.778\ 8.3614C10.1177\ 7.49623\ 9.2345\ 6.82705\ 8.22294\ 6.42559ZM5.99822\ 5.99984C5.52382\ 5.99984\ 5.06007\ 5.85916\ 4.66562\ 5.5956C4.27117\ 5.33204\ 3.96373\ 4.95742\ 3.78219\ 4.51913C3.60064\ 4.08084\ 3.55314\ 3.59856\ 3.64569\ 3.13327C3.73825\ 2.66799\ 3.96669\ 2.2406\ 4.30214\ 1.90514C4.6376\ 1.56969\ 5.06499\ 1.34124\ 5.53028\ 1.24869C5.99556\ 1.15614\ 6.47784\ 1.20364\ 6.91613\ 1.38519C7.35442\ 1.56673\ 7.72904\ 1.87417\ 7.9926\ 2.26862C8.25616\ 2.66307\ 8.39684\ 3.12682\ 8.39684\ 3.60122C8.39684\ 4.23737\ 8.14413\ 4.84747\ 7.6943\ 5.2973C7.24447\ 5.74713\ 6.63438\ 5.99984\ 5.99822\ 5.99984Z\'\ fill=\'white\'/%3E%3C/svg%3E);
                background-position: 50%;
                background-repeat: no-repeat;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                content: "";
                display: block;
                height: 20px;
                position: absolute;
                width: 20px
            }

            .navigation .cmp-navigation__topbar .cmp-navigation__customertypeselection .cmp-navigation__item:first-child .cmp-navigation__item-link {
                color: #fff;
                font-family: Bariol-Bold;
                font-size: 14px;
                margin-left: 26px
            }

            .navigation .cmp-navigation__bottombar {
                padding-bottom: 10px;
                padding-top: 10px
            }
            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation {
                background: #51338b;
                left: 0;
                opacity: 1;
                top: 0;
            }
            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item {
                height: auto;
            }
            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item.cmp-navigation__item--level-0 {
                border-bottom: 1px solid #ac98c5;
                border-radius: 0;
                width: 100%;
            }
            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item .cmp-navigation__item-link {
                background-color: transparent;
                padding: 13px 0;
            }
            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item .cmp-navigation__item-link {
                color: #ac98c5 !important;
                font-family: Bariol-Bold;
                font-size: 18px;
            }
            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav:before, .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item.subnav>.cmp-navigation__group>.cmp-navigation__item.cmp-navigation__item--level-1.subnav:before {
                background-color: hsla(0, 0%, 100%, .01);
                background-image: url(data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='%238F67A4' fill-opacity='0.2'/%3E%3Cpath d='M17.6633 8.77731C17.45 8.56529 17.1615 8.44629 16.8607 8.44629C16.56 8.44629 16.2715 8.56529 16.0582 8.77731L11.9715 12.8071L7.94179 8.77731C7.72851 8.56529 7.43999 8.44629 7.13926 8.44629C6.83852 8.44629 6.55 8.56529 6.33672 8.77731C6.23003 8.88314 6.14534 9.00904 6.08755 9.14776C6.02975 9.28647 6 9.43526 6 9.58554C6 9.73581 6.02975 9.8846 6.08755 10.0233C6.14534 10.162 6.23003 10.2879 6.33672 10.3938L11.1633 15.2204C11.2691 15.3271 11.395 15.4117 11.5338 15.4695C11.6725 15.5273 11.8213 15.5571 11.9715 15.5571C12.1218 15.5571 12.2706 15.5273 12.4093 15.4695C12.548 15.4117 12.6739 15.3271 12.7798 15.2204L17.6633 10.3938C17.77 10.2879 17.8547 10.162 17.9125 10.0233C17.9702 9.8846 18 9.73581 18 9.58554C18 9.43526 17.9702 9.28647 17.9125 9.14776C17.8547 9.00904 17.77 8.88314 17.6633 8.77731Z' fill='%23AC98C5'/%3E%3C/svg%3E%0A);
                background-position: 50%;
                background-repeat: no-repeat;
                border-radius: 5px;
                content: "";
                display: block !important;
                padding: 9pt;
                position: absolute;
                right: 0;
                top: 15px;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: -webkit-transform .3s ease;
                transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
                transition: transform .3s ease, -webkit-transform .3s ease;
            }
            .navigation .cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation {
                background: #51338b;
                bottom: 0;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 100vh;
                left: -100%;
                overflow-y: auto;
                padding: 20px !important;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 1;
            }

            .navigation .cmp-navigation__metanavigation .cmp-navigation__item .cmp-navigation__group li:last-child a {
                margin-bottom: 0
            }

            .navigation.open {
                position: relative;
                z-index: 100000
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation {
                background: #51338b;
                left: 0;
                opacity: 1;
                top: 0
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation .cmp-navigation__logo {
                display: none
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group {
                -webkit-box-align: start;
                -ms-flex-align: start;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                align-items: flex-start;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-top: 1.25rem
            }

            .navigation .cmp-navigation__bottombar .cmp-navigation__item .cmp-navigation__item {
                height: 80px;
            }

            .navigation.open .cmp-navigation__bottombar>.cmp-navigation__item>.cmp_navigation>.cmp-navigation__group .cmp-navigation__item .cmp-navigation__item-link {
                padding: 13px 0;
                color: #fff;
            }

            .navigation>.cmp-navigation>.cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item:nth-child(3)>.cmp-navigation__group>.cmp-navigation__item--level-1:nth-child(2)>a, .navigation>.cmp-navigation>.cmp-navigation__bottombar .cmp-navigation__item>.cmp_navigation>.cmp-navigation__group>.cmp-navigation__item>.cmp-navigation__group>.cmp-navigation__item--level-1>a>.liga-cermat {
                color: #ffd569 !important;
                font-weight: 400;
            }

        }
    }
}