@property --a27-dot{syntax:'<length>';inherits:false;initial-value:0px}
.home.a27-home-proposal-1 .a27-sector{--on:#fff}
.home.a27-home-proposal-1 .a27-sector>span{text-wrap:balance}
.home.a27-home-proposal-1 .a27-sector:before{border-radius:0;background:var(--navy);-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.home.a27-home-proposal-1 .a27-sector:nth-child(1){--src:url(home/sector-icons/offset.svg?v=2);--ic:#ec008c}
.home.a27-home-proposal-1 .a27-sector:nth-child(2){--src:url(home/sector-icons/productie-publicitara.svg?v=2);--ic:#f05a22}
.home.a27-home-proposal-1 .a27-sector:nth-child(3){--src:url(home/sector-icons/ambalaje.svg?v=2);--ic:#fdb913;--on:var(--navy)}
.home.a27-home-proposal-1 .a27-sector:nth-child(4){--src:url(home/sector-icons/textile.svg?v=2);--ic:#1aa7ec;--on:var(--navy)}
.home.a27-home-proposal-1 .a27-sector:nth-child(5){--src:url(home/sector-icons/edituri.svg?v=2);--ic:#1f6fe5}
.home.a27-home-proposal-1 .a27-sector:nth-child(6){--src:url(home/sector-icons/imprimare-3d.svg?v=2);--ic:#1fb85a;--on:var(--navy)}
.home.a27-home-proposal-1 .a27-sector:nth-child(7){--src:url(home/sector-icons/marketing.svg?v=2);--ic:#3fd0c9;--on:var(--navy)}
.home.a27-home-proposal-1 .a27-sector:nth-child(8){--src:url(home/sector-icons/mobila.svg?v=2);--ic:#8a2be2}
.home.a27-home-proposal-1 .a27-sector:nth-child(9){--src:url(home/sector-icons/promotionale-signage.svg?v=2);--ic:#b5127f}
.home.a27-home-proposal-1 .a27-sector:nth-child(10){--src:url(home/sector-icons/display-pop-pos.svg?v=2);--ic:#3a3ae0}
.home.a27-home-proposal-1 .a27-sector:nth-child(11){--src:url(home/sector-icons/serigrafie.svg?v=2);--ic:#12b5ae;--on:var(--navy)}
@media(min-width:1024px){
.home.a27-home-proposal-1 .a27-sector{--box:96px;--icon:52px;background:linear-gradient(#17144424,#17144424) var(--box) 0/1px 100% no-repeat}
.home.a27-home-proposal-1 .a27-sector:nth-child(n){padding-left:calc(var(--box) + 26px)}
.home.a27-home-proposal-1 .a27-sector:before{position:absolute;left:calc((var(--box) - var(--icon))/2);top:calc(50% - var(--icon)/2);z-index:1;width:var(--icon);height:var(--icon)}
}
@media(min-width:1024px) and (max-width:1279px){
.home.a27-home-proposal-1 .a27-sector{--box:76px;--icon:44px}
.home.a27-home-proposal-1 .a27-sector:nth-child(n){padding-left:calc(var(--box) + 18px);padding-right:16px}
}
@media(max-width:1023px){
.home.a27-home-proposal-1 .a27-sector{flex-direction:column;align-items:flex-start;gap:14px}
.home.a27-home-proposal-1 .a27-sector:before{width:44px;height:44px}
}
@media(max-width:767px){.home.a27-home-proposal-1 .a27-sector:before{width:40px;height:40px}}
@media(hover:hover) and (pointer:fine){
.home.a27-home-proposal-1 .a27-sector:before{transition:background-color .2s ease}
}
@media(hover:hover) and (pointer:fine) and (max-width:1023px){.home.a27-home-proposal-1 .a27-sector:hover:before{background:var(--ic)}}
@media(hover:hover) and (pointer:fine) and (min-width:1024px){
.home.a27-home-proposal-1 .a27-sector:after{--a27-dot:0px;content:'';position:absolute;inset:0 auto 0 0;width:var(--box);background:var(--ic);opacity:0;-webkit-mask:radial-gradient(circle,#000 var(--a27-dot),transparent calc(var(--a27-dot) + .5px)) center/12px 12px;mask:radial-gradient(circle,#000 var(--a27-dot),transparent calc(var(--a27-dot) + .5px)) center/12px 12px;transition:--a27-dot .6s cubic-bezier(.4,0,.6,1),opacity 0s linear .6s}
.home.a27-home-proposal-1 .a27-sector:hover:after{--a27-dot:9px;opacity:1;transition:--a27-dot .6s cubic-bezier(.4,0,.6,1),opacity 0s}
.home.a27-home-proposal-1 .a27-sector:hover:before{background:var(--on);transition-delay:.22s}
}
@media(prefers-reduced-motion:reduce){.home.a27-home-proposal-1 .a27-sector:before,.home.a27-home-proposal-1 .a27-sector:after{transition:none!important}}