.ccc-header-block {
            border-bottom:4px solid var(--ccc-color-chartreuse-700);
            background-color:#FFF;
        }

        .ccc-top-navigation {
            display: flex;
            justify-content: end;
            align-items: center;
            background:var( --ccc-gradient-default);
            margin-bottom:10px;
            padding:5px 5px;
           
        }
        .ccc-top-navigation a {
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
            padding: 10px 10px;
            text-decoration: none !important;
            font-size:16px;
            font-weight: 600    ;
            letter-spacing: 0.8px;
            font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        
        }

        .ccc-header-logo {
            display: flex;
            flex-direction: row;
            align-items: center;
            & .ccc-mobile-menu-toggle {
                display:none;
                font-size: 30px;
                color:#000;
                cursor:pointer;
            }
        }

        .ccc-top-navigation a:hover {
            text-decoration: underline !important;
            color:#FFF;
            outline:1px solid #FFF
        }
        
        nav.ccc-bottom-navigation a:before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 3px;
                background: var(--ccc-gradient-default);
                transition: width 0.3s ease;
                border-radius: 3px;              
        }

        nav.ccc-bottom-navigation a.active:before,
        nav.ccc-bottom-navigation a:hover:before {
            width: 100%;
        }

        .ccc-header-bottom {
            padding: 15px 15px 30px 15px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: end;
        }
        .ccc-header-bottom a.logo {
            text-decoration: none !important;
        }   
        .ccc-header-bottom a.logo img {
            max-height: 44px;
            aspect-ratio: 16/9;
            min-width: 300px;
            aspect-ratio: 347.82/55.84;
        }

        .ccc-header-bottom nav.ccc-bottom-navigation {
            display:flex;
            flex-direction: row;
            transition:all var(--ccc-transition-fast);            
            align-self: center;
            justify-self: center;    
            min-width: 50vw;

            justify-content: space-around;            
        }
        .ccc-header-bottom nav.ccc-bottom-navigation a {
            text-decoration: none;
            position: relative;
            color: var(--ccc-black);
                    
            font-family: 'Gibson Semi Bold';
            font-weight: 500;
            text-transform: capitalize;
            margin: 10px 10px;
            text-decoration: none !important;        
        }
        .ccc-header-bottom nav.ccc-bottom-navigation a:last-child {
            padding-right: 0px;
            margin-right:0px;
        } 


        @media (max-width: 768px) {

            .ccc-top-navigation a {
                font-size:0.7rem;
            }
            .ccc-header-bottom {
                flex-direction: column;
                align-items: center;
                padding:0px;
           
                & a img {
                    min-width: 200px !important;
                    max-height: 30px !important;
                }
            }
            .ccc-header-bottom nav.ccc-bottom-navigation  {
                    
                    height: 0px;
                    overflow: hidden    ;
                    flex-direction: column;
                    width: 100%;
                    margin: 10px 0px 0px 0px;;    
                    justify-content: start;    

                    & a {
                        text-align: center;
                        margin:0px;
                        padding:15px 15px;
                        &:hover {
                            background-color:#F4F3F1; 
                        }
                    }
                    
            }

            
            .ccc-header-block:has(nav.ccc-bottom-navigation.open) {
                border-bottom:2px solid #E6E7E8;
            }

            .ccc-header-bottom nav.ccc-bottom-navigation.open {
                display:flex;
                border-top:2px solid #E6E7E8;
                height: calc(100vh - 250px);
                max-height: fit-content;
                opacity: 1;
                z-index: 2;                  
            }

            nav.ccc-bottom-navigation a.active:before,
            nav.ccc-bottom-navigation a:hover:before {
                width: 0px;
            }

 
            .ccc-top-navigation {
                justify-content: flex-end;
            }

            .ccc-header-logo {
                width: 100vw;
                padding:0px 15px;
                justify-content: space-between;
                & .ccc-mobile-menu-toggle {
                    display:inline-block;
                }
            }


        }   
        .ccc-top-navigation  .ccc-top-navigation-language-button:focus,         
        .ccc-top-navigation  .ccc-top-navigation-language-button:hover {
            text-decoration: none !important;
            outline:2px solid var(--ccc-white);
          
        }

        .ccc-top-navigation-language-button  {
            outline:1px solid #FFF;
            position: relative;        
        }
        .ccc-top-navigation-language-button:after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            content: '\f107';
            margin-left: 5px;
            color:#FFF;
        }

        .ccc-top-navigation-language-selector.language-selector-open .ccc-top-navigation-language-button:after {
            content: '\f106';
            color:#000;       
        }


        .ccc-top-navigation-language-selector {
            margin-right:10px;
        }

        .ccc-top-navigation-language-selector-list {
            display:flex;
            flex-direction:column;
            background-color:var(--ccc-white);
            position: absolute;
            top:40px;
            right: 10px;
            width: 300px;
            border:1px solid var(--ccc-color-default);
            display: none;
            z-index:10;
            list-style-type: none;
            padding:0px;
            & li {
                padding:10px 50px;
                 border:1px solid var(--ccc-color-default);
                      
            }
            & li:hover {
                background-color:#F4F3F1;
            }
        }
         .ccc-top-navigation-language-selector-list a {
             color:var(--ccc-color-default);
             padding:0px;
             width:100%;
             display: inline-block;
             text-transform: capitalize;
             font-size:0.9rem;
            
      
         }
         .ccc-top-navigation-language-selector-list a:hover {
             outline:none;
             color:var(--ccc-color-default);

         }

         .ccc-top-navigation-language-selector-list li:hover{
             border-top:1px solid var(--ccc-color-default);
             border-bottom:1px solid var(--ccc-color-default);
         }

         .ccc-top-navigation-language-selector.language-selector-open .ccc-top-navigation-language-selector-list {
                 display:flex !important;
         }
        
          .language-selector-open .ccc-top-navigation-language-button:hover, 
          .language-selector-open .ccc-top-navigation-language-button {
            background-color:var(--ccc-white);
            outline:1px solid var(--ccc-white);
            color:var( --ccc-color-blue-500);
            transition:none ;

         }

         .ccc-top-navigation-language-selector-list li a > * { pointer-events: none;}


  /* GOOGLE LANGUAGES */
 .language-selector {
    display: none !important;
}
div.skiptranslate { display: none !important; }
iframe.skiptranslate { visibility: hidden !important; }
body.ccc-google-translate, 
html.translated-ltr body {
  top:0px !important;
}