.hovered-boxes-wrapper {
    display: flex;
    gap: 35px;
    padding: 20px 0px 10px;
    justify-content: center;   
	position:relative;
	z-index:222;
}

.hovered-boxes-wrapper  .hovered-box {
    position: relative;    
    min-height: 400px;
	max-height: 400px;
	width:100%;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s ease;	
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.20);
	display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(1, 1fr);	   
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
    
}

.hovered-boxes-wrapper  .hovered-box::after {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.90) 20%, rgba(0, 0, 0, 0.80) 30%, rgba(0, 0, 0, 0.65) 36%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.10) 52%);
	z-index: 111;
}

.hovered-boxes-wrapper .hovered-box .box{
    transform: translateY(53%);
    transition: transform 0.4s ease;
	padding:45px 35px 35px;
	position: relative;
    z-index: 999;
	min-height: 400px;
	max-height:400px;
}


.hovered-boxes-wrapper .hovered-box:hover .box{   
    transform: translateY(0%);
	padding:25px 35px 35px;	
}

.hovered-boxes-wrapper .hovered-box:hover .hovered-boxes-description{   
	margin-top: 14px;
}

.hovered-boxes-wrapper .hovered-box:hover .box {
 background-color:rgba(0,0,0,0.8);
}


.hovered-boxes-wrapper .hovered-box .hovered-boxes-type{
    background-color:#C2A462;
	color:#000;
	padding:6px 24px;
	border-radius:35px;
	display: inline-block;
	font-size:14px;
	line-height:1.1;
}

.hovered-boxes-wrapper  .hovered-box .content h2{	
	text-transform:uppercase;
	margin-top:10px;
}

.hovered-boxes-description {
    margin-top: 34px;
}

.hovered-boxes-wrapper .hovered-box.active .content p{
	color:#fff;
}

.hovered-boxes-wrapper .hovered-box .content .hovered-boxes-button{
	display:block;
	margin-top: 30px;
}
.hovered-boxes-wrapper .hovered-box .content .hovered-boxes-button a{
justify-content: center;
align-items: center;
gap: 10px;
backdrop-filter: blur(25px);
}

.hovered-boxes-wrapper .hovered-box .content .hovered-boxes-button a:hover{
backdrop-filter: blur(25px);
}

@media(max-width:1100px){ 
	.hovered-boxes-description {
		margin-top: 28px;
	}
}

@media(max-width:1084px){ 
	.hovered-boxes-wrapper .hovered-box .box{
		transform: translateY(56%);
	}
}

@media(max-width:1024px){

.hovered-boxes-wrapper .hovered-box .box{
	min-height: 418px;
	max-height: 418px;
}

.hovered-boxes-wrapper .hovered-box .box{ 
	min-height: 418px;
	max-height: 418px;
}
	
.hovered-boxes-wrapper {
    gap: 20px;
    padding: 40px 0px;
}

.hovered-boxes-wrapper .hovered-box .box{
    transform: translateY(70%);
}

.hovered-boxes-wrapper .hovered-box .box{
   
	padding:25px 15px 15px;
	
}

.hovered-boxes-wrapper .hovered-box .content .hovered-boxes-button a {
  padding: 10px 14px;
}

.hovered-boxes-wrapper .hovered-box h4 {
font-size:20px!important;
}
}

@media(max-width:767px){

.hovered-boxes-wrapper .hovered-box .box{
	min-height: 400px;
	max-height: 400px;
}

.hovered-boxes-wrapper .hovered-box .box{ 
	min-height: 400px;
	max-height: 400px;
}	

.hovered-boxes-wrapper {  
    padding: 40px 0px 0;
}


.hovered-boxes-wrapper {
	display:block;
	
}
.hovered-boxes-wrapper .hovered-box {
  margin-bottom: 35px;
}
}