.hotels_div {position: relative;overflow: hidden;cursor: pointer;box-shadow: 0px 12px 20px -12px #000;border: 3px solid #d0102e;position: relative;} .hotel_name {position: absolute;background-color: #282e32cc;color: rgb(255, 255, 255);bottom: 0px;right: 0px;font-size: 14px;padding: 8px 10px;padding-left: 10px;padding-left: 0px;font-family: 'Open Sans', sans-serif;font-weight: 600;} .hotels_div:hover .hotel_name {transform: translateX(0%);} .hotels_div:hover .hotel_name::before {border-bottom: 40px solid #282e32cc;transition: 0.3s;} .hotels_inn_wrap img {width: 100%;transition: 0.4s;} .hotels_inn_wrap {overflow: hidden;} .hotel_wrap .col-sm-3 {margin-bottom: 30px;} .hotel_more {position: absolute;left: 0px;top: 0px;border-left: 28px solid transparent;border-bottom: 40px solid #000000b3;height: 100%;transform: translateX(-100%);} .hotel_name::before {position: absolute;content: '';border-left: 40px solid transparent;border-bottom: 40px solid #282e32cc;top: 0px;left: 0px;transform: translateX(-100%);}.inn_container .page_head {margin-bottom: 3%;} .hotels_div:hover .hotels_inn_wrap img {transform: scale(1.4);transition: 0.4s;}