.xo-hoverdir .imagebox__hover{transition:all 0s;left:100%;right:auto;bottom:auto;width:100%;height:100%;overflow:hidden}.xo-hoverdir .imagebox__hover:after{--xo-imgbox-opa: .6}.xo-gallery{--xo-loading-color: #bdbdbd}.grid-loading-effect{height:40px;width:40px;transform:rotateZ(45deg)}.grid-loading-effect div{position:relative;float:left;width:50%;height:50%;transform:scale(1.1)}.grid-loading-effect div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#bdbdbd;animation:xoloadingdefault 2.4s infinite linear both;transform-origin:100% 100%}.grid-loading-effect .ld-cube2{transform:scale(1.1) rotateZ(90deg)}.grid-loading-effect .ld-cube2:before{animation-delay:.3s}.grid-loading-effect .ld-cube4{transform:scale(1.1) rotateZ(270deg)}.grid-loading-effect .ld-cube4:before{animation-delay:.9s}.grid-loading-effect .ld-cube3{transform:scale(1.1) rotateZ(180deg)}.grid-loading-effect .ld-cube3:before{animation-delay:.6s}@keyframes xoloadingdefault{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}.xo-gallery-id-1 .xo-gallery{background-color:#000;padding:40px;color:#fff;font-family:Arial,sans-serif}.xo-gallery-id-1 .xo-gallery h1{text-align:center;font-size:2.5rem;margin-bottom:20px}.xo-gallery-id-1 .xo-gallery .xo-gallery-items{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}.xo-gallery-id-1 .xo-gallery .xo-gallery-item{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.4);transition:transform .4s ease}.xo-gallery-id-1 .xo-gallery .xo-gallery-item:hover{transform:scale(1.03)}.xo-gallery-id-1 .xo-gallery .xo-gallery-item img{width:100%;display:block;transition:transform .4s ease}.xo-gallery-id-1 .xo-gallery .xo-gallery-item:hover img{transform:scale(1.1)}.xo-gallery-id-1 .xo-gallery .xo-gallery-item::after{content:attr(data-title);position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;font-size:1.2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.xo-gallery-id-1 .xo-gallery .xo-gallery-item:hover::after{opacity:1}