.hp-sect-box{display:flex;height:600px;width:100%;overflow:hidden;position:relative}.hp-sect-sub-box{flex:1;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;transition:flex .4s ease;z-index:1}.hp-sect-sub-box:hover{flex:2;z-index:2}.hp-sect-sub-box:hover ~ .hp-sect-sub-box{flex:.85}.hp-sect-sub-box:has(~ .hp-sect-sub-box:hover){flex:.85}.hp-sect-box-1{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;padding:10px 15px;border-radius:8px;z-index:2;transition:background-color .3s ease,backdrop-filter .3s ease}.hp-sect-sub-box:hover .hp-sect-box-1{background-color:rgba(49,55,61,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hp-sect-arrow{opacity:0;transition:opacity .3s ease,transform .3s ease}.hp-sect-sub-box:hover .hp-sect-arrow{opacity:1;transform:scale(1.5)}.hp-sect-title{font-size:1.2rem;color:white;margin-bottom:10px;text-align:left;transition:transform .3s ease;padding-left:8px;padding-right:8px;text-shadow:0 0 6px rgba(49,55,61,0.5),2px 2px 8px rgba(49,55,61,0.4),-2px 2px 8px rgba(49,55,61,0.4),0 -2px 6px rgba(49,55,61,0.4)}