.elementor-413 .elementor-element.elementor-element-14d2da8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-413 .elementor-element.elementor-element-04c7971{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-413 .elementor-element.elementor-element-3dd3bd3 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-413 .elementor-element.elementor-element-4f8a02a{color:var( --e-global-color-d630617 );}.elementor-413 .elementor-element.elementor-element-6409c55{--display:flex;}@media(min-width:768px){.elementor-413 .elementor-element.elementor-element-04c7971{--width:70%;}.elementor-413 .elementor-element.elementor-element-6409c55{--width:30%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-3dd3bd3 */#symbol-name{

    font-family:"Lexend", sans-serif;

    font-weight:700;

    font-size:72px;

    line-height:0.95;

    letter-spacing:-2px;

    text-transform:uppercase;

    color:#1E2B3A;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4f8a02a */#symbol-definition{

    font-family:"Vercetti", sans-serif;

    font-size:24px;

    line-height:1.6;

    color:white;

    max-width:85%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2f4162 */.elementor-413 .elementor-element.elementor-element-b2f4162{

    text-align:center;

}

.elementor-413 .elementor-element.elementor-element-b2f4162 img{

    width:240px;
    max-width:100%;

}

#symbol-svg{

    text-align:right;

}

#symbol-svg img{

    width:180px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04c7971 */.elementor-413 .elementor-element.elementor-element-04c7971{

    min-height:80vh;

    background:#205A7C;

    border-radius:40px;

    padding:60px;

    flex-direction:column;

    justify-content:space-between;

    transition:.4s ease;
    
        display:grid;

    grid-template-rows:120px 1fr auto;

    row-gap: 30px;

}

#symbol-panel{

    

    padding:50px;

    border-radius:40px;
    
    max-height: 30vh;

}

.elementor-413 .elementor-element.elementor-element-04c7971 #symbol-name{
    color:white;
    font-family:"Lexend", sans-serif;
    font-weight:700;
    font-size:72px;
    line-height:0.95;
      margin:0;
}

.elementor-413 .elementor-element.elementor-element-04c7971 #symbol-definition{
    color:white;
    font-family:"Vercetti", sans-serif;
    font-size:22px;
    line-height:1.6;
      margin:0;
}

/* CARD ATTIVA */

.symbol-card.active{
    box-shadow:0 0 0 3px rgba(255,255,255,.5);
}

/* FADE CONTENUTO */

#symbol-name,
#symbol-definition,
#symbol-svg{
    transition:opacity .2s ease;
}

/* TRANSIZIONE COLORE PANNELLO */

#symbol-panel{
    transition:background-color .3s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8d8df5 */#symbol-search{

    width:100%;

    height:60px;

    border:none;

    border-radius:30px;

    padding:0 24px;

    background:#ffffff;

    font-family:"Lexend", sans-serif;

    font-size:16px;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

}

#symbol-search:focus{

    outline:none;

    box-shadow:0 0 0 3px rgba(32,90,124,.2);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4c8a59 */#symbol-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    height:80vh;

    overflow-y:auto;

    overflow-x:hidden;

    padding-right:10px;

align-content:start;;
}

#symbol-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
    width:100%;
    box-sizing:border-box;
}

.symbol-card{

    border-radius:24px;
    
    cursor:pointer;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:20px;

    transition:.25s ease;

}

.symbol-card:hover{
    transform:scale(0.96);
}

.symbol-card img{

    width:70px;

    height:70px;

    object-fit:contain;

}

.symbol-card span{

    margin-top:10px;

    font-size:14px;

    text-align:center;

}


.symbol-card{

    border-radius:24px;

    padding:16px;

    min-height:140px;

}

.symbol-card span{

    margin-top:12px;

    font-size:13px;

    font-weight:600;

    letter-spacing:.5px;

    text-transform:uppercase;

}

.symbol-card.active{
    box-shadow:0 0 0 3px rgba(255,255,255,.5);
}

#symbol-grid .symbol-card span{
    color:white;
    font-family:"Lexend", sans-serif;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6409c55 */.symbol-sidebar,
.elementor-column,
.elementor-widget-wrap{
    overflow:hidden;
}/* End custom CSS */