/* Penbev V2 - 339 */

/* --- TCCC UnityText --- */
@font-face {
  font-family: 'TCCC-UnityText';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-Regular.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TCCC-UnityText';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-Italic.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TCCC-UnityText';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-Bold.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TCCC-UnityText';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-BoldItalic.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityText-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* --- TCCC UnityHeadline --- */
@font-face {
  font-family: 'TCCC-UnityHeadline';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityHeadline-Regular.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityHeadline-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TCCC-UnityHeadline';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityHeadline-Bold.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityHeadline-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- TCCC UnityCondensed --- */
@font-face {
  font-family: 'TCCC-UnityCondensed';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityCondensed-Medium.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityCondensed-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TCCC-UnityCondensed';
  src: url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityCondensed-Bold.woff2') format('woff2'),
       url('https://cdn1.cloudwrx.com/static/1/assets/fonts/TCCC-UnityCondensed-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {

    margin-bottom: 1rem;
    
    font-weight: 600;
    
    line-height: 1.2;
    
}

#wrx-ui-content-titlebar, #wrx-ui-content-titlebar h1, #wrx-ui-content-titlebar .h1 {

    border-bottom: none;
    
    color: var(--bs-body-color);
    
    text-align: left;
    
    font-size: 2.2rem;
    
    padding: 0.9rem 0.9rem 0.9rem 0.9rem;
    
    letter-spacing: -1px;
    
}

.shadow { 

    box-shadow: 0 0.275rem 1.25rem rgba(var(--rgb-dark), 0.05), 0 0.25rem 0.5625rem rgba(var(--rgb-dark), 0.03) !important; 

}

.shadow-sm { 

    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(var(--rgb-dark), 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(var(--rgb-dark), 0.03) !important; 

}

.shadow-lg { 

    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.06) !important; 

}


.dx-menu-item {

    color: var(--black) !important;
    
}

.wrx-ui-brandbar {

    box-shadow: 1px 2px 3px 2px hsla(0, 0%, 0%, 4%);

    border-radius: 0;
    
    /* padding-left: 2rem; */
    
}

.wrx-ui-brandbar-logo {

    max-width: 250px !important;
    
    max-height: 80px !important;
    
    flex-shrink: 0;
    
}

@media (max-width: 768px) {

    .wrx-ui-brandbar-logo {
    
        max-width: 150px !important;
        
    }
    
}

.wrx-ui-brandbar-menu-item.root {

    color: var(--black);
    
    font-weight: 400;
    
    font-size: .9rem;
    
}

#wrx-ui-content-titlebar-text h1 {

    text-align: center;

}


.card-wrapper {
    
    max-width: 100%;
    
    border-radius: 20px;
    
    overflow: hidden;
    
    transition: all 0.3s ease-in-out;
    
    <!--box-shadow: 0 14px 24px rgba(0, 0, 0, 0.06);-->
    
    background-color: #fff;
    
}

.wrx-ui-brandbar-contactbutton {

    font-size: .9rem

}



.wrx-ui-nav-context-menu-unit {

    border-radius: initial;
    
    -moz-border-radius: initial;
    
    -webkit-border-radius: initial;
    
    -webkit-box-shadow: initial;
    
    box-shadow: initial;
    
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
    
    background: initial;
        
}

.wrx-ui-nav-context-menu-title {

    align-items: center;
    
    cursor: pointer;
    
    display: flex;
    
    flex-wrap: nowrap;
    
    font-size: 1.5rem;
    
    font-weight: 700;
    
    justify-content: space-between;
    
    background: var(--white);
    
    color: var(--back-l1);
    
    background-origin: border-box;
    
    -webkit-border-top-right-radius: initial !important;
    
    -webkit-border-top-left-radius:  initial !important;
    
    -moz-border-radius-topright:  initial !important;
    
    -moz-border-radius-topleft:  initial !important;
    
    border-top-right-radius:  initial !important;
    
    border-top-left-radius:  initial !important;
    
    -webkit-border-bottom-right-radius:  initial !important;
    
    -webkit-border-bottom-left-radius:  initial !important;
    
    -moz-border-radius-bottomright:  initial !important;
    
    -moz-border-radius-bottomleft:  initial !important;
    
    
    border-bottom-right-radius:  initial !important;
    
    border-bottom-left-radius:  initial !important;
    
}

.wrx-ui-nav-context-menu-title:hover {

    background: var(--white);
    
    color: var(--back-l1);
    
}

.wrx-ui-nav-context-menu-title-icon {

    padding: .4rem 0 .4rem .9rem;
    
    width: 2rem;
    
    flex-grow: 0;
    
    text-align: right;
    
    font-size: 1.3rem;
    
    line-height: 1;
    
    padding-top: 0.8rem !important;
    
    padding-right: 0.4rem;
    
    padding-bottom: .6rem;
    
    padding-left: 0.4rem;
    
}

.wrx-ui-nav-context-menu-title-text {

    font-size: inherit;
    
}

.wrx-ui-nav-context-menu-l1-item-row {

    align-items: center;
    
    cursor: pointer;
    
    display: flex;
    
    flex-wrap: nowrap;
    
    font-size: 1.5rem;
    
    justify-content: space-between;
    
    color: var(--black-l1);
    
    font-family: var(--font-family-header);
    
    margin: 0 auto;
    
    background-origin: border-box;
    
}

.wrx-ui-nav-context-menu-l1-item-row a {

    font-size: inherit;

}

.wrx-ui-nav-context-menu-l1-item-icon, .wrx-ui-nav-context-menu-l2-item-icon, .wrx-ui-nav-context-menu-l3-item-icon {

    background-color: inherit;
    
    color: inherit;
    
    width: 2.5rem;
    
    flex-grow: 0;
    
    text-align: right;
    
    font-size: 1.3rem;
    
    line-height: 1.5;
    
    padding: 0.8rem 0.4rem .6rem 0.4rem;
    
}

.wrx-ui-nav-context-menu-l1-item-row:hover, .wrx-ui-nav-context-menu-l2-item-row:hover, .wrx-ui-nav-context-menu-l3-item-row:hover {

    background-color: inherit;
    
    -webkit-box-shadow: none-;
    
    box-shadow: none;
    
    background: inherit;

    color: inherit;
    
}

.wrx-ui-nav-context-menu-l1-item-icon, .wrx-ui-nav-context-menu-l2-item-icon, .wrx-ui-nav-context-menu-l3-item-icon {

    background-color: inherit;
    
    color: transparent;
    
    width: 2.5rem;
    
    flex-grow: 0;
    
    text-align: right;
    
    font-size: 1.3rem;
    
    line-height: 1.5;
    
    padding: 0.8rem 0.4rem .6rem 0.4rem;
    
}

.wrx-ui-nav-context-menu-l2-item-row, .wrx-ui-nav-context-menu-l3-item-row {

    align-items: center;
    
    cursor: pointer;
    
    display: flex;
    
    flex-wrap: nowrap;
    
    justify-content: space-between;
    
    padding-left: .8rem;
    
    color: var(--black-l2);
    
    background: var(--white);
    
    font-size: 1rem;
    
}
<!--Custom Secondary Button-->
 .button.button--secondary .cmp-button {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    border: none;
    border-radius: 8000px;
    max-width: 100%;
    padding: 4px 16px;
    text-align: center;
    text-decoration: none;
    background: transparent;
    background-color: transparent;
    border-color: #000000;
    border-style: solid;
    border-width: 2px;
    color: #000000;
    height: fit-content;
    min-height: 40px;
    width: 100%;
}
<!--Custom Secondary Button-->
<!--Custom Button Primary-->
.button .cmp-button {
    --button-type: Primary;
    --button-background: neutral;
    --button-inverse: ;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000000;
    border: none;
    border-radius: 8000px;
    color: #ffffff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    min-height: 40px;
    padding: 4px 16px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
<!--Custom Button Primary-->
.button, .button .cmp-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
     margin-top:16px;
}
@@media (min-width: 1200px) {

    .button.button--secondary .cmp-button {
        width: 327px;
    }
}
@@media (max-width: 768px) {
        .button.button--secondary .cmp-button {
        width: 100%;
    }
}
<!--Secondary Button-->
<!--Penbev Content wrapper-->
    .penbevbdyWrapper {

        padding: 30px;

        background: #fff;

        /* width: 500px; */

        border-radius: 16px;

        box-sizing: border-box;

        /* margin: 30px; */

        /* margin-left: 100px; */

        box-shadow: 0 14px 24px rgba(0, 0, 0, 0.06);

        margin-top:30px;
        margin-bottom:30px;
        /*line-height: 1.8;*/

    }
p {
    line-height: 1.8;
}
<!--Penbev Content wrapper-->