.eel-portfolio-item-pro.pro-skin1 {display: flex;gap: 30px;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-image {order: 2;flex: 0 0 50%;max-width: 50%;position: relative;overflow: hidden;border-radius: 8px;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-image img.eel-portfolio-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;right: 0;bottom: 0;opacity: 0;visibility: hidden;transform: scale(1.05);transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-image img.eel-portfolio-img.active {opacity: 1;visibility: visible;transform: scale(1);}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-content-pro {flex: 0 0 50%;max-width: 50%;padding: 20px;display: flex;flex-direction: column;justify-content: center;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro {cursor: pointer;padding: 15px 0;border-bottom: 1px solid #eee;transition: all 0.3s ease;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro:last-child {border: none !important;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro:hover, .eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro.active {padding-left: 10px;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro:hover .eel-portfolio-title-pro, .eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro.active .eel-portfolio-title-pro {transform: translateX(5px);}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro .eel-portfolio-title-pro {margin: 0 0 10px 0;font-size: 18px;font-weight: 600;transition: all 0.3s ease;color: #333;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro .eel-portfolio-title-pro a {color: inherit;text-decoration: none;transition: color 0.3s ease;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-info-pro .eel-portfolio-desc {margin: 0;font-size: 14px;line-height: 1.6;color: #666;}.eel-portfolio-title-pro {position: relative;transition: all 0.5s ease;}.eel-portfolio-title-pro i, .eel-portfolio-title-pro svg {position: absolute;right: 0;height: 18px;width: 18px;transition: all 0.3s ease;}.eel-portfolio-title-pro:hover i, .eel-portfolio-title-pro:hover svg {transform: rotate(45deg);}.pro-skin2 .eel-portfolio-location-pro {display: flex;align-items: center;color: #fff;}.pro-skin2 .eel-portfolio-location-pro i {color: currentColor;margin-right: 5px;font-size: 22px;}.pro-skin2 .eel-portfolio-item-pro {position: relative;overflow: hidden;}.pro-skin2 .eel-portfolio-item-pro::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.51) 100%);}.eel-portfolio-wrap-pro.pro-skin2 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;position: relative;}.eel-portfolio-wrap-pro.pro-skin2 .eel-portfolio-item-pro {position: relative;overflow: hidden;}.eel-portfolio-wrap-pro.pro-skin2 .eel-portfolio-item-pro .eel-portfolio-content-pro {position: absolute;padding: 30px;z-index: 1;bottom: 0;width: 100%;}.eel-portfolio-wrap-pro.pro-skin2 .eel-portfolio-title-pro {position: relative;max-width: 100%;}.pro-skin2 .eel-portfolio-category-pro {border: 0.5px solid rgba(255, 255, 255, 0.5411764706);border-radius: 16px;padding: 0px 16px;line-height: 1.5;color: #FFFFFF;font-size: 16px;margin-bottom: 15px;display: inline-block;}.eel-portfolio-wrap-pro.pro-skin2 img {display: block;width: 100%;-o-object-fit: cover;object-fit: cover;height: 100%;transform: scale(1.2);transition: transform 0.5s ease;}.eel-portfolio-wrap-pro.pro-skin2 .eel-portfolio-item-pro:hover img {transform: scale(1.2) translateX(10px);}@media (max-width: 768px) {.eel-portfolio-item-pro.pro-skin1 {flex-direction: column;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-image {order: 1;flex: 0 0 auto;max-width: 100%;min-height: 400px;}.eel-portfolio-item-pro.pro-skin1 .eel-portfolio-content-pro {order: 2;flex: 0 0 auto;max-width: 100%;padding: 20px 0;}}