.tabs {display: flex;justify-content: center;margin-bottom: 40px;gap: 10px;}.tab-button {padding: 10px 20px;background-color: #F08311;color: white;cursor: pointer;font-size: 25px;border-radius: 5px;transition: all 0.3s ease;border: 1px solid transparent;}.tab-button.active {border: 1px solid #ccc;border-bottom: none;}.tab-button:not(.active):hover {border: 1px solid #ccc;background-color: #878888;}.tab-content {display: none;}.tab-content.active {display: block;}.gallery {display: flex;flex-wrap: wrap;gap: 20px;}.gallery img {border: 1px solid #000;margin: 10px;width: 250px;height: 250px;cursor: pointer;}.video-item {display: flex;flex-direction: column;align-items: center;text-align: center;}.video-label {margin-top: 10px;background-color: #e0e7ff;padding: 5px 10px;border-radius: 20px;color: #3b4cca;font-weight: bold;font-size: 16px;}.modal {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(0,0,0,0.9);}.modal-content {display: block;margin: 5% auto;max-width: 800px !important;max-height: 80vh;border-radius: 10px;width:100%;height: 100%;}.close, .prev, .next {position: absolute;color: white;font-size: 40px;font-weight: bold;cursor: pointer;z-index: 10000;}.close {top: 20px;right: 35px;}.prev, .next {top: 50%;transform: translateY(-50%);padding: 16px;background-color: rgba(0,0,0,0.5);border-radius: 50%;user-select: none;}.prev {left: 20px;}.next {right: 20px;}@media (max-width: 768px) {.tab-button {font-size: 18px;padding: 8px 15px;}.gallery img {width: 45vw;height: auto;}.video-item iframe {width: 90vw;height: auto;}}@media (max-width: 480px) {.tab-button {font-size: 16px;padding: 8px 12px;}.gallery img {width: 90vw;height: auto;}}