




        :root{
        --primary-bg: #005366;
        --primary-bg-light: hsl(191,100%,40%);
        --primary-bg-dark: hsl(191,100%,14%);
        --secondary-bg: #ffba3a;
        --secondary-bg-light: hsl(39,100%,75.37254%);
        --secondary-bg-dark: hsl(39,100%,47.37255%);
        --primary-text: #ffffff;
        --primary-text-dark: rgb(178,178,178);
        --primary-button-text: #000000;
        --secondary-text: #000000;
        --secondary-text-dark: rgb(0,0,0);
        --secondary-button-text: #454545;
        --hover-secondary-button:rgb(178,130,40);
        }

        /* colore degli elementi che si selezionano con il mouse per il copy&paste*/
        html ::selection,
        body ::selection {
        background-color: #454545 !important;
        color: #fff !important;
        }

        /*riquadro informativo*/
        .information-box{
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        /* colore di background degli elementi primary (div, button, etc) */
        .background-primary {
        background-color: #005366 !important;
        }

        /* colore del testo degli elementi primary  (div, button, etc) */
        .text-primary {
        color: #ffffff !important;
        }

        .text-primary-2,
        .text-primary-2:hover,
        .text-primary-2:focus
        {
        color:  #005366 !important;
        }

        .text-secondary-2,
        .text-secondary-2:hover,
        .text-secondary-2:focus
        {
        color:  #ffba3a !important;
        }

        /* colore delle icone primary */
        .icon-primary {
        color: #005366 !important;
        }

        /* colore del btn negli elementi primary*/
        .btn-primary {
        background-color: #ffffff;
        color: #000000;
        }

        .btn-primary:hover,
        .btn-primary:active,
        .btn-primary:focus {
        border-color:rgb(178,178,178);
        }
        .btn-primary:hover:before,
        .btn-primary:active:before,
        .btn-primary:focus:before {
        background-color: rgb(178,178,178);
        }

        /* colore delle icone secondary */
        .icon-secondary {
        color: #ffba3a !important;
        }

        /* bottone transparente*/
        .btn-transparent {
        background-color: transparent !important;
        color: #515556 !important;
        border: 1px solid #515556 !important;
        border-radius: 1.5rem;
        }


        .btn-transparent:hover,
        .btn-transparent:active,
        .btn-transparent:focus {
        color: #fff !important;
        }
        .btn-transparent:hover:before,
        .btn-transparent:active:before,
        .btn-transparent:focus:before {
        background-color: rgb(56,59,60) !important;
        }

        .btn-transparent-primary {
        background-color: transparent !important;
        color: #ffffff !important;
        border: 1px solid #ffffff !important;
        }

        .btn-transparent-primary:hover,
        .btn-transparent-primary:active,
        .btn-transparent-primary:focus {
        color: #005366 !important;
        }
        .btn-transparent-primary:hover:before,
        .btn-transparent-primary:active:before,
        .btn-transparent-primary:focus:before {
        background-color: #ffffff !important;
        }

        /* colore di background degli elementi secondary  (div, button, etc) */
        .background-secondary {
        background-color: #ffba3a !important;
        }

        /* colore del testo degli elementi secondary  (div, button, etc) */
        .text-secondary {
        color: #000000 !important;
        }

        /* colore del testo degli elementi in evidenza (hover, active, focus) */
        .text-highlight {
        color: #ffba3a !important;
        }

        /* colore di background del menu */
        .background-menu {
        background-color: #000000 !important;
        }

        /* colore del testo del menu */
        .text-menu {
        color: #000000 !important;
        }

        .text-menu:hover {
        color: #005366 !important;
        }

        .main-menu--layout-2 a.text-menu-active {
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        .main-menu--layout-2 a.text-menu-active::after {
        border-top: solid 10px #005366 !important;
        }

        .main-menu--layout-2 a.text-menu-active::before {
        border-top: solid 10px #005366 !important;
        }

        /*Highlighted menu*/
        .main-menu--layout-2 a.highlight {
        text-shadow: 1px 0 0 currentColor;
        letter-spacing: 0.03rem;
        }

        /*right menu*/
        .right-menu a.text-primary:hover,
        .right-menu a.text-primary:focus{
        color: #ffffff !important;
        }

        /* colore del testo active (voci di menu, link, input, etc...) */
        .text-menu-active {
        color: #005366 !important;
        }

        /* colore del background dell'elemento active (border input) */
        .elem-active {
        background-color: #005366 !important;
        }

        /* btn default */
        .btn-default {
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        .btn-default:hover,
        .btn-default:active,
        .btn-default:focus {
        }
        .btn-default:hover:before,
        .btn-default:active:before,
        .btn-default:focus:before {
        background-color: rgb(0,58,71) !important;
        }

        /* form */
        input.active,
        input:focus,
        input:active,
        textarea.active,
        textarea:active,
        textarea:focus,
        select.active,
        select:focus,
        select:active
        {
        border: 1px solid #005366 !important;
        }

        input[type="radio"]:checked + .label-text:before, input[type="checkbox"]:checked + .label-text:before{
        color: #005366 !important;
        }

        /* accordion */
        .ccb-accordion .card .card-header a .icon-accordion-header{
        color: #005366 !important;
        }

        /* spinner loading color */
        .loading-icon div{
        border-color: #005366 transparent transparent transparent !important;
        }

        /* border color */
        .border-primary {
        border-color: #005366 !important;
        }

        .border-secondary {
        border-color: #ffba3a !important;
        }

        /* pagination color */
        .page-item.active {
        border-color: #005366 !important;
        }

        /* product box*/
        @media (min-width: 1024px) {
        .product-box:hover h3, .product-box:hover h5, .product-box:hover .preview-box-single-description p, .product-box:hover .product-freccia {
        color: #fff !important;
        }
        }


        /* press review*/
        .preview-box-single:hover .pdf-box-icon {
        color: #005366 !important;
        }

        .preview-box-single:hover .pdf-box-badge {
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        /* news list page*/
        .news-catg-menu--item.active,
        .news-catg-menu--item:hover {
        background-color: #005366 !important;
        border-color: #005366 !important;
        }

        /* slider */
        .slider .slider-info-box .slider-info-row .slider-info-body {
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        /* video CTA */
        .video-cta .video-cta__info-content .video-cta__info-body{
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        /* anchor slider*/
        .anchor-list .anchor-item.active a {
        border-left: 5px solid #005366 !important;
        }

        /* utility boxes*/
        /*.utility h1, .utility h2, .utility h3, .utility h4, .utility h5, .utility h6, .utility p{
        color: #ffba3a !important;
        }*/

        .utility.top-border-primary{
        border-top-color: #005366 !important;
        }

        .utility.top-border-secondary{
        border-top-color: #ffba3a !important;
        }

        .utility.background-primary h3, .utility.background-primary h6, .utility.background-primary p{
        color: #ffffff !important;
        }

        .utility.background-secondary h3, .utility.background-secondary h6, .utility.background-secondary p, .utility.background-secondary .utility-icon {
        color: #000000 !important;
        }

        /* footer */
        .social-links li .social-icon.background-primary:hover {
        background-color: rgb(0,58,71) !important;
        color: #ffffff !important;
        }

        .social-links li .social-icon.background-secondary:hover {
        background-color: rgb(178,130,40) !important;
        color: #000000 !important;
        }

        .bottom-links li a, .bottom-links li p {
        color: #ffffff;
        }

        /* calcolo mutuo */
        .calcolo-mutuo-form input,
        .calcolo-mutuo-form textarea
        {
        border-bottom-color: #005366 !important;
        }

        .calcolo-mutuo-form input.active,
        .calcolo-mutuo-form input:focus,
        .calcolo-mutuo-form input:active,
        .calcolo-mutuo-form textarea.active,
        .calcolo-mutuo-form textarea:active,
        .calcolo-mutuo-form textarea:focus
        {
        border-bottom-color: rgb(0,58,71) !important;
        }

        input[class ^= "is-invalid"], textarea[class ^= "is-invalid"] {
        border-bottom-color: #dc3545 !important;
        }

        /* transparency */
        .trasparency-accordion .card .card-header a .icon-accordion-header{
        color: #005366 !important;
        }

        /* drop down*/
        .dropdown .dropdown-toggle
        {
        border-bottom-color: #005366 !important;
        }

        .dropdown .dropdown-toggle.active,
        .dropdown .dropdown-toggle:focus,
        .dropdown .dropdown-toggle:active
        {
        border-bottom-color: rgb(0,58,71) !important;
        }

        .dropdown .dropdown-menu .dropdown-item:hover{
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        /* ricerca-risulti */
        .search-nav .nav-item.active{
        border-bottom-color: #005366 !important;
        }

        .search-result-list li:hover .search-result-title{
        color: #005366 !important;
        }

        /* date time picker*/
        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
        .bootstrap-datetimepicker-widget table td.active,
        .bootstrap-datetimepicker-widget table td.active:hover,
        .bootstrap-datetimepicker-widget table td span:hover,
        .bootstrap-datetimepicker-widget table td span.active,
        .bootstrap-datetimepicker-widget table td.day:hover,
        .bootstrap-datetimepicker-widget table td.hour:hover,
        .bootstrap-datetimepicker-widget table td.minute:hover,
        .bootstrap-datetimepicker-widget table td.second:hover
        {
        background: #005366 !important;
        color: #ffffff !important;
        }
        .bootstrap-datetimepicker-widget table td.today:before {
        content: "";
        display: inline-block;
        border: solid transparent;
        border-width: 0 0 7px 7px;
        border-bottom-color: #005366 !important;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 4px;
        right: 4px;
        }
        .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #ffffff !important;
        }

        /* mondo */
        .mondi-grid-editor-box-body-row .card-with-head-body .card-with-head-body-row .card-with-head-body-content .div-border-right{
        border-color:  #ffffff !important;
        }
        .mondi-grid-editor-box-body-row .card-with-head-body .card-with-head-body-row .card-with-head-body-content .list-mondi li a:hover{
        color: rgb(178,178,178) !important;
        }

        /* banner */
        .banner.banner-with-icon .banner-footer{
        border-top-color: #ffba3a !important;
        }
        .banner.banner-with-background-img{
        border-color: #005366 !important;
        }

        /* media page: download press kit*/
        .press-kit-download-form .press-kit-download-file label.active .press-kit-download-file-icon{
        color: #005366 !important;
        }
        .press-kit-download-form .press-kit-download-file label.active .press-kit-download-file-badge .badge{
        background: #005366 !important;
        color: #ffffff !important;
        }

        /* event calendar*/
        .pignose-calendar .pignose-calendar-unit .pignose-calendar-button-schedule-container .pignose-calendar-button-schedule-pin.pignose-calendar-button-schedule-pin-event{
        background-color: #005366  !important;
        }
        .pignose-calendar,
        .pignose-calendar .pignose-calendar-unit a
        .pignose-calendar-unit .pignose-calendar-unit-mon a,
        .pignose-calendar-unit .pignose-calendar-unit-tue a,
        .pignose-calendar-unit .pignose-calendar-unit-wed a,
        .pignose-calendar-unit .pignose-calendar-unit-thu a,
        .pignose-calendar-unit .pignose-calendar-unit-fri a,
        .pignose-calendar-unit .pignose-calendar-unit-sat a,
        .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon,
        .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year{
        color: #005366 !important;
        }

        ,
        .pignose-calendar .pignose-calendar-unit-sun a
        {
        color:  #DB1E01; !important;
        }

        .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a{
        background-color: #ffba3a !important;
        color: #000000 !important;
        }

        .pignose-calendar .pignose-calendar-top{
        border-bottom-color: #ffba3a !important;
        }

        /* store locator */
        .icon-gruppo .path1:before {
        color: #005366;
        }
        .icon-filiale:before {
        color: #ffba3a;
        }
        .icon-sede:before {
        color: #005366;
        }

        /*markers */
        .marker-cluster__icon .shape{
        fill: #005366;
        }
        .branch-marker path{
        fill: #ffba3a;
        }
        .headquarter-marker path {
        fill: #005366;
        }
        .advanced-atm-marker path {
        fill: #005366;
        }
        .atm-marker path{
        fill: #005366;
        }

        .container-filter [id^="filtro-"].active {
        background-color: #005366;
        }
        .checkmark:after {
        border-right: 4px solid #005366 !important;
        border-bottom: 4px solid #005366 !important;
        }
        section#content ul li:before {
        color: #005366 !important;
        }
        .container-filter .mybadge {
        background-color: #005366  !important;
        color: #ffffff !important;
        }
        .container-filter [id^="filtro-"].active .label {
        color: #ffffff !important;
        }
        .right-menu .box:hover,
        .right-menu .box:active,
        .right-menu .box:focus {
        background-color: #005366 !important;
        color: #ffffff !important;
        }
        .cl-effect-5 a:hover span,
        .cl-effect-5 a:focus span {
        color: #005366 !important;
        }
        #scrollProgressBar {
        background: #005366 !important;
        }
        /* link color */
        /*TEMA NATALIZIO*/
        .tema-natalizio #TemaDesktopXL .st1{
        fill: #ffba3a !important;
        }
        .tema-natalizio #TemaDesktopXL .st0{
        fill: #005366 !important;
        }
        .tema-natalizio #TemaDesktopLG .st2 {
        fill: #ffba3a !important;
        }
        .tema-natalizio #TemaDesktopLG .st0 {
        fill: #005366 !important;
        }
        .tema-natalizio #TemaDesktopLG .st1 {
        fill: #005366 !important;
        }
        .tema-natalizio #TemaDesktopFooterLeft  .st2{
        fill: #ffba3a !important;
        }
        .tema-natalizio #TemaDesktopFooterLeft .st0{
        fill: #005366 !important;
        }
        .tema-natalizio #TemaDesktopFooterRight  .st2{
        fill: #ffba3a !important;
        }
        .tema-natalizio #TemaDesktopFooterRight .st0{
        fill: #005366 !important;
        }
        .tema-natalizio #TemaMobileLeft .st0 {
        fill: #005366 !important;
        }
        .tema-natalizio #TemaMobileLeft .st2 {
        fill: #ffba3a !important;
        }
        .tema-natalizio #TemaMobileRight .st0 {
        fill: #005366 !important;
        }
        .tema-natalizio #TemaMobileRight .st1 {
        fill: #ffba3a !important;
        }

        /*TEMA PASQUALE*/
        .tema-pasquale #TemaDesktopXL  .st0{
        fill: #FFFFFF !important;
        }
        .tema-pasquale #TemaDesktopXL  .st1{
        fill: #ffba3a !important;
        }
        .tema-pasquale #TemaDesktopXL .st2{
        fill: #005366 !important;
        }

        .tema-pasquale #TemaDesktopLG  .st1{
        fill: #FFFFFF !important;
        }
        .tema-pasquale #TemaDesktopLG .st2{
        fill: #ffba3a !important;
        }
        .tema-pasquale #TemaDesktopLG  .st3{
        fill: #005366 !important;
        }

        .tema-pasquale #TemaMobileLeft .st0, .tema-pasquale #TemaMobileRight .st0 {
        fill: #FFFFFF;
        }

        .tema-pasquale #TemaMobileLeft .st1, .tema-pasquale #TemaMobileRight .st1 {
        fill: #ffba3a !important;
        }

        .tema-pasquale #TemaMobileLeft .st2, .tema-pasquale #TemaMobileRight .st2 {
        fill: #005366 !important;
        }

        /*Box data grid*/
        .data-box-elem-primary {
        background: #005366 !important;
        color: #ffffff;
        }

        .data-box-elem-secondary{
        background: #ffba3a !important;
        color: #000000;
        }

        /*custom switch toggle*/
        .custom-switch input:checked + .custom-toggle {
        background-color: #005366
        }

        .custom-switch input:focus + .custom-toggle {
        box-shadow: 0 0 1px #005366;
        }

        .custom-switch .on, .off {
        color: #ffffff;
        }

        .toggle-button input:checked + .toggle-button__slider,
        .toggle-button__slider.active{
        background-color: #005366
        }

        .toggle-button input:focus + .toggle-button__slider,
        .toggle-button__slider.active {
        box-shadow: 0 0 1px #005366;
        }

        .toggle-button__slider__on, .toggle-button__slider__off {
        color: #ffffff;
        }

        /*button apply filters*/
        .btn-filter-applica {
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        .btn-filter-applica:hover,
        .btn-filter-applica:active,
        .btn-filter-applica:focus {
        background-color: rgb(0,58,71) !important;
        }


        .background-white{
        background-color:#ffffff}


        /*frecce di navigazione nei vari slider*/
        /*slider navigation arrows*/
        .slider-navigation__arrow--colored{
        background-color: #005366 !important;
        color: #ffffff !important;
        }

        .slider-navigation__arrow--colored:hover{
        background-color: hsl(191,100%,14%) !important;
        }

        /*utility menu desktop*/
        .utility-menu__box:hover .utility-menu__text {
        background-color: #005366 !important;
        }


        /*layer menu mobile*/
        .accordion-sezioni .accordion-sezioni-header .h4 button.show, .accordion-sezioni .accordion-sezioni-header .h4 button.show
        {
        color: #005366  !important;
        }

        .layer-menu-mobile .accordion-sezioni .accordion-sezioni-header p{
        color: #000000 !important;
        }


        /*hamburger desktop e mobile*/
        .hamburger {
        background-color: #005366 !important;
        }
        .hamburger.clicked {
        background-color: transparent !important;
        }

        /*hamburger desktop*/
        @media screen and (min-width: 992px) {
        .hamburger .h6 {
        color: #ffffff  !important;
        }
        .hamburger .hamburger-line span {
        background-color: #ffffff  !important;
        }
        }

        /*hamburger mobile*/
        @media screen and (max-width: 991px) {
        .hamburger.clicked .h6 {
        color: #005366 !important;
        }
        .hamburger.clicked .hamburger-line span {
        background-color: #005366 !important;
        }
        .hamburger .h6 {
        color: #ffffff  !important;
        }
        .hamburger .hamburger-line span {
        background-color: #ffffff !important;
        }
        }

        /*layer menu desktop*/
        .layer-menu-desktop .layer-menu-desktop__menu li:hover a, .layer-menu-desktop .layer-menu-desktop__menu a.active, .layer-menu-desktop .tab-content li a:hover, .layer-menu-desktop .tab-content--active {
        color: #005366 !important;
        }

        /*lang switcher layer menu mobile*/
        .informazioni-banca .lang-switcher__box.active {
        background-color: #ffba3a !important;
        }

        /*personalizzazione dei colori per l'accordion di trasparenza quando è totem*/
        body.totem-page .ccb-accordion.trasparency-accordion .nesting-level--0,
        body.totem-page .ccb-accordion.trasparency-accordion .first-level-accordion{
        background-color: #005366 !important;
        }

        body.totem-page .ccb-accordion.trasparency-accordion .nesting-level--0 a,
        body.totem-page .ccb-accordion.trasparency-accordion .first-level-accordion a{
        color: #ffffff !important;
        }

        body.totem-page .ccb-accordion.trasparency-accordion .nesting-level--0 a .icon-accordion-header,
        body.totem-page .ccb-accordion.trasparency-accordion .first-level-accordion a .icon-accordion-header{
        color: #ffffff !important;
        }

        /*slider navigation dots*/
        .clean-slider .clean-slider__dots .slick-dots li button{
        background-color: #fff;
        }

        .clean-slider .clean-slider__dots .slick-dots li.slick-active button {
        background-color: var(--secondary-bg);

        }

        .video-cta .video-cta__video .btn-video svg{
        background-color:#000000;
        opacity:0.8;

        }
        .clean-slider--mobile .clean-slider__information,
        .video-cta .video-cta__info_mobile,
        .video-cta__information,
        .clean-visual__info_mobile,
        #content-with-sidebar .clean-visual__info_mobile
        {
        background-color: #005366 !important;
        color: #ffffff !important;
        }
        .clean-slider--mobile .slick-track{
        background-color: #005366 !important;
        }

        .clean-slider--desktop .clean-slider__information-content-wrapper,

        {
        background-color: #005366 !important;
        opacity:0.8;
        }
        @media(min-width: 992px) {
        .clean-slider--desktop .clean-slider__information-content-wrapper,
        .clean-visual__information-content-wrapper,
        #content-with-sidebar .clean-visual__information-content-wrapper,
        body.template-join-page .featured-products__information-content-wrapper{
        background-color: #005366 !important;
        opacity:0.8;
        }
        }

        @media (max-width: 991.98px){
        .clean-slider--desktop .clean-slider__information--foreground
        {
        background-color: #005366 !important;
        opacity:0.8;
        }
        }
        .clean-slider--desktop .clean-slider__arrows .slick-arrow:hover, .clean-slider--desktop .clean-slider__arrows .slick-arrow:focus, .clean-slider--desktop .clean-slider__arrows .slick-arrow:active, .clean-slider--desktop .clean-slider__arrows .play:hover, .clean-slider--desktop .clean-slider__arrows .play:focus, .clean-slider--desktop .clean-slider__arrows .play:active, .clean-slider--desktop .clean-slider__arrows .pause:hover, .clean-slider--desktop .clean-slider__arrows .pause:focus, .clean-slider--desktop .clean-slider__arrows .pause:active{
        background-color:#ffba3a !important ;
        }

        .clean-slider--desktop .clean-slider__information,
        .clean-visual__information,
        #content-with-sidebar .clean-visual__information-content-wrapper,
        body.template-join-page .featured-products__information-content-wrapper{
        color:#ffffff
        }



        .clean-slider--mobile .clean-slider__arrows_mobile .arrow_prev_mobile,
        .clean-slider--mobile .clean-slider__arrows_mobile  .arrow_next_mobile,
        .clean-slider--mobile .clean-slider__arrows_mobile .play_mobile,
        .clean-slider--mobile .clean-slider__arrows_mobile .pause_mobile,
        body.template-join-page .featured-products .featured-products__arrows .slick-arrow, body.template-join-page .featured-products .featured-products__arrows .products_play, body.template-join-page .featured-products .featured-products__arrows .products_pause{
        background-color: #fff;
        }

        .clean-slider--mobile .clean-slider__arrows_mobile .arrow_prev_mobile svg .st0,
        .clean-slider--mobile .clean-slider__arrows_mobile .arrow_next_mobile svg .st0,
        .clean-slider--mobile .clean-slider__arrows_mobile .play_mobile svg .st0,
        .clean-slider--mobile .clean-slider__arrows_mobile .pause_mobile svg .st0,
        body.template-join-page .featured-products .featured-products__arrows .slick-arrow svg .st0, body.template-join-page .featured-products .featured-products__arrows .products_play svg .st0, body.template-join-page .featured-products .featured-products__arrows .products_pause svg .st0{
        fill:#000000;
        }

        .clean-slider--mobile .clean-slider__arrows_mobile .arrow_prev_mobile:hover, .clean-slider--mobile .clean-slider__arrows_mobile .arrow_prev_mobile:focus, .clean-slider--mobile .clean-slider__arrows_mobile .arrow_prev_mobile:active, .clean-slider--mobile .clean-slider__arrows_mobile .arrow_next_mobile:hover, .clean-slider--mobile .clean-slider__arrows_mobile .arrow_next_mobile:focus, .clean-slider--mobile .clean-slider__arrows_mobile .arrow_next_mobile:active, .clean-slider--mobile .clean-slider__arrows_mobile .play_mobile:hover, .clean-slider--mobile .clean-slider__arrows_mobile .play_mobile:focus, .clean-slider--mobile .clean-slider__arrows_mobile .play_mobile:active, .clean-slider--mobile .clean-slider__arrows_mobile .pause_mobile:hover, .clean-slider--mobile .clean-slider__arrows_mobile .pause_mobile:focus, .clean-slider--mobile .clean-slider__arrows_mobile .pause_mobile:active,
        body.template-join-page .featured-products .featured-products__arrows .slick-arrow:hover, body.template-join-page .featured-products .featured-products__arrows .slick-arrow:focus, body.template-join-page .featured-products .featured-products__arrows .slick-arrow:active, body.template-join-page .featured-products .featured-products__arrows .products_play:hover, body.template-join-page .featured-products .featured-products__arrows .products_play:focus, body.template-join-page .featured-products .featured-products__arrows .products_play:active, body.template-join-page .featured-products .featured-products__arrows .products_pause:hover, body.template-join-page .featured-products .featured-products__arrows .products_pause:focus, body.template-join-page .featured-products .featured-products__arrows .products_pause:active{
        background-color: #ffba3a !important;
        }

        @media(max-width: 992px) {
        body.template-join-page .featured-products .featured-products__arrows, body.template-join-page .featured-products .slick-track {
        background-color: #005366;
        }
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 1) {
            background-color: #005366; /* primary */
            color: #ffffff; /* primary text */
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 1) .swiper-slide-divider {
            background-color: #ffffff; /* primary text */
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 2) {
            background-color: #ffba3a; /* secondary */
            color: #000000 !important; /* secondary text */
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 2) .swiper-slide-divider {
            background-color: #000000 /* secondary text */
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 2) svg g {
            fill: #000000; /* secondary text */
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 3) {
            background-color: #565d5d; /* tertiary */
            color: white !important; /* tertiary text*/
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n + 3) .swiper-slide-divider {
            background-color: white; /* tertiary text */
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n) {
            border: 1px solid #565d5d;
            background-color: white;
            color: #565d5d !important;
        }

        .swiperEconomicResults .swiper-slide:nth-child(4n) svg g {
            fill: #565d5d; /* secondary text */
        }

    