h2.en-page-components-title {
    --component-title-font-size: clamp(33px, 4vw, 40px);
    --component-title-color-1: #000000;
    --component-title-color-2: var(--red);
    --component-title-color-3: #fbb700;
    --component-title-color-4: #FFFFFF;
    --component-font-family: 'Alkatra';
    --component-title-margin-bottom: 25px ;

    --title-before-line-top:5px;
    --social-title-hover-line-bottom-width:82%;
}


h2.en-page-components-title a{
    padding: 5px 10px;
    white-space: nowrap;
    color: var(--component-title-color-1) ;
    font-weight: 500;
    position: relative;
    font-size: var(--component-title-font-size);
    font-family: var(--component-font-family);
    margin-bottom: var(--component-title-margin-bottom);
    text-decoration: none;
    max-width: max-content;
}
 h2.en-page-components-title a:hover {
    color: var(--component-title-color-2);
}



/***********************************/
div.module-config-2-2 h2.en-page-components-title{
    --component-font-family: 'Asap Condensed', sans-serif;
    --component-title-font-size: clamp(33px, 4vw, 44px);

}
div.module-config-2-2 h2.en-page-components-title a {
    padding: 5px 10px;
   /* text-transform: uppercase;*/
    white-space: nowrap;
    font-weight: 500;
    position: relative;
    color: var(--component-title-color-1);
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    --bg-color: #ffffff;
    --fg-color: #e8e8e8;
    --dot-size: 1px;
    background-image: linear-gradient(180deg, transparent var(--dot-size), var(--bg-color) var(--dot-size)), linear-gradient(0deg, var(--fg-color) 0%, var(--fg-color) 100%);
    background-size: 2px 2px;
    background-repeat: repeat;

}
div.module-config-2-2 h2.en-page-components-title a:hover {
    color: var(--component-title-color-2);
}




/***********************************/

div.module-config-2-3 h2.en-page-components-title a {
    padding: 5px 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: lowercase;
}
div.module-config-2-3 h2.en-page-components-title a:hover {
    color: var(--component-title-color-2);
}

div.module-config-2-4 h2.en-page-components-title a {
    padding: 5px 10px;
    text-transform: uppercase;
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 500;
}

div.module-config-2-4 h2.en-page-components-title a:hover {
    color: var(--component-title-color-2);
}

/*****************************/