.ddc-component-wrapper{--ddc-gap:20px;--ddc-btn-gap-x:12px;--ddc-btn-gap-y:12px;--ddc-btn-min-h:75px;--ddc-banner-max-h:560px;width:100%;font-family:inherit;color:inherit}.ddc-banner-section{display:grid;grid-template-columns:clamp(410px, 36%, 460px) minmax(0,1fr);column-gap:var(--ddc-gap);align-items:stretch}.ddc-filter-section{display:flex;flex-direction:column;min-width:0}.ddc-filter-section h3{margin:0 0 10px;font-size:36px;line-height:1.15;font-weight:700;color:var(--porto-primary-color)!important}.ddc-filter-section h4{margin:0 0 20px;line-height:1.4}.ddc-filter-list,.ddc-filter-list-last{display:grid;grid-auto-rows:minmax(var(--ddc-btn-min-h),1fr);list-style:none;padding:0;margin:0}.ddc-filter-list{flex:3 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ddc-btn-gap-y) var(--ddc-btn-gap-x)}.ddc-filter-list-last{flex:1 1 auto;margin-top:var(--ddc-btn-gap-y)}.ddc-filter-list li,.ddc-filter-list-last li{display:flex;margin:0;padding:0}.ddc-filter-list a,.ddc-filter-list-last a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:12px 6px;border:1px solid #333;border-radius:8px;text-decoration:none;text-align:center;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto;color:#333;transition:background-color 0.3s,color 0.3s,border-color 0.3s}.ddc-icon{width:30px;height:30px;flex-shrink:0;color:#333}.ddc-icon .st0{fill-rule:evenodd;clip-rule:evenodd;stroke:#000;stroke-width:.5;stroke-miterlimit:2.6131}.ddc-component-wrapper .ddc-filter-list li>a:hover,.ddc-component-wrapper .ddc-filter-list-last li>a:hover{background-color:var(--porto-primary-color)!important;color:#fff!important;border-color:var(--porto-primary-color)!important}.ddc-component-wrapper .ddc-filter-list a:hover .ddc-icon path,.ddc-component-wrapper .ddc-filter-list-last a:hover .ddc-icon path{fill:#fff!important}.ddc-component-wrapper .ddc-filter-list a:focus-visible,.ddc-component-wrapper .ddc-filter-list-last a:focus-visible,.ddc-component-wrapper .ddc-btn:focus-visible{outline:2px solid var(--porto-primary-color);outline-offset:2px}.ddc-banner{position:relative;width:100%;min-width:0;aspect-ratio:1024 / 683;max-height:var(--ddc-banner-max-h);background:#f5f5f5;border-radius:16px;overflow:hidden}.ddc-component-wrapper .ddc-banner img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.ddc-banner-text{position:absolute;left:var(--ddc-gap);bottom:var(--ddc-gap);z-index:2;max-width:80%}.ddc-banner-text h2{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ddc-component-wrapper .ddc-btn{position:relative;z-index:10;display:inline-block;cursor:pointer;background:#000000!important;color:#fff!important;padding:.6rem 1.2rem;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color 0.3s}.ddc-component-wrapper .ddc-btn:hover{background:var(--porto-primary-color)!important;color:#fff!important}@media (max-width:991px){.ddc-banner-section{grid-template-columns:minmax(0,1fr);row-gap:var(--ddc-gap)}.ddc-banner{order:1;max-height:none}.ddc-filter-section{order:2}}@media (max-width:768px){.ddc-component-wrapper{--ddc-gap:16px;--ddc-btn-min-h:64px}.ddc-filter-section h3{font-size:24px}.ddc-component-wrapper .ddc-btn{font-size:.9rem;padding:.5rem 1rem}#mobile-shortcode-menu{display:none;background:#fff;position:fixed;top:70px;left:0;right:0;z-index:9999;padding:1rem;overflow-y:auto;max-height:80vh;box-shadow:0 2px 10px rgb(0 0 0 / .1)}}@media (max-width:480px){.ddc-filter-list a,.ddc-filter-list-last a{gap:6px;padding:10px 6px;font-size:.875rem}.ddc-icon{width:24px;height:24px}}