.flexHoverCtn{padding:var(--xlp)var(--p);background:var(--brown);text-align:center}.flexHoverDiv>div p{max-width:700px;margin:0 auto 20px}.flexHover{border-radius:var(--lbr);aspect-ratio:1350/685;margin-top:50px;display:flex;overflow:hidden}.singleFlexHover{color:#fff;transition:flex 1s var(--expo);will-change:flex;flex:1;padding:40px;position:relative;overflow:hidden}.flexHover:hover .singleFlexHover:not(:hover){flex:.3}.singleFlexHover:hover{flex:.7}.singleFlexHover>:not(img){z-index:1;position:relative}.singleFlexHoverTitle{font-size:42px;font-family:var(--body);white-space:nowrap;font-weight:400}.tag{border-radius:var(--br);color:#fff;border:1px solid #fff;padding:5px 10px;font-size:12px;text-decoration:none}.tag:not(:last-child){margin-right:10px}.flexHoverInfo{border-radius:var(--lbr);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:rgba(217,217,217,.13);flex-direction:column;align-items:center;width:575px;padding:40px;transition:opacity .7s;display:flex;bottom:40px;left:50%;transform:translate(-50%);position:absolute!important}.flexHover:hover .singleFlexHover .flexHoverInfo{opacity:0}.singleFlexHover:hover .flexHoverInfo{opacity:1!important}.flexHoverImage{object-fit:cover}.flexHoverButtons{justify-content:center;gap:0 10px;display:flex}@media screen and (max-width:1100px){.flexHoverDiv>p{font-size:12px}.flexHover{aspect-ratio:unset;border-radius:0;display:block;overflow:visible}.singleFlexHover{aspect-ratio:385/570;border-radius:var(--br);margin-bottom:var(--p)}.singleFlexHoverTitle{font-size:30px}.flexHoverInfo{width:calc(100% - var(--p));bottom:var(--sp);padding:20px;font-size:12px;opacity:1!important}.flexHoverButtons .btn{font-size:12px}.flexHoverButtons{flex-wrap:wrap;margin:10px 0 0}}