.tile-grid-top-content{max-width:850px;margin:0 auto;padding-bottom:20px;text-align:center}.tile-grid-top-content p{margin-top:0}.tile-grid-top-content h2{color:var(--c-third)}.tile-grid-items{display:flex;flex-wrap:wrap;margin:0 -5px}.tile-grid-item{width:33.33%;padding:5px}.tile-grid-image img{width:100%;height:600px;object-fit:cover;object-position:center}.tile-grid-item-inner{position:relative}.tile-grid-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}.tile-grid-item-inner>a:hover .tile-grid-content,.tile-grid-item-inner>a:focus .tile-grid-content,.tile-grid-item-inner>a:focus-within .tile-grid-content{min-height:calc(100% - 50px);transition:all .3s ease;padding-bottom:100px}.tile-grid-desc-wrap{opacity:0;visibility:hidden;height:0;transition:height .3s ease,opacity .3s ease;width:100%;color:var(--c-white)}.tile-grid-title h3{margin:0;color:var(--c-white)}.tile-grid-title{width:100%}.tile-grid-title a,.tile-grid-title a:hover{text-decoration:none;color:var(--c-white)}.tile-grid-item-inner>a:hover .tile-grid-desc-wrap,.tile-grid-item-inner>a:focus .tile-grid-desc-wrap,.tile-grid-item-inner>a:focus-within .tile-grid-desc-wrap{height:auto;opacity:1;visibility:visible;transition:height .3s ease,opacity .3s ease}.tile-grid-description{padding:20px 0}.tile-grid-arrow{text-align:right;position:absolute;bottom:50px;right:60px;z-index:-1}.tile-grid-items-wrap{position:relative}.tile-grid-btn{text-align:center;padding-top:30px}.bg-black .tile-grid-top-content h2,.bg-mid-blue .tile-grid-top-content h2,.bg-dark-blue .tile-grid-top-content h2{color:var(--c-white)}.bg-mid-blue .tile-grid-btn .secondary-btn{background-color:transparent;color:var(--c-white);border-color:var(--c-white)}.bg-mid-blue .tile-grid-btn .secondary-btn:hover,.bg-mid-blue .tile-grid-btn .secondary-btn:focus{background-color:var(--c-main);color:var(--c-white);border-color:var(--c-main)}.tile-grid-arrow svg{animation:moveRight 1s linear infinite;transition:all .3s ease;animation-direction:alternate;animation-iteration-count:infinite}.tile-traingle{position:absolute;top:0;left:-30px;margin-top:-20px;z-index:2}.tile-grid-image{position:relative;overflow:hidden}.circle-bottom .tile-traingle{top:0}.tile-circle{display:none;position:absolute;bottom:0;right:0}.tile-bottom-right-circle{display:block;bottom:-20px}.tile-circle svg{display:block}.tile-grid-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}.circle-right .tile-top-right-circle{display:block;top:-10px;right:-10px}.circle-right .tile-bottom-right-circle{display:none}.circle-right .tile-traingle{top:auto;bottom:40px;transform:rotate(-90deg);left:-83px}.circle-left .tile-bottom-right-circle{display:none}.circle-left .tile-top-left-circle{display:block;top:-40px;left:0}.circle-left .tile-traingle{top:auto;transform:rotate(-90deg);left:-83px;bottom:60px}@keyframes moveRight{0%{transform:translateX(0)}100%{transform:translateX(20px)}}@media (max-width:1300px){.tile-grid-title h3{font-size:26px}}@media (max-width:1199px){.tile-grid-item{width:33.33%}.tile-top-right-circle svg{width:180px;height:235px}.circle-right .tile-top-right-circle{top:-30px;right:0}.tile-bottom-right-circle svg{width:192px;height:206px}.tile-top-left-circle svg{width:287px;height:225px}}@media (max-width:991px){.tile-grid-item{width:50%}}@media (max-width:767px){.tile-grid-item{width:100%}.tile-grid-content{max-width:calc(100% - 30px)}.tile-grid-image img{height:auto}.tile-grid-title h3{font-size:28px}.tile-grid-description{font-size:16px}.tile-grid-desc-wrap{opacity:1;visibility:visible;height:auto}.tile-grid-arrow{bottom:20px}.tile-grid-item-inner{position:absolute;top:0;left:0;right:0;height:100%;width:100%}.tile-grid-item{position:relative;padding-bottom:100%;margin:10px}.tile-grid-item-inner a,.tile-grid-item-inner>div{height:100%;display:block}.tile-grid-image,.tile-grid-image div{height:100%}.tile-grid-image img{height:100%}.tile-grid-image .tile-traingle{height:auto}}@media (max-width:600px){.tile-grid-item-inner>a:hover .tile-grid-content,.tile-grid-item-inner>a:focus .tile-grid-content,.tile-grid-item-inner>a:focus-within .tile-grid-content{padding-bottom:35px}.tile-grid-content,.tile-grid-item-inner>a:hover .tile-grid-content,.tile-grid-item-inner>a:focus .tile-grid-content,.tile-grid-item-inner>a:focus-within .tile-grid-content{min-height:calc(100% - 100px)}}