.portfolio-item-custom {  
    position: relative;  
    margin-bottom: 30px;  
    overflow: hidden;  
    transition: transform 0.2s;  
}  
.portfolio-item-custom:hover {  
    transform: scale(1.05);
    
     
}  
.portfolio-image-custom img {  
    width: 100%;  
    height: 265px; 
    /* padding-left: 10px;
    padding-right: 10px;  */
    object-fit: cover;  
    transition: filter 0.3s ease;  
}  
.portfolio-item-custom:hover .portfolio-image-custom img {  
filter: contrast(0.25);   
}  
.portfolio-text-custom {  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%);  
    color: rgb(255, 255, 255);  
    text-align: center;  
    opacity: 0;  
    transition: opacity 0.3s ease; 
   

     
}  
q {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}
.portfolio-item-custom:hover .portfolio-text-custom {  
    opacity: 1;
      
}  
.view-details-custom {  
    position: absolute;  
    bottom: 10px;  
    left: 50%;  
    transform: translateX(-50%);  
    background-color: rgba(255, 255, 255, 0.8);  
    color: black;  
    border: none;  
    padding: 5px 10px;  
    border-radius: 5px;  
    cursor: pointer;  
    text-decoration: none;  
    opacity: 1;  
    transition: background-color 0.3s ease;  
}  
.view-details-custom:hover {  
    background-color: gold;  
}  
.pagination-custom {  
    justify-content: center;  
}  
.pagination-custom .page-item-custom.active .page-link-custom {  
    background-color: gold;  
    border-color: gold;  
} 

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -3px;
    line-height: 0.7;
    color: #333435;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.filter-button-custom {  
    cursor: pointer;  
    margin: 0 15px;  
    font-weight: normal;  
    position: relative;  
    padding: 0px;  
}  
.filter-button-custom:before {  
    content: '';  
    position: absolute;  
    top: 53%;  
    left: -10px;  
    width: 6px;  
    height: 6px;  
    background-color:rgb(146, 124, 1);  
    border-radius: 100%;  
    transform: translateY(-50%);  
}  
.filter-button-custom.active {  
    color:rgba(146, 124, 1);  
}  
       
            .py-5 {
    padding-top: 0rem !important;
    padding-bottom: 3rem !important;
} 
.mb-44 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem;
}

/* Container */  
.container-1 {  
    max-width: 1200px;  
    margin: 0 auto;  
    padding: 0px 10px; 
    margin-top: 20px;
    background-color: #000;
}  
.container-2 {  
    max-width: 1200px;  
    margin: 0 auto;  
    padding: 0px; 
    margin-top: 20px; 
} 
.img1-fluid-1 {
    max-width: 100%;
    height: auto;
}
/* Grid system */  
.row-1 {  
    display: flex;  
    flex-wrap: wrap;  
    
    margin-top: opx;  
}  

.col-md-44 {  
    flex: 0 0 33.3333%;  
    max-width: 33.3333%;  
    padding-right: 15px;  
    padding-left: 15px; 
    margin-bottom: 15px; 
}  

/* Text center */  
  







