.contact-info-block{width:100%}.contact-info-items{display:flex;gap:2rem;flex-wrap:wrap}.contact-info-item{position:relative;flex:1;min-width:200px;background-color:#fff;padding:2rem;box-shadow:0 4px 20px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:var(--global-radius,0);overflow:hidden}.contact-info-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgb(0 0 0 / .1)}.contact-info-link{text-decoration:none;color:inherit;display:block;height:100%}.contact-info-inner{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.contact-info-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color-light,#f0f7ff);color:var(--primary-color,#007bff);border-radius:50%;margin-bottom:1.5rem;transition:background-color 0.3s ease,color 0.3s ease}.contact-info-item:hover .contact-info-icon{background-color:var(--primary-color,#007bff);color:#fff}.contact-info-icon svg{width:32px;height:32px;fill:currentColor}.contact-info-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--heading-color,#333)}.contact-info-text{font-size:1rem;color:var(--text-color,#666);line-height:1.6}.contact-info-block.layout-horizontal .contact-info-items{flex-direction:row}.contact-info-block.layout-vertical .contact-info-items{flex-direction:column;gap:1.5rem}.contact-info-block.layout-vertical .contact-info-item{display:flex;flex-direction:row;align-items:center;text-align:left;padding:1.5rem}.contact-info-block.layout-vertical .contact-info-inner{flex-direction:row;align-items:center;text-align:left;width:100%}.contact-info-block.layout-vertical .contact-info-icon{margin-bottom:0;margin-right:1.5rem;width:56px;height:56px;flex-shrink:0}.contact-info-block.layout-vertical .contact-info-icon svg{width:24px;height:24px}.contact-info-block.layout-vertical .contact-info-content-wrapper{flex:1}.contact-info-block.layout-vertical .contact-info-title{font-size:1rem;margin-bottom:.25rem}.contact-info-block.layout-vertical .contact-info-text{font-size:.95rem}@media (max-width:768px){.contact-info-items{flex-direction:column}.contact-info-block.layout-horizontal .contact-info-items{flex-direction:column}}.contact-info-block.layout-vertical .contact-info-item{box-shadow:none}.contact-info-block.layout-vertical .contact-info-item:hover{box-shadow:0 8px 30px rgb(0 0 0 / .1)}