.section.cc-wrapper{padding-bottom:0}.cc-top-content-inner{max-width:840px;margin:0 auto;text-align:center;padding-bottom:30px}.cc-top-content-inner p{margin-top:0}.cc-items{display:flex;flex-wrap:wrap;margin:0 -5px}.cc-item{width:25%;padding:0 5px}.cc-image img{width:100%;height:600px;object-fit:cover;object-position:center}.cc-item-inner{position:relative}.cc-content{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;padding:35px 20px;border-radius:3px;background:#0080bd;max-width:calc(100% - 50px);margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%;transition:all .3s ease;flex-direction:column;min-height:100px;z-index:9}.cc-link{position:absolute;top:0;left:0;right:0;width:100%;height:100%;color:var(--c-white);text-decoration:none}.cc-desc-wrap{opacity:0;visibility:hidden;height:0;transition:height .3s ease,opacity .3s ease;width:100%;color:var(--c-white);outline:none}.cc-title h3{margin:0;color:var(--c-white)}.cc-title{width:100%}.cc-title a,.cc-title a:hover{text-decoration:none;color:var(--c-white)}.cc-item-inner>a:hover .cc-desc-wrap,.cc-item-inner>a:focus .cc-desc-wrap,.cc-item-inner>a:focus-within .cc-desc-wrap{height:auto;opacity:1;visibility:visible;transition:height .3s ease,opacity .3s ease}.cc-description{padding:20px 0}.cc-arrow{text-align:right;position:absolute;bottom:50px;right:60px;z-index:-1}.cc-item-inner>a:hover .cc-content,.cc-item-inner>a:focus .cc-content,.cc-item-inner>a:focus-within .cc-content{min-height:calc(100% - 50px);transition:all .3s ease}.cc-items .flickity-viewport{width:100%}.cc-nav{position:absolute;top:0;left:0;height:100%;background:#0F2647BF;width:92px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cc-navs{height:100%}.cc-items-wrap{position:relative}.cc-nav.tile-right-nav{right:0;left:auto}.cc-nav:hover{background:var(--c-highlight)}.cc-arrow svg{animation:moveRight 1s linear infinite;transition:all .3s ease;animation-direction:alternate;animation-iteration-count:infinite}.cc-traingle{position:absolute;top:0;left:-30px;margin-top:-20px;z-index:2}.cc-image{position:relative;overflow:hidden}.cc-bottom .cc-traingle{top:0}.cc-circle{display:none;position:absolute;bottom:0;right:0}.cc-bottom-right-circle{display:block;bottom:-20px}.cc-circle svg{display:block}.cc-overlay-image{background-image:url(https://metal-products.local/wp-content/uploads/2024/12/overlay-bg-1.jpg);opacity:35%;position:absolute;top:0;left:0;right:0;width:100%;height:100%;display:block;background-size:cover;background-position:center;background-repeat:no-repeat}.cc-right .cc-top-right-circle{display:block;top:-10px;right:-10px}.cc-right .cc-bottom-right-circle{display:none}.cc-right .cc-traingle{top:auto;bottom:40px;transform:rotate(-90deg);left:-83px}.cc-left .cc-bottom-right-circle{display:none}.cc-left .cc-top-left-circle{display:block;top:-40px;left:0}.cc-left .cc-traingle{top:auto;transform:rotate(-90deg);left:-83px;bottom:60px}@keyframes moveRight{0%{transform:translateX(0)}100%{transform:translateX(20px)}}@media (max-width:1300px){.cc-title h3{font-size:26px}}@media (max-width:1199px){.cc-item{width:33.33%}.cc-nav{width:80px}.cc-nav svg{width:25px}}@media (max-width:991px){.cc-item{width:50%}.cc-nav{width:60px}.cc-nav svg{width:20px}.cc-navs{height:auto;display:flex;justify-content:center;padding:0}.bg-white .cc-nav svg path,.bg-grey .cc-nav svg path{fill:var(--c-main)}.cc-item-inner{padding-left:0;padding-right:0}.cc-navs{padding:0}}@media (max-width:767px){.cc-item{width:100%}.cc-title h3{font-size:28px}.cc-description{font-size:16px}.cc-desc-wrap{opacity:1;visibility:visible;height:100%}.cc-arrow{bottom:20px}.cc-content{max-width:calc(100% - 120px)}.cc-nav{width:50px}.cc-nav svg{width:17px}}