.portfolio-filter {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     justify-content: center;
     margin-bottom: 2.5rem;
 }

 .portfolio-filter .btn {
     border-radius: 50px;
     padding: 0.65rem 1.5rem;
     font-weight: 600;
     transition: all 0.3s;
 }

 .portfolio-filter .btn.active {
     background: linear-gradient(90deg, #3b82f6, #8b5cf6);
     color: white;
     border: none;
     transform: scale(1.05);
 }

 .portfolio-card {
     transition: all 0.4s ease;
     border-radius: 16px;
     overflow: hidden;
     background: linear-gradient(145deg, #ffffff, #f0f0f0);
     border: solid 8px #333 !important;
 }
 .portfolio-card .card-body{
        box-shadow: 0px 18px 12px 31px #333333a6;
 }
/*  .portfolio-card:hover {
     transform: translateY(-12px) scale(1.02);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
 }
 */
.portfolio-thumbnail {
    height: 218px;
    width: 100%;
    object-fit: cover;
    display: block;
    animation: slowVerticalPan 20s infinite alternate ease-in-out;
}

@keyframes slowVerticalPan {
    0%   { object-position: 50% 0%;   }
    50%  { object-position: 50% 50%;  }
    100% { object-position: 50% 100%; }
}

 .bg-danger.badge {
     top: -14px;
     width: 126px;
     right: -11px;
     height: 40px;
     padding-top: 10px;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     background: goldenrod !important;
 }

 .portfolio-card:hover .portfolio-thumbnail {
     transform: scale(1.1);
 }

 .project-type-badge {
     position: absolute;
     top: 16px;
     right: 16px;
     z-index: 2;
     font-size: 0.75rem;
     padding: 0.5rem 1rem;
     border-radius: 20px;
     background: linear-gradient(45deg, #3b82f6, #8b5cf6);
     color: white;
     animation: pulse 2s infinite;
 }

 @keyframes pulse {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0.7;
     }

     100% {
         opacity: 1;
     }
 }

 .ib-bg-light {
     background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
 }


 .tech-tag {
     background: #e0e7ff;
     color: #4338ca;
     padding: 0.25rem 0.75rem;
     border-radius: 20px;
     font-size: 0.8rem;
 }

 .industry-text {
    /*  font-weight: 500; */
   /*   font-family: 'Alexandria'; */
     margin: 0px 0px 15px 0px;
     width: max-content;
     background: #e0e7ff;
     color: #4338ca;
     padding: 0.25rem 0.75rem;
     border-radius: 20px;
     font-size: 0.8rem;
 }

/*  .card-body.d-flex.flex-column.p-4 {
     padding-top: 13px !important;
 }

 */
 span.badge.bg-primary.fs-6.px-3.py-2 {
    background: #e0e7ff !important;
    color: #4338ca;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    margin: 5px 5px;
}
a.text-dark.text-decoration-none {
    color: #313131 !important;
    font-family: 'Alexandria' !important;
    font-size: 17px;
    line-height: 32px;
    font-weight: 700;
}
img.card-img-top.top {
    object-position: top;
}h6.fw-bold.link {
    color: #943356;
    line-height: 27px;
}.col-md-6.col-lg-3.card {
    margin: 7px 10px;
}
h5.card-title.fw-bold.fs-4.mb-2 {
    color: #313131 !important;
    font-family: 'Alexandria' !important;
    font-size: 17px;
    line-height: 32px;
    font-weight: 700;
}
 .project-hero .content {
     position: absolute;
     bottom: 15%;
     left: 0;
     right: 0;
 }

 .gallery-img {
     transition: all 0.4s;
 }

 .gallery-img:hover {
     transform: scale(1.05);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }

 .related-card {
     transition: all 0.3s;
 }

 .related-card:hover {
     transform: translateY(-10px);
 }h1.display-4.fw-bold.text-white.mb-3 {
    font-family: 'Alexandria';
    font-weight: 900;
    font-size: 33px;
    line-height: 57px;
}