.webixor-photo-wrapper { width: 100%; display: block; clear: both; box-sizing: border-box; }
.webixor-photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0; }
.webixor-photo-thumb-container { padding-top: 65%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; width: 100%; border-radius: 10px; overflow: hidden; }
.webixor-album-link { display: block; text-decoration: none; transition: transform 0.3s ease; border-radius: 10px; }
.webixor-album-link:hover { transform: translateY(-5px); }
.webixor-album-tile .webixor-album-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(12, 19, 70, 0.9), transparent); padding: 30px 15px 15px; text-align: left; transition: opacity 0.3s; }
.webixor-album-tile .webixor-album-overlay h3 { margin: 0; font-size: 18px; font-weight: bold; color: #fff; }
.webixor-photo-item { border-radius: 10px; overflow: hidden; transition: transform 0.3s ease; position: relative; width: 100%; cursor: pointer; }
.webixor-photo-item:hover { transform: translateY(-5px); }
.webixor-view-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.3s; }
.webixor-photo-item:hover .webixor-view-icon { opacity: 1; background-color: rgba(12, 19, 70, 0.8); }
.pls-see-all-container { margin-top: 25px; text-align: right; }
.pls-see-all-btn { display: inline-flex; align-items: center; background-color: #fff; color: #0C1346; padding: 10px 24px; border-radius: 6px; text-decoration: none; font-weight: bold; border: 1px solid #ddd; }
.pls-see-all-btn:hover { opacity: 0.9; transform: translateY(-2px); }
@media (max-width: 1024px) { .webixor-photo-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .webixor-photo-grid { grid-template-columns: 1fr; } }