:root{
    --primary-brown: #886400;
    --primary-dark-brown: #5C4300;
    --primary-dark-gray: #333;
    --primary-light-gray: #575757;
    --primary-cream: #F7EDBC;
    --primary-light-brown: #AC913C;
    --primary-gold: #AD923C;
    --bg-light-gray: #F5F5F5;
    --white: #FFFFFF;
    --black: #000000;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .esoteric-labs-box .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .esoteric-labs-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .header-search-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .log-in-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .mobile-menu-box .utility-label {
    color:#AC913C;
}

.page.corporate.basicpage .footer-container, .xf-web-container .footer-container{
    background: #AC913C;
}

/*css init rule hs, p, a, btn*/

.page.corporate.basicpage h2,
.page.corporate.basicpage h3,
.xf-web-container h2,
.xf-web-container h3{
    color: var(--primary-gold);
}

.page.corporate.basicpage h4,
.page.corporate.basicpage h5,
.xf-web-container h4,
.xf-web-container h5 {
    color: var(--primary-brown);
}

@media (max-width: 991px){
    .page.corporate.basicpage h3, .xf-web-container h3{
        font-size:24px;
    }
}

.page.corporate.basicpage a {
    color: var(--primary-light-gray);
}

.page.corporate.basicpage .cmp-text a,
.xf-web-container .cmp-text a {
    color: var(--primary-light-gray);
}

.page.corporate.basicpage .cmp-text a:hover,
.xf-web-container .cmp-text a:hover {
    color: var(--primary-dark-gray);
}

.page.corporate.basicpage a:hover,
.page.corporate.basicpage a:visited,
.page.corporate.basicpage a:link,
.page.corporate.basicpage a:active{
    color: var(--primary-dark-gray);
}

.page.corporate.basicpage a.default,
.xf-web-container a.default {
    color: var(--primary-light-gray);
}

.page.corporate.basicpage a.default:active,
.page.corporate.basicpage a.default:link,
.page.corporate.basicpage a.default:visited,
.xf-web-container a.default:active,
.xf-web-container a.default:link,
.xf-web-container a.default:visited {
    color: var(--primary-dark-gray);
}

.page.corporate.basicpage a.default:hover,
.xf-web-container a.default:hover {
    color: var(--primary-dark-gray);
}

.page.corporate.basicpage .btn.btn-primary-inverse,
.xf-web-container .btn.btn-primary-inverse {
    color: var(--primary-dark-brown);
    background-color: var(--white);
}

.page.corporate.basicpage .btn.btn-primary-inverse:hover,
.xf-web-container .btn.btn-primary-inverse:hover {
    color: var(--white);
    background-color: var(--primary-dark-brown);
    border: 1px solid var(--white);
}

.page.corporate.basicpage .btn.btn-primary,
.xf-web-container .btn.btn-primary {
    background-color: var(--primary-dark-brown);
    color: var(--white);
}

.page.corporate.basicpage .btn.btn-secondary,
.xf-web-container .btn.btn-secondary {
    color: var(--primary-dark-brown);
    border-color: var(--primary-dark-brown);
    background-color: var(--white);
}


.page.corporate.basicpage .btn.btn-primary:hover,
.xf-web-container .btn.btn-primary:hover {
    background-color: var(--white);
    color: var(--primary-dark-brown);
}

.page.corporate.basicpage .btn.btn-secondary:hover,
.xf-web-container .btn.btn-secondary:hover {
    background-color: var(--primary-dark-brown);
    color: var(--white);
    border: 1px solid var(--white);
}

.page.corporate.basicpage .select-mocker ul.options li::before,
.xf-web-container .select-mocker ul.options li::before {
    color: var(--primary-dark-brown);
}

.page.corporate.basicpage .pagination .text,
.xf-web-container .pagination .text,
.page.corporate.basicpage .pagination .buttons ul,
.page.corporate.basicpage .pagination .jump,
.xf-web-container .pagination .buttons ul,
.xf-web-container .pagination .jump {
    color: var(--primary-dark-brown);
}

.page.corporate.basicpage .pagination .buttons li,
.xf-web-container .pagination .buttons li {
    color: var(--primary-dark-brown);
    border: var(--primary-dark-brown);
}

.page.corporate.basicpage .pagination .buttons li.current,
.xf-web-container .pagination .buttons li.current {
    background-color: var(--primary-dark-brown);
    color: var(--white);
}

.page.corporate.basicpage .pagination .buttons .jump button,
.xf-web-container .pagination .buttons .jump button {
    border: 1px solid var(--primary-dark-brown);
    background-color: var(--primary-dark-brown);
}

/* header */

.page.corporate.basicpage .header div.header-container .header-content nav.nav-container ul.nav-content .nav-first-item-click,
.xf-web-container .header div.header-container .header-content nav.nav-container ul.nav-content .nav-first-item-click {
    background: var(--bg-light-gray);
    border-style: solid;
    border-width: 5px 0 0;
    border-image: linear-gradient(to right, #F7EDBC 0%, #AD923C 70%) 30 30;
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li a span.icon-angle-down.rotate,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li a span.icon-angle-down.rotate{
    color: var(--primary-light-gray);
    fill: var(--primary-light-gray);
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li:hover a span.icon-angle-down.rotate,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li:hover a span.icon-angle-down.rotate{
    color: var(--primary-dark-gray);
    fill: var(--primary-dark-gray);
}

.page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content .nav-first-item-click a.nav-link,
.xf-web-container div.header-container .header-content nav.nav-container ul.nav-content .nav-first-item-click a.nav-link {
    color: var(--primary-dark-gray);
}

.page.corporate.basicpage .header div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item>a,
.xf-web-container  .header div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item>a {
    color: var(--primary-light-gray);
}

.page.corporate.basicpage .header div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item:hover>a,
.xf-web-container .header div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item:hover>a {
    color: var(--primary-dark-gray);
    font-weight: bold;
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop {
    background: var(--bg-light-gray);
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li.nav-second-item-click.no-l3-item,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li.nav-second-item-click.no-l3-item{
    color: var(--primary-light-gray);
    background: var(--bg-light-gray);
    /*border: 1px var(--primary-light-gray) solid;*/
    border-bottom: 4px solid;
    border-image: linear-gradient(to right, #F7EDBC 0%, #AD923C 70%) 30 30;
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li.nav-second-item-click,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li.nav-second-item-click{
    color: var(--white);
    background: var(--primary-dark-gray);
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li.li-flag.nav-second-item-click a,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li.li-flag.nav-second-item-click a{
    color: var(--primary-light-gray) !important;
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li a,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li a {
    color: var(--primary-light-gray);
}

.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li:hover>a,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li:hover>a,
.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li.li-flag:hover>a,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li.li-flag:hover>a,
.page.corporate.basicpage div.header-container .nav-second-item-box.L2-items-desktop ul li.li-flag.nav-second-item-click:hover>a,
.xf-web-container div.header-container .nav-second-item-box.L2-items-desktop ul li.li-flag.nav-second-item-click:hover>a{
    color: var(--primary-dark-gray) !important;
    text-decoration: underline;
}

.page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .L3-item-container,
.xf-web-container div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .L3-item-container {
    background: var(--primary-dark-gray);
}

.page.corporate.basicpage .L3-item-left-box,
.xf-web-container .L3-item-left-box {
    background: var(--primary-dark-gray);
}

.page.corporate.basicpage .meganav-promo-container,
.xf-web-container .meganav-promo-container{
    background: var(--primary-dark-gray);
}

.page.corporate.basicpage .L3-item-left-box .list-box li a.L3-item-link:hover,
.xf-web-container .L3-item-left-box .list-box li a.L3-item-link:hover{
    color: var(--white);
}

.page.corporate.basicpage div.header-container .header-content .icons-container .esoteric-labs-box .icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box .icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box .icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box .icon-box,
.xf-web-container div.header-container .header-content .icons-container .esoteric-labs-box .icon-box,
.xf-web-container div.header-container .header-content .icons-container .header-search-box .icon-box,
.xf-web-container div.header-container .header-content .icons-container .log-in-box .icon-box,
.xf-web-container div.header-container .header-content .icons-container .mobile-menu-box .icon-box {
    background: var(--primary-gold) !important;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box-click div.icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .search-box-click div.icon-box,
.xf-web-container div.header-container .header-content .icons-container .log-in-box-click div.icon-box,
.xf-web-container div.header-container .header-content .icons-container .search-box-click div.icon-box {
    background: var(--primary-dark-gray) !important;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .esoteric-labs-box:hover .icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box:hover .icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box:hover .icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box:hover .icon-box,
.xf-web-container div.header-container .header-content .icons-container .esoteric-labs-box:hover .icon-box,
.xf-web-container div.header-container .header-content .icons-container .header-search-box:hover .icon-box,
.xf-web-container div.header-container .header-content .icons-container .log-in-box:hover .icon-box,
.xf-web-container div.header-container .header-content .icons-container .mobile-menu-box:hover .icon-box {
    background: var(--primary-dark-gray) !important;
}

.page.corporate.basicpage .header div.header-container .header-content .icons-container .esoteric-labs-box .icon-box i,
.xf-web-container .header div.header-container .header-content .icons-container .esoteric-labs-box.icon-box i {
    background: url('clientlib-site/resources/images/chat-white-question.svg') no-repeat center top;
    background-size: contain;
}

.page.corporate.basicpage .header div.header-container .header-content .icons-container .esoteric-labs-box:hover .icon-box i,
.xf-web-container .header div.header-container .header-content .icons-container .esoteric-labs-box:hover .icon-box i {
    background: url('clientlib-site/resources/images/chat-white-question.svg') no-repeat center top;
    background-size: contain;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box i,
.xf-web-container div.header-container .header-content .icons-container .log-in-box i {
    background: url('clientlib-site/resources/images/icon-white-log-in.svg') no-repeat center top;
    background-size: contain;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box i,
.xf-web-container div.header-container .header-content .icons-container .header-search-box i {
    background: url('clientlib-site/resources/images/icon-white-search.svg') no-repeat center top;
    background-size: contain;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .esoteric-labs-box .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .esoteric-labs-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .header-search-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .log-in-box .utility-label,
.xf-web-container div.header-container .header-content .icons-container .mobile-menu-box .utility-label {
    color:var(--primary-dark-gray) !important;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .esoteric-labs-box:hover .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box:hover .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box:hover .utility-label,
.page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box:hover .utility-label,
.xf-web-container div.header-container .header-content .icons-container .esoteric-labs-box:hover .utility-label,
.xf-web-container div.header-container .header-content .icons-container .header-search-box:hover .utility-label,
.xf-web-container div.header-container .header-content .icons-container .log-in-box:hover .utility-label,
.xf-web-container div.header-container .header-content .icons-container .mobile-menu-box:hover .utility-label {
    color:var(--primary-dark-gray) !important;
}

.page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box-click div.icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box-click div.icon-box,
.page.corporate.basicpage div.header-container .header-content .icons-container .search-box-click div.icon-box,
.xf-web-container div.header-container .header-content .icons-container .log-in-box-click div.icon-box,
.xf-web-container div.header-container .header-content .icons-container .mobile-menu-box-click div.icon-box,
.xf-web-container div.header-container .header-content .icons-container .search-box-click div.icon-box {
    background: var(--primary-dark-gray) !important;
}

.page.corporate.basicpage div.header-container .header-content nav.nav-container .nav-third-item-box.for-mobile ul div.back-box,
.xf-web-container div.header-container .header-content nav.nav-container .nav-third-item-box.for-mobile ul div.back-box {
    background: var(--primary-gold) !important;
}


/*  header mobile  */

.page.corporate.basicpage div.header-container .header-content nav.nav-container .nav-third-item-box.for-mobile ul,
.xf-web-container div.header-container .header-content nav.nav-container .nav-third-item-box.for-mobile ul {
    background: var(--primary-dark-gray);
}

@media (max-width: 991px) {

    .page.corporate.basicpage div.header-container, .xf-web-container div.header-container{
        border-width: 0;
        border-top: 0;
        border-image: none;
    }

    .page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item-click,
    .xf-web-container div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item-click {
        background: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .nav-second-item-box.L2-items-mobile ul,
    .xf-web-container div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .nav-second-item-box.L2-items-mobile ul {
        background: var(--primary-light-gray);
    }

    .page.corporate.basicpage div.header-container .header-content .icons-container .esoteric-labs-box:hover .utility-label,
    .page.corporate.basicpage div.header-container .header-content .icons-container .header-search-box:hover .utility-label,
    .page.corporate.basicpage div.header-container .header-content .icons-container .log-in-box:hover .utility-label,
    .page.corporate.basicpage div.header-container .header-content .icons-container .mobile-menu-box:hover .utility-label,
    .xf-web-container div.header-container .header-content .icons-container .esoteric-labs-box:hover .utility-label,
    .xf-web-container div.header-container .header-content .icons-container .header-search-box:hover .utility-label,
    .xf-web-container div.header-container .header-content .icons-container .log-in-box:hover .utility-label,
    .xf-web-container div.header-container .header-content .icons-container .mobile-menu-box:hover .utility-label {
        color: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .nav-second-item-box.L2-items-mobile ul li.nav-second-item-click.no-l3-item,
    .xf-web-container div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .nav-second-item-box.L2-items-mobile ul li.nav-second-item-click.no-l3-item {
        background: var(--bg-light-gray);
        color: var(--primary-dark-gray);
    }

    .page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .nav-second-item-box.L2-items-mobile ul li.nav-second-item-click.no-l3-item a,
    .xf-web-container div.header-container .header-content nav.nav-container ul.nav-content li.nav-first-item .nav-second-item-box.L2-items-mobile ul li.nav-second-item-click.no-l3-item a {
        color: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage .header div.header-container .header-content nav.nav-container ul.nav-content li.contact-us::before,
    .xf-web-container .header div.header-container .header-content nav.nav-container ul.nav-content li.contact-us::before {
        background: url('clientlib-site/resources/images/chat-black-question.svg') no-repeat center top;
    }

    .page.corporate.basicpage div.header-container .header-content nav.nav-container ul.nav-content li.contact-us a,
    .xf-web-container div.header-container .header-content nav.nav-container ul.nav-content li.contact-us a {
        font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
    }

}

.page.corporate.basicpage div.header-container .header-content nav.nav-container .nav-third-item-box.for-mobile ul div.mobile-promo-item-click,
.xf-web-container div.header-container .header-content nav.nav-container .nav-third-item-box.for-mobile ul div.mobile-promo-item-click {
    background: var(--primary-dark-gray);
}

/*  carousel  */

.page.corporate.basicpage .carousel .carousel-wrapper .banner-tab .tab-box,
.xf-web-container .carousel .carousel-wrapper .banner-tab .tab-box {
    border-bottom: 1px solid var(--primary-brown);
    background: var(--primary-brown) !important;
}

.page.corporate.basicpage .carousel .carousel-wrapper .banner-tab .tab-box.on,
.xf-web-container .carousel .carousel-wrapper .banner-tab .tab-box.on {
    background-image: -webkit-linear-gradient(131deg,var(--primary-brown) 0,var(--primary-dark-brown)) !important;
    background-color: var(--primary-dark-brown);
}

/*  basic carousel   */

.page.corporate.basicpage div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(odd),
.xf-web-container div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(odd) {
    background-color: var(--primary-brown);
}

.page.corporate.basicpage div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(even),
.xf-web-container div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(even) {
    color: var(--primary-brown);
    border-color: var(--primary-brown);
    background-color: var(--white);
}

.page.corporate.basicpage div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(even):hover,
.xf-web-container div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(even):hover,
.page.corporate.basicpage div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(odd):hover,
.xf-web-container div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__actions .cmp-carousel__action:nth-child(odd):hover {
    background-color: var(--primary-dark-brown);
}

.page.corporate.basicpage div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__indicators .cmp-carousel__indicator.cmp-carousel__indicator--active,
.xf-web-container div.basic-carousel.carousel .cmp-carousel__content .cmp-carousel__indicators .cmp-carousel__indicator.cmp-carousel__indicator--active {
    background-color: var(--primary-dark-brown);
}


/*  page banner    */
.page.corporate.basicpage .page-banner-container,
.xf-web-container .page-banner-container {
    background-color: var(--primary-gold);
}

.page.corporate.basicpage .page-banner-content .breadcrumb-nav li a,
.xf-web-container .page-banner-content .breadcrumb-nav li a{
    color: var(--black);
}

.page.corporate.basicpage .page-banner-content ul li .sep,
.xf-web-container .page-banner-content ul li .sep {
    color: var(--black);
}

.page.corporate.basicpage .page-banner-content .breadcrumb-nav li.current span,
.xf-web-container .page-banner-content .breadcrumb-nav li.current span {
    color: var(--black);
}

/*  related hub content */


.page.corporate.basicpage .related-hub-content-container .related-hub-box .content-list-box .content-item .content-type,
.xf-web-container .related-hub-content-container .related-hub-box .content-list-box .content-item .content-type {
    color: var(--primary-dark-brown) !important;
}

.page.corporate.basicpage .related-hub-content-container .related-hub-box .you-may-like,
.xf-web-container .related-hub-content-container .related-hub-box .you-may-like {
    color: var(--primary-dark-brown) !important;
}

/*  list  */

.page.corporate.basicpage div.list .cmp-list__container h2.cmp-list__title,
.xf-web-container div.list .cmp-list__container h2.cmp-list__title {
    font-family: "Roboto Bold", sans-serif;
}

.page.corporate.basicpage .list .cmp-list__container,
.xf-web-container .list .cmp-list__container {
    background-color: var(--white) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list,
.xf-web-container .list .cmp-list__container .cmp-list {
    background-color: var(--white) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item.l1:not(:first-child), .xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item.l1:not(:first-child){
    border-top: 1px dashed var(--primary-dark-gray);
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title {
    color: var(--primary-light-gray) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title:active,
.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title:hover,
.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title:link,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title:active,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title:hover,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-title:link {
    color: var(--primary-dark-gray) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item.current-page,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item.current-page {
    background-color: var(--primary-dark-gray) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .current-page .cmp-list__item-title,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .current-page .cmp-list__item-title {
    color: var(--white) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-link.current-page:hover,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-link.current-page:hover{
    background-color: var(--primary-dark-gray) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-link.current-page:hover a,
.xf-web-container .list .cmp-list__container .cmp-list .cmp-list__item article .cmp-list__item-link.current-page:hover a {
    color: var(--white) !important;
}

.page.corporate.basicpage .list .cmp-list__container .cmp-expansion,
.xf-web-container .list .cmp-list__container .cmp-expansion {
    background-color: var(--white) !important;
    color: var(--primary-dark-gray) !important;
}

/*   featured content static   */

.page.corporate.basicpage .corp-cta, .xf-web-container .corp-cta {
    background-color: var(--primary-dark-brown) !important;
}

.page.corporate.basicpage.consumer .image-feature-container .corp-cta {
    background-color: var(--primary-dark-brown) !important;
}

.page.corporate.basicpage .image-feature-container .corp-cta,
.xf-web-container .image-feature-container .corp-cta {
    border-image-source: none;
}

.page.corporate.basicpage .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .swiper-content .tagLine,
.xf-web-container .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .swiper-content .tagLine {
    color: var(--primary-dark-brown) !important;
}

.page.corporate.basicpage .featuredcontentstatic .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .button-box,
.xf-web-container .featuredcontentstatic .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .button-box {
    margin-top: 18px;
}

.page.corporate.basicpage .featuredcontentstatic .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .swiper-content .title,
.xf-web-container .featuredcontentstatic .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .swiper-content .title {
    font-size: 33px;
    line-height: 1.3;
}

.page.corporate.basicpage .featuredcontentstatic .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .swiper-content .dot,
.xf-web-container .featuredcontentstatic .swiper-container.featured__content__static__container .swiper-slide .swiper-content__container .swiper-content .dot {
    border: 1px dashed #333;
}

/*    featured content   */

.page.corporate.basicpage .swiper.featured__content__container .swiper-slide .swiper-content__container .swiper-content .content-wrapper .article,
.xf-web-container .swiper.featured__content__container .swiper-slide .swiper-content__container .swiper-content .content-wrapper .article {
    color: var(--black) !important;
}

.page.corporate.basicpage .swiper.featured__content__container .swiper-slide .swiper-content__container.wide .swiper-content .title,
.xf-web-container .swiper.featured__content__container .swiper-slide .swiper-content__container.wide .swiper-content .title {
    color: var(--primary-dark-brown) !important;
}

.page.corporate.basicpage .swiper.featured__content__container .swiper-slide .swiper-content__container.narrow .swiper-content .description,
.xf-web-container .swiper.featured__content__container .swiper-slide .swiper-content__container.narrow .swiper-content .description {
    color: var(--black);
}

.page.corporate.basicpage .swiper.featured__content__container .swiper-slide .swiper-content__container .swiper-content .author,
.xf-web-container .swiper.featured__content__container .swiper-slide .swiper-content__container .swiper-content .author {
    color: var(--black);
}

.page.corporate.basicpage .narrow-dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.xf-web-container .narrow-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary-dark-brown) !important;
}

.page.corporate.basicpage .swiper.featured__content__container .swiper-slide .swiper-content__container .swiper-content .btn-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.xf-web-container .swiper.featured__content__container .swiper-slide .swiper-content__container .swiper-content .btn-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary-dark-brown) !important;
}

/*  icon link  */

.page.corporate.basicpage .corp-icon-link-container .corp-icon-link-content .corp-icon-link-desc,
.xf-web-container .corp-icon-link-container .corp-icon-link-content .corp-icon-link-desc {
    color: var(--black) !important;
}

.page.corporate.basicpage .corp-icon-link-container .corp-icon-link-img svg,
.xf-web-container .corp-icon-link-container .corp-icon-link-img svg {
    fill: var(--primary-gold) !important;
}

.page.corporate.basicpage .iconlink .corp-icon-link-container .corp-icon-link-content .corp-icon-link-desc a:hover,
.xf-web-container .iconlink .corp-icon-link-container .corp-icon-link-content .corp-icon-link-desc a:hover {
    color: var(--primary-light-gray);
}

@media(max-width: 991px) {
    .page.corporate.basicpage .corp-icon-link-container .corp-icon-link-content .corp-icon-link-title,
    .xf-web-container .corp-icon-link-container .corp-icon-link-content .corp-icon-link-title {
        font-family: "Roboto Bold", Helvetica, Arial, sans-serif;
        font-size: 18px;
    }
}

    /*  blog slider   */

    .page.corporate.basicpage .blog-slider-container,
    .xf-web-container .blog-slider-container {
        background: var(--white);
    }

    .page.corporate.basicpage .blog-slider-container .blog-slider-content .blog-slider-title,
    .xf-web-container .blog-slider-container .blog-slider-content .blog-slider-title {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .swiper-button-next,
    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .swiper-button-prev,
    .xf-web-container .blog-slider-container .blog-slider-content .content .swiper-button-next,
    .xf-web-container .blog-slider-container .blog-slider-content .content .swiper-button-prev {
        color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .swiper-button-next:hover,
    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .swiper-button-prev:hover,
    .xf-web-container .blog-slider-container .blog-slider-content .content .swiper-button-next:hover,
    .xf-web-container .blog-slider-container .blog-slider-content .content .swiper-button-prev:hover {
        color: var(--primary-light-brown) !important;
    }

    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .my-bolg-swiper .swiper-wrapper .swiper-slide .slide-content .card-content .text-content .card-link,
    .xf-web-container .blog-slider-container .blog-slider-content .content .my-bolg-swiper .swiper-wrapper .swiper-slide .slide-content .card-content .text-content .card-link {
        color: var(--primary-light-gray) !important;
    }

    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .my-bolg-swiper .swiper-wrapper .swiper-slide .slide-content .card-content .text-content .card-link:hover,
    .xf-web-container .blog-slider-container .blog-slider-content .content .my-bolg-swiper .swiper-wrapper .swiper-slide .slide-content .card-content .text-content .card-link:hover {
        color: var(--primary-light-brown) !important;
    }

    .page.corporate.basicpage .blog-slider-container .blog-slider-content .content .my-bolg-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .xf-web-container .blog-slider-container .blog-slider-content .content .my-bolg-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--primary-dark-brown) !important;
    }

    /*  ttac  */

    .page.corporate.basicpage .container-main #container-main .aem-Grid .container .cmp-container-div .aem-Grid .ttac:first-child .row-ttac-container.layout-one .media-ttac-container .content .text-box .title,
    .xf-web-container .container-main #container-main .aem-Grid .container .cmp-container-div .aem-Grid .ttac:first-child .row-ttac-container.layout-one .media-ttac-container .content .text-box .title,
    .page.corporate.basicpage .container-main #container-main .aem-Grid .container .cmp-container-div .aem-Grid .ttac:first-child .row-ttac-container.layout-two .media-ttac-container .content .text-box .title,
    .xf-web-container .container-main #container-main .aem-Grid .container .cmp-container-div .aem-Grid .ttac:first-child .row-ttac-container.layout-two .media-ttac-container .content .text-box .title{
        font-size: 33px;
        line-height: 1.3;
        color: var(--primary-gold) !important;
    }

    .page.corporate.basicpage .row-ttac-container.layout-one .media-ttac-container .content .text-box .topic,
    .xf-web-container .row-ttac-container.layout-one .media-ttac-container .content .text-box .topic {
        color: var(--black) !important;
    }

    .page.corporate.basicpage .row-ttac-container .media-ttac-container .content .title,
    .xf-web-container .row-ttac-container .media-ttac-container .content .title {
        color: var(--primary-gold) !important;
    }

    .page.corporate.basicpage .row-ttac-container .media-ttac-container .content .desc,
    .xf-web-container .row-ttac-container .media-ttac-container .content .desc {
        color: var(--black) !important;
    }

@media (max-width: 991px) {
    .page.corporate.basicpage .row-ttac-container.layout-one .media-ttac-container .content .text-box .title,
    .xf-web-container .row-ttac-container.layout-one .media-ttac-container .content .text-box .title,
    .page.corporate.basicpage .row-ttac-container.layout-two .media-ttac-container .content .text-box .title,
    .xf-web-container .row-ttac-container.layout-two .media-ttac-container .content .text-box .title{
        font-size: 24px;
    }
}


    /*   accordion  */

    .page.corporate.basicpage .cmp-accordion__button,
    .xf-web-container .cmp-accordion__button {
        color: var(--primary-dark-brown) !important;
        border-color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button .indicator-icon svg g,
    .xf-web-container .cmp-accordion__button .indicator-icon svg g{
        fill: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button:hover svg g,
    .xf-web-container .cmp-accordion__button:hover svg g {
        fill: var(--white) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button:hover,
    .xf-web-container .cmp-accordion__button:hover {
        color: var(--white) !important;
        background-color: var(--primary-dark-brown) !important;
        border-color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button--expanded,
    .xf-web-container .cmp-accordion__button--expanded {
        color: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button--expanded .indicator-icon svg g,
    .xf-web-container .cmp-accordion__button--expanded .indicator-icon svg g{
        fill: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button--expanded:hover,
    .xf-web-container .cmp-accordion__button--expanded:hover {
        color: var(--white) !important;
    }

    .page.corporate.basicpage .cmp-accordion__button--expanded:hover svg g,
    .xf-web-container .cmp-accordion__button--expanded:hover svg g{
        fill: var(--white) !important;
    }

    .page.corporate.basicpage .cmp-accordion__panel--expanded,
    .xf-web-container .cmp-accordion__panel--expanded {
        border: 2px solid var(--primary-dark-brown) !important;
        border-top: none !important;
    }



    /*   a to z   */

    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button,
    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn,
    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .btn-base,
    .page.corporate.basicpage .a2z .xf-web-container .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button,
    .page.corporate.basicpage .a2z .xf-web-container .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn,
    .xf-web-container .a2z .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button,
    .xf-web-container .a2z .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn,
    .xf-web-container .a2z .a2z-container .anchor-link-list .btn-base,
    .xf-web-container .a2z .page.corporate.basicpage .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button,
    .xf-web-container.a2z .page.corporate.basicpage .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button.active,
    .xf-web-container .a2z .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button.active {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button:hover,
    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn:hover,
    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .btn-base:hover,
    .page.corporate.basicpage .a2z .xf-web-container .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button:hover,
    .page.corporate.basicpage .a2z .xf-web-container .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn:hover,
    .xf-web-container .a2z .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button:hover,
    .xf-web-container .a2z .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn:hover,
    .xf-web-container .a2z .a2z-container .anchor-link-list .btn-base:hover,
    .xf-web-container .a2z .page.corporate.basicpage .a2z-container .anchor-link-list .a2z-anchor-links .a2z-alphabet button:hover,
    .xf-web-container .a2z .page.corporate.basicpage .a2z-container .anchor-link-list .back-to-top button.back-to-up-btn:hover {
        color: var(--primary-brown);
    }

    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .back-to-top img,
    .xf-web-container .a2z .a2z-container .anchor-link-list .back-to-top img{
        width: 0;
        height: 0;
        padding: 13px;
        margin: 0 auto;
        background: url(clientlib-site/resources/images/icon-derm-dark-brown-arrow-up.svg) no-repeat center top;
        background-size: contain;
    }

    .page.corporate.basicpage .a2z .a2z-container .anchor-link-list .back-to-top:hover img,
    .xf-web-container .a2z .a2z-container .anchor-link-list .back-to-top:hover img{
        width: 0;
        height: 0;
        padding: 13px;
        margin: 0 auto;
        background: url(clientlib-site/resources/images/icon-derm-brown-arrow-up.svg) no-repeat center top;
        background-size: contain;
    }


    /*  button cta  */


    .page.corporate.basicpage .button-cta-wrapper,
    .xf-web-container .button-cta-wrapper {
        background-color: var(--primary-dark-brown);
        color: var(--white);
    }

    .page.corporate.basicpage .button-cta-wrapper .button-cta-link .button-cta-title,
    .xf-web-container .button-cta-wrapper .button-cta-link .button-cta-title {
        color: var(--white);
    }

    .page.corporate.basicpage .button-cta-wrapper:hover,
    .xf-web-container .button-cta-wrapper:hover {
        background-color: var(--white);
        color: var(--primary-dark-brown);
        border: 1px solid var(--primary-dark-brown);
    }

    .page.corporate.basicpage .button-cta-wrapper .button-cta-underline,
    .xf-web-container .button-cta-wrapper .button-cta-underline {
        background: none;
        display: none;
    }

    .page.corporate.basicpage .button-cta-wrapper .button-cta-link svg.button-cta-icon,
    .xf-web-container .button-cta-wrapper .button-cta-link svg.button-cta-icon {
        fill: var(--white);
    }

    .page.corporate.basicpage .button-cta-wrapper .button-cta-link svg.button-cta-icon:hover,
    .xf-web-container .button-cta-wrapper .button-cta-link svg.button-cta-icon:hover {
        fill: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .button-cta-wrapper:hover .button-cta-link .button-cta-title,
    .page.corporate.basicpage .button-cta-wrapper:hover .button-cta-subtitle,
    .xf-web-container .button-cta-wrapper:hover .button-cta-link .button-cta-title,
    .xf-web-container .button-cta-wrapper:hover .button-cta-subtitle {
        color: var(--primary-dark-brown);
    }

    /*   action tiles   */

    .page.corporate.basicpage .actiontiles .action-tile-container .action-tile-wrapper,
    .xf-web-container .actiontiles .action-tile-container .action-tile-wrapper {
        background-color: var(--white) !important;
        border-style: none !important;
        border-width: 0 !important;
        border-image-source: none !important;
    }

    .page.corporate.basicpage .actiontiles .action-tile-container .action-tile-wrapper .action-tile-title,
    .xf-web-container .actiontiles .action-tile-container .action-tile-wrapper .action-tile-title {
        color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .actiontiles .action-tile-container .action-tile-wrapper:hover,
    .xf-web-container .actiontiles .action-tile-container .action-tile-wrapper:hover {
        background-color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .actiontiles .action-tile-container .action-tile-wrapper:hover .action-tile-title,
    .xf-web-container .actiontiles .action-tile-container .action-tile-wrapper:hover .action-tile-title {
        color: var(--white) !important;
    }

    .page.corporate.basicpage .actiontiles .action-tile-container .action-tile-wrapper svg.action-tile-img,
    .xf-web-container .actiontiles .action-tile-container .action-tile-wrapper svg.action-tile-img {
        fill: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .actiontiles .action-tile-container .action-tile-wrapper svg.action-tile-img:hover,
    .xf-web-container .actiontiles .action-tile-container .action-tile-wrapper svg.action-tile-img:hover {
        fill: var(--white);
    }

    /* article detail container   */

    .page.corporate.basicpage .articledetail .content-type span,
    .xf-web-container .articledetail .content-type span {
        background-color: var(--bg-light-gray);
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .articledetail .article-detail-container .article-content-container .tips .read-time,
    .xf-web-container .articledetail .article-detail-container .article-content-container .tips .read-time {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .articledetail .article-detail-container .article-content-container .dashed-dot,
    .xf-web-container .articledetail .article-detail-container .article-content-container .dashed-dot {
        border-bottom: 2px solid var(--primary-light-gray);
    }

    .page.corporate.basicpage .article-detail-container .article-content-container .page-publish-update .publish-date,
    .xf-web-container .article-detail-container .article-content-container .page-publish-update .publish-date {
        color: var(--black);
    }

    /*  quick links  */

    .page.corporate.basicpage .quicklinks .links-container,
    .xf-web-container .quicklinks .links-container {
        background: var(--white) !important;
    }


    /*  quick links carousel   */


    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .quick-links-carousel-title,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .quick-links-carousel-title {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container li,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container li,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container li,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container li {
        border-image: none;
    }

    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .slide-tiles-img,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .slide-tiles-img,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .slide-tiles-img,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .slide-tiles-img {
        fill: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .tiles-text,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .tiles-text,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .tiles-text,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles .tiles-text {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-button-next,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-button-prev,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-button-next,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-button-prev {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .default-dot.active-dot,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .default-dot.swiper-pagination-bullet-active,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .swiper-pagination-bullet.active-dot,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .default-dot.active-dot,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .default-dot.swiper-pagination-bullet-active,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .swiper-pagination-bullet.active-dot,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .default-dot.active-dot,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .default-dot.swiper-pagination-bullet-active,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .swiper-pagination-bullet.active-dot,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-dot-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .default-dot.active-dot,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .default-dot.swiper-pagination-bullet-active,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .swiper-pagination-bullet.active-dot,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles:hover,
    .page.corporate.basicpage .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles:hover,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .desktop-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles:hover,
    .xf-web-container .quicklinkscarousel .quick-links-carousel-container .quick-links-carouse-content .mobile-swiper-container .swiper-wrapper .swiper-slide .tiles-container a.slide-tiles:hover {
        background: var(--primary-brown);
    }


    /*   pull quotes   */

    .page.corporate.basicpage .pull-quotes-container,
    .xf-web-container .pull-quotes-container {
        color: var(--primary-dark-brown);
        background-color: var(--bg-light-gray);
    }

    /*  bottom link container  */

    .page.corporate.basicpage .bottom-link-container .bottom-link-wrapper:nth-child(odd),
    .xf-web-container .bottom-link-container .bottom-link-wrapper:nth-child(odd) {
        background-color: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage .bottom-link-container .bottom-link-wrapper .bottom-link-content h2,
    .xf-web-container .bottom-link-container .bottom-link-wrapper .bottom-link-content h2{
        color: var(--white);
    }


    /*  clinical expert detail   */

    .page.corporate.basicpage .clinicalexpertdetail .clinical-expert-detail-container .page-banner-container .page-banner-content .page-banner-info .author-info .article-detail .practice-area-title,
    .xf-web-container .clinicalexpertdetail .clinical-expert-detail-container .page-banner-container .page-banner-content .page-banner-info .author-info .article-detail .practice-area-title {
        color: var(--white);
    }

    .page.corporate.basicpage .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .content .tab .title-area .title,
    .xf-web-container .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .content .tab .title-area .title {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .content .tab .title-area .dashed,
    .xf-web-container .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .content .tab .title-area .dashed {
        border-top: 1px dashed var(--black);
    }

    .page.corporate.basicpage .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .content .tab .content-area .tab-content,
    .xf-web-container .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .content .tab .content-area .tab-content {
        color: var(--black);
    }

    .page.corporate.basicpage .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .catalogue,
    .xf-web-container .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .catalogue {
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .catalogue .catalogue-item.active,
    .xf-web-container .clinicalexpertdetail .clinical-expert-detail-container .clinical-expert-detail-content .detail-content .catalogue .catalogue-item.active {
        background-color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .clinicalexpertdetail .article-card .author-or-time,
    .xf-web-container .clinicalexpertdetail .article-card .author-or-time {
        color: var(--black);
    }

    /* clinical experts listing   */

    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .about-clinical-expert-content,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .about-clinical-expert-content {
        border-right: 1px dashed var(--black);
    }


    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .about-clinical-expert-content .clinical-expert-title,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .about-clinical-expert-content .clinical-expert-title,
    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-hotlines-title,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-hotlines-title {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .about-clinical-expert-content .clinical-expert-desc,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .about-clinical-expert-content .clinical-expert-desc,
    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-hotlines-desc,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-hotlines-desc,
    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-num-content .num,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-num-content .num{
        color: var(--black);
    }

    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-num-content .num a,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-num-content .num a {
        color: var(--primary-light-gray);
    }

    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-num-content .num a:hover,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .author-defined-elements-content .specialty-hotlines-content .specialty-num-content .num a:hover {
        color: var(--primary-dark-gray);
    }

    .page.corporate.basicpage .clinicalexpertslisting .clinicalexpertslisting-container .clinical-expert-tile-content,
    .xf-web-container .clinicalexpertslisting .clinicalexpertslisting-container .clinical-expert-tile-content {
        background-color: var(--white);
    }


    /*  contact us  */

    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .audience .drop-down-label,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .search-base .drop-down-label,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .topic .drop-down-label,
    .page.corporate.basicpage .contactus .xf-web-container .contact-us-container .search-drop-down .audience .drop-down-label,
    .page.corporate.basicpage .contactus .xf-web-container .contact-us-container .search-drop-down .topic .drop-down-label,
    .xf-web-container .contactus .contact-us-container .search-drop-down .audience .drop-down-label,
    .xf-web-container .contactus .contact-us-container .search-drop-down .search-base .drop-down-label,
    .xf-web-container .contactus .contact-us-container .search-drop-down .topic .drop-down-label,
    .xf-web-container .contactus .page.corporate.basicpage .contact-us-container .search-drop-down .audience .drop-down-label,
    .xf-web-container .contactus .page.corporate.basicpage .contact-us-container .search-drop-down .topic .drop-down-label {
        color: var(--black);
    }

    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .audience .list-box ul li.aud-el.aud-top,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .search-base .list-box ul li.aud-el.aud-top,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .topic .list-box ul li.aud-el.aud-top,
    .xf-web-container .contactus .contact-us-container .search-drop-down .audience .list-box ul li.aud-el.aud-top,
    .xf-web-container .contactus .contact-us-container .search-drop-down .search-base .list-box ul li.aud-el.aud-top,
    .xf-web-container .contactus .contact-us-container .search-drop-down .topic .list-box ul li.aud-el.aud-top {
        color: var(--primary-dark-brown);
        background-color: var(--white);
    }

    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .audience .list-box ul li.aud-el.aud-top:hover,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .audience .list-box ul li:hover,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .search-base .list-box ul li.aud-el.aud-top:hover,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .search-base .list-box ul li:hover,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .topic .list-box ul li.aud-el.aud-top:hover,
    .page.corporate.basicpage .contactus .contact-us-container .search-drop-down .topic .list-box ul li:hover,
    .xf-web-container .contactus .contact-us-container .search-drop-down .audience .list-box ul li.aud-el.aud-top:hover,
    .xf-web-container .contactus .contact-us-container .search-drop-down .audience .list-box ul li:hover,
    .xf-web-container .contactus .contact-us-container .search-drop-down .search-base .list-box ul li.aud-el.aud-top:hover,
    .xf-web-container .contactus .contact-us-container .search-drop-down .search-base .list-box ul li:hover,
    .xf-web-container .contactus .contact-us-container .search-drop-down .topic .list-box ul li.aud-el.aud-top:hover,
    .xf-web-container .contactus .contact-us-container .search-drop-down .topic .list-box ul li:hover {
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .contactus .contact-us-container .dashed,
    .xf-web-container .contactus .contact-us-container .dashed {
        border-top: 1px dashed var(--primary-dark-gray);
    }

    .page.corporate.basicpage .contactus .contact-us-container .all-audience .audience-tab .audience-item,
    .xf-web-container .contactus .contact-us-container .all-audience .audience-tab .audience-item {
        color: var(--primary-dark-brown);
        border-color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contactus .contact-us-container .all-audience .audience-tab .audience-item .plus-icon svg,
    .page.corporate.basicpage .contactus .contact-us-container .all-audience .audience-tab .audience-item.active.hover .plus-icon svg,
    .xf-web-container .contactus .contact-us-container .all-audience .audience-tab .audience-item .plus-icon svg,
    .xf-web-container .contactus .contact-us-container .all-audience .audience-tab .audience-item.active.hover .plus-icon svg {
        fill: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contactus .contact-us-container .all-audience .audience-tab .audience-item.hover,
    .xf-web-container .contactus .contact-us-container .all-audience .audience-tab .audience-item.hover {
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .contactus .contact-us-container .all-audience .audience-tab .audience-item .audience-title.active,
    .xf-web-container .contactus .contact-us-container .all-audience .audience-tab .audience-item .audience-title.active {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contactus .audience-item[tabindex='0']:focus:not(:focus-visible),
    .xf-web-container .contactus .audience-item[tabindex='0']:focus:not(:focus-visible) {
        border: 2px solid var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .contactus .contact-us-container .all-audience .audience-tab .quetsion-links,
    .xf-web-container .contactus .contact-us-container .all-audience .audience-tab .quetsion-links {
        border-color: var(--primary-dark-gray);
    }

    /*  content hub search v2   */

    .page.corporate.basicpage .contenthubsearch .recent-popular-content-search,
    .xf-web-container .contenthubsearch .recent-popular-content-search {
        background-color: var(--white);
    }

    .page.corporate.basicpage .contenthubsearchv2 .show-hide-search-option button.chv2-show-hide-button,
    .xf-web-container .contenthubsearchv2 .show-hide-search-option button.chv2-show-hide-button {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .content-hub-search-container .show-hide-search-option,
    .xf-web-container .contenthubsearchv2 .content-hub-search-container .show-hide-search-option {
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .contenthubsearchv2 .content-hub-search-container .search-option-container,
    .xf-web-container .contenthubsearchv2 .content-hub-search-container .search-option-container {
        background-color: var(--bg-light-gray);
        border: 1px var(--bg-light-gray) solid;
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-option-container .search-option div.search-fields div.field.filter-field input,
    .xf-web-container .contenthubsearchv2 .search-option-container .search-option div.search-fields div.field.filter-field input {
        color: var(--black);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-option-container .search-option .search-fields label,
    .xf-web-container .contenthubsearchv2 .search-option-container .search-option .search-fields label {
        color: var(--black);
    }

    .page.corporate.basicpage .contenthubsearchv2 .show-hide-search-option span.icon-angle-down,
    .xf-web-container .contenthubsearchv2 .show-hide-search-option span.icon-angle-down {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .content-hub-search-container .show-hide-search-option button,
    .xf-web-container .contenthubsearchv2 .content-hub-search-container .show-hide-search-option button {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .show-hide-search-option span.show-hide-icon-container svg,
    .xf-web-container .contenthubsearchv2 .show-hide-search-option span.show-hide-icon-container svg {
        fill: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .select-mocker ul.options li::before,
    .xf-web-container .select-mocker ul.options li::before {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-result-no-result,
    .xf-web-container .contenthubsearchv2 .search-result-no-result {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-result-content .article-items-container .article-item .content-type span,
    .xf-web-container .contenthubsearchv2 .search-result-content .article-items-container .article-item .content-type span {
        color: var(--primary-dark-brown);
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-result-content .article-items-container .article-item a .article-info .article-title span.default,
    .xf-web-container .contenthubsearchv2 .search-result-content .article-items-container .article-item a .article-info .article-title span.default {
        color: var(--primary-dark-gray);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-result-content .article-items-container .article-item a:hover .article-info .article-title span.default,
    .xf-web-container .contenthubsearchv2 .search-result-content .article-items-container .article-item a:hover .article-info .article-title span.default {
        color: var(--primary-light-gray);
    }

    .page.corporate.basicpage .search-result-footer .search-result-description,
    .xf-web-container .search-result-footer .search-result-description {
        color: var(--black);
    }

    .page.corporate.basicpage .contenthubsearchv2 .paginationjs .paginationjs-pages ul li,
    .xf-web-container .contenthubsearchv2 .paginationjs .paginationjs-pages ul li {
        border: 1px solid var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .paginationjs .paginationjs-pages ul li a,
    .xf-web-container .contenthubsearchv2 .paginationjs .paginationjs-pages ul li a {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .paginationjs .paginationjs-pages ul li.active a,
    .xf-web-container .contenthubsearchv2 .paginationjs .paginationjs-pages ul li.active a {
        color: var(--white);
    }

    .page.corporate.basicpage .contenthubsearchv2 .paginationjs .paginationjs-pages ul li.active,
    .xf-web-container .contenthubsearchv2 .paginationjs .paginationjs-pages ul li.active {
        background-color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .paginationjs .paginationjs-go-input,
    .xf-web-container .contenthubsearchv2 .paginationjs .paginationjs-go-input {
        color: var(--black);
    }

    .page.corporate.basicpage .contenthubsearchv2 .paginationjs .paginationjs-go-button,
    .xf-web-container .contenthubsearchv2 .paginationjs .paginationjs-go-button {
        background: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-result-content .article-items-container[data-view=GRID] li.article-item .footer-info,
    .xf-web-container .contenthubsearchv2 .search-result-content .article-items-container[data-view=GRID] li.article-item .footer-info {
        color: var(--black);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-results-container .view-all-content .view-all-link,
    .xf-web-container .contenthubsearchv2 .search-results-container .view-all-content .view-all-link {
        color: var(--primary-dark-gray);
    }

    .page.corporate.basicpage .contenthubsearchv2 .search-results-container .view-all-content .view-all-link:hover,
    .xf-web-container .contenthubsearchv2 .search-results-container .view-all-content .view-all-link:hover {
        color: var(--primary-light-gray);
        text-decoration: none;
    }


    /*  eloqua form   */

    .page.corporate.basicpage .eloquaform .elq-form .layout.container-fluid>.row .grid-layout-col .elq-label,
    .xf-web-container .eloquaform .elq-form .layout.container-fluid>.row .grid-layout-col .elq-label {
        color: var(--black);
    }

    .eloquaform .elq-form .layout.container-fluid>.row input.elq-item-input,
    .eloquaform .elq-form .layout.container-fluid>.row select.elq-item-select,
    .eloquaform .elq-form .layout.container-fluid>.row textarea.elq-item-textarea {
        color: var(--black);
    }

    .eloquaform .elq-form .layout.container-fluid>.row input.submit-button-style {
        background-color: var(--primary-dark-brown) !important;
        color: var(--white) !important;
    }

    .eloquaform .elq-form .layout.container-fluid>.row input.submit-button-style:hover {
        background-color: var(--white) !important;
        color: var(--primary-dark-brown) !important;
    }

    .eloquaform .elq-form .layout.container-fluid > .row a{
        color: var(--primary-dark-gray);
    }

    .eloquaform .elq-form .layout.container-fluid > .row a:hover {
        color: var(--primary-light-gray) !important;
    }


    /*  eloqua cta form   */

    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg,
    .xf-web-container .eloquactaform.bg-dermpath-dg {
        background-color: var(--primary-dark-gray);
        color: #fff;
    }

    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg a,
    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg a:link,
    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg a:active,
    .xf-web-container .eloquactaform.bg-dermpath-dg a,
    .xf-web-container .eloquactaform.bg-dermpath-dg a:link,
    .xf-web-container .eloquactaform.bg-dermpath-dg a:active {
        color: #fff;
        text-decoration: underline;
    }

    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg a:hover,
    .xf-web-container .eloquactaform.bg-dermpath-dg a:hover {
        text-decoration: none;
    }

    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg .eloqua-cta-form-wrapper .layout.container-fluid input.submit-button-style,
    .xf-web-container .eloquactaform.bg-dermpath-dg .eloqua-cta-form-wrapper .layout.container-fluid input.submit-button-style {
        background-color: var(--primary-dark-brown);
        color: var(--white);
    }

    .page.corporate.basicpage .eloquactaform.bg-dermpath-dg .eloqua-cta-form-wrapper .layout.container-fluid input.submit-button-style:hover,
    .xf-web-container .eloquactaform.bg-dermpath-dg .eloqua-cta-form-wrapper .layout.container-fluid input.submit-button-style:hover {
        color: var(--primary-dark-brown);
        background-color: var(--white);
    }


    /*   event listing container   */


    .page.corporate.basicpage .event-listing-container .event-listing-content .event-desc,
    .xf-web-container .event-listing-container .event-listing-content .event-desc {
        color: var(--black);
    }


    .page.corporate.basicpage .event-listing-container .event-listing-content .event-introduction .when-time-location,
    .xf-web-container .event-listing-container .event-listing-content .event-introduction .when-time-location {
        color: var(--black);
    }


    /*  footnotes   */

    .page.corporate.basicpage .footnotes p,
    .xf-web-container .footnotes p {
        color: var(--black);
    }


    /*  location search  */


    .page.corporate.basicpage .location-search-container .location-initial-state-container .search-state .initial-search-state .search-element .list-box ul li.option-selected,
    .xf-web-container .location-search-container .location-initial-state-container .search-state .initial-search-state .search-element .list-box ul li.option-selected {
        background-color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .location-search-container #location-search-group,
    .xf-web-container .location-search-container #location-search-group {
        color: var(--black);
    }

    .page.corporate.basicpage .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-left .content,
    .xf-web-container .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-left .content {
        color: var(--black);
    }

    .page.corporate.basicpage .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-right svg.map-marker,
    .xf-web-container .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-right svg.map-marker {
        height: 14px;
        width: 12px;
    }

    .page.corporate.basicpage .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-right svg.map-marker #ds-icon--pin,
    .xf-web-container .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-right svg.map-marker #ds-icon--pin {
        fill: var(--black) !important;
    }

    .page.corporate.basicpage .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-bottom,
    .xf-web-container .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-bottom {
        color: var(--black);
    }

    .page.corporate.basicpage .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-right .distance,
    .xf-web-container .location-search-container .location-detail-container .location-tabs .location-detail .tabs .tab .tab-right .distance {
        color: var(--black);
    }


    /*   location detail   */

    .page.corporate.basicpage .locationdetail .location-detail-container .location-info-container,
    .xf-web-container .locationdetail .location-detail-container .location-info-container {
        background: var(--bg-light-gray);
    }

    .page.corporate.basicpage .location-detail-container .location-info-container .location-info-content .info-content .info-detail .info-title,
    .xf-web-container .location-detail-container .location-info-container .location-info-content .info-content .info-detail .info-title {
        color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-list-content,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-list-content {
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-list-content .label-list-box .active-label,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-list-content .label-list-box .active-label {
        background: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .detail-label-content .label-desc,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .detail-label-content p,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .hours-label-content .label-desc,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .hours-label-content p,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .media-label-content .label-desc,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .media-label-content p,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .services-label-content .label-desc,
    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .services-label-content p,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .detail-label-content .label-desc,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .detail-label-content p,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .hours-label-content .label-desc,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .hours-label-content p,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .media-label-content .label-desc,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .media-label-content p,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .services-label-content .label-desc,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .services-label-content p {
        color: var(--black);
    }

    .page.corporate.basicpage .locationdetail .location-detail-container .label-container .label-content .hours-label-content .week-time-content ul li *,
    .xf-web-container .locationdetail .location-detail-container .label-container .label-content .hours-label-content .week-time-content ul li * {
        color: var(--black);
    }


    /*  on page alert  */


    .page.corporate.basicpage .alert .alert-content p,
    .xf-web-container .alert .alert-content p {
        color: var(--black);
    }

    .page.corporate.basicpage .alert--derm-gray,
    .xf-web-container .alert--derm-gray {
        border-color: var(--primary-dark-gray);
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .alert--derm-gray .alert-icon::before,
    .xf-web-container .alert--derm-gray .alert-icon::before {
        content: '\eaae';
        color: var(--primary-dark-gray);
    }


    /* recent popular content */

    .page.corporate.basicpage .recentpopularcontent .cmp-tabs.actionTile,
    .xf-web-container .recentpopularcontent .cmp-tabs.actionTile {
        background-color: var(--bg-light-gray);
    }

    .page.basicpage.corporate.basicpage .recentpopularcontent .cmp-tabs__tab--active,
    .xf-web-container .recentpopularcontent .cmp-tabs__tab--active {
        border-bottom-color: var(--primary-dark-brown) !important;
        border-image:none;
    }

    .page.basicpage.corporate.basicpage .recentpopularcontent .cmp-tabs__tab:hover,
    .xf-web-container .recentpopularcontent .cmp-tabs__tab:hover {
        border-bottom-color: var(--primary-brown) !important;
        color: var(--primary-brown) !important;
    }

    .page.basicpage.corporate.basicpage .recentpopularcontent .cmp-tabs .cmp-tabs__tablist.gradient:after,
    .xf-web-container .recentpopularcontent .cmp-tabs .cmp-tabs__tablist.gradient:after {
        display: none;
    }

    .page.corporate.basicpage .recentpopularcontent .article-card .content-type,
    .xf-web-container .recentpopularcontent .article-card .content-type {
        color: var(--black);
    }


    /*  related author     */

    .page.corporate.basicpage .relatedauthor .related-author-container .related-author-content .author-info .author-area,
    .page.corporate.basicpage .relatedauthor .related-author-container .related-author-content .author-info .author-desc,
    .page.corporate.basicpage .relatedauthor .related-author-container .related-author-content .author-info .author-location,
    .page.corporate.basicpage .relatedauthor .related-author-container .related-author-content .author-info .author-title,
    .xf-web-container .relatedauthor .related-author-container .related-author-content .author-info .author-area,
    .xf-web-container .relatedauthor .related-author-container .related-author-content .author-info .author-desc,
    .xf-web-container .relatedauthor .related-author-container .related-author-content .author-info .author-location,
    .xf-web-container .relatedauthor .related-author-container .related-author-content .author-info .author-title {
        color: var(--black);
    }



    /* related hub content  */

    .page.corporate.basicpage .relatedhubcontent .related-hub-content-container .related-hub-box.default .content-list-box .content-item,
    .xf-web-container .relatedhubcontent .related-hub-content-container .related-hub-box.default .content-list-box .content-item {
        border-left: 2px solid var(--bg-light-gray);
    }

    .page.corporate.basicpage .related-hub-content-container.hubPoplar .related-hub-box.hubPoplar .content-list-box .content-item .content-type,
    .xf-web-container .related-hub-content-container.hubPoplar .related-hub-box.hubPoplar .content-list-box .content-item .content-type{
        background-color: var(--bg-light-gray);
    }

    .page.corporate.basicpage .relatedhubcontent .related-hub-content-container.hubPoplar .related-hub-box.hubPoplar .content-list-box .content-item .content-title,
    .xf-web-container .relatedhubcontent .related-hub-content-container.hubPoplar .related-hub-box.hubPoplar .content-list-box .content-item .content-title {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .relatedhubcontent .related-hub-content-container.hubPoplar .related-hub-box.hubPoplar .content-list-box .content-item .content-title:hover,
    .xf-web-container .relatedhubcontent .related-hub-content-container.hubPoplar .related-hub-box.hubPoplar .content-list-box .content-item .content-title:hover {
        color: var(--primary-brown);
        text-decoration: underline;
    }


    /* tabs  */


    .page.basicpage.corporate.basicpage ol.cmp-tabs__tablist .cmp-tabs__tab--active,
    .xf-web-container ol.cmp-tabs__tablist .cmp-tabs__tab--active {
        border-bottom-color: var(--primary-dark-brown) !important;
        color: var(--primary-dark-brown) !important;
        border-image: none;
    }

    .page.basicpage.corporate.basicpage .cmp-tabs__tab:hover,
    .xf-web-container .cmp-tabs__tab:hover {
        border-bottom-color: var(--primary-brown) !important;
        color: var(--primary-brown) !important;
    }

    .page.basicpage.corporate.basicpage .cmp-tabs__tab,
    .xf-web-container .cmp-tabs__tab {
        color: var(--black);
    }


    /*  secondary cta   */


    .page.corporate.basicpage .corp-secondary-cta .corp-secondary-cta__content .corp-secondary-cta__desc p,
    .xf-web-container .corp-secondary-cta .corp-secondary-cta__content .corp-secondary-cta__desc p {
        color: var(--black);
    }



    /*  search   */


    .page.corporate.basicpage .search-result-container .search-result-content .search-left .search-left-bottom .results-lists .result-block .a-href,
    .xf-web-container .search-result-container .search-result-content .search-left .search-left-bottom .results-lists .result-block .a-href {
        background-color: var(--bg-light-gray) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .search-left-bottom .results-lists .result-block .a-href:hover,
    .xf-web-container .search-result-container .search-result-content .search-left .search-left-bottom .results-lists .result-block .a-href:hover {
        color: var(--primary-light-gray) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li,
    .xf-web-container .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li {
        border: 1px solid var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li a,
    .xf-web-container .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li a {
        color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li.active,
    .xf-web-container .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li.active {
        background-color: var(--primary-dark-brown) !important
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li.active a,
    .xf-web-container .search-result-container .search-result-content .search-left .paginationjs .paginationjs-pages ul li.active a {
        color: var(--white) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .search-left-bottom .results-lists .result-block .pagetitle-p,
    .xf-web-container .search-result-container .search-result-content .search-left .search-left-bottom .results-lists .result-block .pagetitle-p {
        color: var(--black) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .paginationjs .paginationjs-go-input input,
    .xf-web-container .search-result-container .search-result-content .search-left .paginationjs .paginationjs-go-input input {
        color: var(--black) !important;
    }

    .page.corporate.basicpage .search-result-container .search-result-content .search-left .paginationjs .paginationjs-go-button,
    .xf-web-container .search-result-container .search-result-content .search-left .paginationjs .paginationjs-go-button {
        background: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .site-search-filter-container .filter-item .filter-content .select-option.multiple-choice ul li:before,
    .xf-web-container .site-search-filter-container .filter-item .filter-content .select-option.multiple-choice ul li:before {
        color: var(--primary-dark-brown) !important;
    }

    .page.corporate.basicpage .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container,
    .xf-web-container .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container {
        border: 2px solid var(--primary-dark-brown);
    }

    .page.corporate.basicpage .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container .site-search-filter-title,
    .xf-web-container .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container .site-search-filter-title {
        color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container .site-search-filter-title::before,
    .xf-web-container .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container .site-search-filter-title::before {
        background: url(clientlib-site/resources/images/icon-dermdarkbrown-plus.svg) no-repeat center top;
    }

    .page.corporate.basicpage .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container .filterIsOpen::before,
    .xf-web-container .sitesearchresults .search-result-container .search-result-content .search-right .site-search-filter-container .filterIsOpen::before {
        background: url(clientlib-site/resources/images/icon-dermdarkbrown-minus.svg) no-repeat center top;
    }

    /* separator   */

    .page.corporate.basicpage .separator .cmp-separator hr.cmp-separator__horizontal-rule,
    .xf-web-container .separator .cmp-separator hr.cmp-separator__horizontal-rule {
        border:2px solid var(--bg-light-gray);
    }


    /*  statistics promo   */

    .page.corporate.basicpage .statisticspromo .statistics-promo.full-width-section,
    .xf-web-container .statisticspromo .statistics-promo.full-width-section {
        background: linear-gradient(220.68deg,var(--primary-brown) 0,var(--primary-dark-brown) 100%);
    }

    .page.corporate.basicpage .statisticspromo .statistics-promo.full-width-section .statistics-cards .statistics-card:not(:last-child)::after,
    .xf-web-container .statisticspromo .statistics-promo.full-width-section .statistics-cards .statistics-card:not(:last-child)::after {
        border-left: 1px dashed var(--white);
    }


    /*  text   */


    .page.corporate.basicpage .text h6,
    .xf-web-container .text h6,
    .page.corporate.basicpage .text p,
    .xf-web-container .text p{
        color: var(--black);
    }

    .page.corporate.basicpage .text table tbody tr:first-child td,
    .page.corporate.basicpage .text table tbody tr:first-child th,
    .xf-web-container .text table tbody tr:first-child td,
    .xf-web-container .text table tbody tr:first-child th {
        background-color: var(--primary-dark-brown);
    }

    .page.corporate.basicpage .text table tbody tr td,
    .xf-web-container .text table tbody tr td {
        color: var(--black);
    }


    /*  testimonial bar  */

    .page.corporate.basicpage .testimonial .testimonial-container,
    .xf-web-container .testimonial .testimonial-container {
        background-color: var(--primary-dark-gray);
    }

    .page.corporate.basicpage .testimonial .testimonial-container .testimonial-content-container .testimonial-content .testimonial-tagline,
    .xf-web-container .testimonial .testimonial-container .testimonial-content-container .testimonial-content .testimonial-tagline {
        color: #fff;
        background-color: transparent;
    }

    .page.corporate.basicpage .testimonial .testimonial-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .xf-web-container .testimonial .testimonial-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--bg-light-gray);
    }

    /*  footer   */


    .page.corporate.basicpage .footer,
    .xf-web-container .footer {
        border-width: 0;
        border-bottom: none;
        border-image: none;
    }

    .page.corporate.basicpage .footer-container, .xf-web-container .footer-container{
        background: var(--primary-dark-gray) !important;
    }

    .page.corporate.basicpage .full-width-section .generic-link-wrapper a:hover{
        color: var(--white);
    }

    .page.corporate.basicpage .footer-container .section-title,
    .xf-web-container .footer-container .section-title {
        border-bottom: var(--white) dashed 1px;
    }

    .page.corporate.basicpage .footer-container .utility-links,
    .xf-web-container .footer-container .utility-links {
        border-top: var(--white) dashed 1px;
    }

    @media (max-width: 991px) {
        .page.corporate.basicpage .footer-container .generic-links-section, .xf-web-container .footer-container .generic-links-section {
            background-color: var(--primary-dark-gray);
        }
    }