body {
     font-family: 'Inter', sans-serif;
     background-color: #202020 !important;
 }



 .hover {
     overflow: hidden;
     position: relative;
     padding-bottom: 60%;
 }

 .hover-overlay {
     width: 100%;
     height: 30%;
     position: absolute;
     top: 70%;
     left: 0;
     z-index: 90;
     transition: all 0.4s;
 }

 /* .hover-overlay {
     width: 100%;
     height: 24%;
     position: absolute;
     top: 73%;
     left: 0;
     z-index: 90;
     transition: all 0.4s;
 } */

 /* .hover-overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     transition: all 0.4s;
 } */

 .hover img {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     transition: all 0.3s;
 }

 .hover-content {
     position: relative;
     z-index: 99;
 }


 .hover-5::after {
     content: '';
     width: 100%;
     height: 10px;
     background: #b78b81;
     /* background: silver; */
     position: absolute;
     bottom: -10px;
     left: 0;
     display: block;
     transition: all 0.3s;
     z-index: 999;
 }

 .hover-5 .hover-overlay {
     background: rgba(0, 0, 0, 0.4);
 }

 /* .hover-5-title {
     position: absolute;
     bottom: 1rem;
     left: 0;
     transition: all 0.3s;
     padding: 2rem 3rem;
     z-index: 99;
 } */

 .hover-5-title {
     position: absolute;
     bottom: 0;
     left: 0;
     transition: all 0.3s;
     padding: 2.6rem 2rem;
     z-index: 99;
     font-size: 22px;
     font-weight: 700;
     color: #fff;
     text-shadow: 2px 2px 4px #000000;
 }

 .hover-5-title span {
     transition: all 0.4s;
     opacity: 0;
     color: #47c650;
 }

 .hover-5:hover .hover-overlay {
     background: rgba(0, 0, 0, 0.8);
 }

 .hover-5:hover .hover-5-title {
     bottom: -0.5rem;
 }

 .hover-5:hover .hover-5-title span {
     opacity: 1;
 }

 .hover-5:hover::after {
     bottom: 0;
 }

 .view-all-btn a {
     background-color: #fff;
     border-radius: 5px;
     color: rgb(0, 0, 0);
     font-size: 14px;
     text-decoration: none;
     /* background-color: #fff; */
     padding: 10px 30px 10px 30px;
     text-shadow: none
 }

 .view-all-btn a:hover {
     background-color: #b78b81;
     border-radius: 5px;
     color: rgb(255, 255, 255);
     font-size: 14px;
     text-decoration: none;
     /* background-color: #fff; */
     padding: 10px 30px 10px 30px;
     text-shadow: none
 }