/* Tabs Filters */
 .filters {background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.12);max-width: 80%;display: block;margin: 0 auto;}
 .tabs {display:flex;list-style:none;/*background:#12152b;*/overflow-x:auto;}
 .tabs::-webkit-scrollbar {display:none;}
 .tabs li {flex:1;margin-right: 1px;background:var(--black-color);}
 .tabs button {width:100%;border:none;background:none;color:#fff;padding:10px;cursor:pointer;font-size:14px;transition:.3s;font-weight:500;letter-spacing: 1px;text-transform: uppercase;}
 .tabs button.active {background:#cdcdcd;color:var(--black-color);font-weight:500;}
 .tab-content {display:none;padding:15px;}
 .tab-content.active {display:block;}
 ::placeholder {color: #212529 !important;}
 .alert-success {padding: 5px;}
 .letter {letter-spacing: 1px;}
 @media(max-width:767px){
    .tabs li{min-width:180px;}
    .tabs {display: flex;flex-wrap: wrap;}
    .product-search-area {margin-top: -10%;}
    .tabs button {padding: 5px;font-size: 12px;letter-spacing: 1px;}
    .navbar-brand img {width: 200px !important;}
    .topbar{line-height: 1.5;}
    .letter {letter-spacing: unset;}
 }
 .video-container {position: relative;width: 100%;max-width: 100%;}
 .video-container video {width: 100%;height: auto;display: block;}
 .logo {position: absolute;top: 50%;left: 50%;width: 20%;height: auto;opacity: 0;animation: logoReveal 1.5s ease forwards;}
 @keyframes logoReveal {
    0% {opacity: 0;transform: translate(-50%, -50%) translateX(-100px);}
    100% {opacity: 1;transform: translate(-50%, -50%) translateX(0);}
 }
 .flip-card{background:transparent;width:100%;height:450px;perspective:1000px;}
 .flip-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;}
 .flip-card:hover .flip-inner{transform:rotateY(180deg);}
 .flip-front,
 .flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;}
 .flip-back-1{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;overflow:hidden;}

 .flip-front{background:#111827;box-shadow:0 15px 35px rgba(0,0,0,.35);}
 .flip-front img{width:100%;height:100%;object-fit:cover;}
 .flip-front .overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.2));}
 .flip-front .content{position:absolute;bottom:25px;left:25px;right:25px;color:#fff;}
 .flip-front h3{font-size:28px;font-weight:700;margin-bottom:8px;}
 .flip-front span{color:#fbbf24;font-weight:600;}
 .flip-back{background:linear-gradient(135deg,#63351c,#eb7339);color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;padding:30px;text-align:center;}
 .flip-back-1{background:linear-gradient(135deg,#63351c,#d37f29);color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;padding:30px;text-align:center;}

 .flip-back h3{color:#fbbf24;font-size:28px;margin-bottom:10px;}
 .flip-back .year{display:inline-block;margin:10px auto 20px;background:#fbbf24;color:#111827;padding:6px 14px;border-radius:50px;font-weight:700;}
 .flip-back p{color: #fff;line-height: 1.4;margin-bottom: 25px;padding: 16px;font-size: 25px;font-weight: 500;}
 .flip-back-1 h3{color:#fbbf24;font-size:28px;margin-bottom:10px;}
 .flip-back-1 .year{display:inline-block;margin:10px auto 20px;background:#fbbf24;color:#111827;padding:6px 14px;border-radius:50px;font-weight:700;}
 .flip-back-1 p{color: #fff;line-height: 1.4;margin-bottom: 25px;padding: 16px;font-size: 25px;font-weight: 500;}
 .btn-outline-light{border-radius:50px;padding:10px 20px;}
 .swiper-pagination-bullet{background:#64748b;opacity:1;}
 .swiper-pagination-bullet-active{background:#fbbf24;}
 .flip-back-1 img,
 .flip-back img {max-width: 180px;max-height: 120px;object-fit: contain;display: block;margin: 0 auto;border-bottom: 2px solid #fff;border-width: 1px;}
 .carousel-control-prev {top: 50%;bottom: auto;transform: translateY(-50%);width: 50px;height: 50px;}
 @media(max-width:768px){
    .flip-card{height:400px;}
    .section-title h2{font-size:32px;}
 }

/*employee activities*/
.gallery-wrapper {width: 100%;position: relative;}
.gallery-slider {width: 100%;position: relative;overflow: hidden;border-radius: 10px;}
#gallerySlider .prev {display: none;}
#gallerySlider .next {display: none;}
.gallery-track {display: flex;width: 100%;transition: transform 0.6s ease-in-out;will-change: transform;}
.gallery-slide {min-width: 100%;width: 100%;padding: 5px;}
.masonry {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;width: 100%;}
.masonry-item {width: 100%;position: relative;overflow: hidden;border-radius: 10px;background: #eee;cursor: pointer;}
.masonry-item img {width: 100%;height: 280px;display: block;object-fit: cover;transition: transform 0.4s ease;}
@media (hover: hover) and (pointer: fine) {
    .masonry-item:hover img {transform: scale(1.06);}
    .masonry-item:hover::after {opacity: 1;}
}
.masonry-item::after {content: "⌕";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.35);color: #fff;font-size: 38px;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
.slider-btn1 {position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border: none;border-radius: 50%;background: rgba(255, 255, 255, 0.92);color: #111;font-size: 25px;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;transition: all 0.25s ease;}
.slider-btn1:hover {background: #fff;transform: translateY(-50%) scale(1.08);}
.slider-btn1:focus {outline: 3px solid rgba(255, 255, 255, 0.4);}
.prev {left: 12px;}
.next {right: 12px;}
.slider-dots1 {display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 20px;}
.dot {width: 9px;height: 9px;border: 0;border-radius: 50%;background: #555;cursor: pointer;padding: 0;transition: all 0.3s ease;}
.dot.active {width: 26px;border-radius: 20px;background: #000;}
.lightbox {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.95);display: none;align-items: center;justify-content: center;z-index: 99999;padding: 30px;}
.lightbox.active {display: flex;}
.lightbox-image {max-width: 90%;max-height: 85vh;object-fit: contain;border-radius: 8px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);animation: popupImage 0.25s ease;}
@keyframes popupImage {
    from {opacity: 0;transform: scale(0.92);}
    to {opacity: 1;transform: scale(1);}
}
.lightbox-close,
.lightbox-prev,
.lightbox-next {position: absolute;border: none;color: #fff;background: rgba(255, 255, 255, 0.12);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.25s ease;z-index: 5;}
.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover {background: rgba(255, 255, 255, 0.25);}
.lightbox-close {top: 20px;right: 25px;width: 46px;height: 46px;border-radius: 50%;font-size: 30px;}
.lightbox-prev,
.lightbox-next {top: 50%;transform: translateY(-50%);width: 52px;height: 52px;border-radius: 50%;font-size: 30px;}
.lightbox-prev {left: 25px;}
.lightbox-next {right: 25px;}
.image-counter {position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);color: #fff;font-size: 14px;background: rgba(0, 0, 0, 0.55);padding: 8px 16px;border-radius: 20px;}
@media (max-width: 1000px) {
    .masonry {grid-template-columns: repeat(3, 1fr);gap: 12px;}
    .masonry-item img {height: 240px;}
}
@media (max-width: 650px) {
   .gallery-slide {padding: 3px;}
    .masonry {grid-template-columns: repeat(2, 1fr);gap: 10px;}
    .masonry-item {border-radius: 7px;}
    .masonry-item img {height: 180px;}
    .slider-btn1 {width: 40px;height: 40px;font-size: 20px;}
    .prev {left: 8px;}
    .next {right: 8px;}
    .lightbox {padding: 15px;}
    .lightbox-image {max-width: 95%;max-height: 80vh;}
    .lightbox-prev,
    .lightbox-next {width: 44px;height: 44px;font-size: 24px;}
    .lightbox-prev {left: 8px;}
    .lightbox-next {right: 8px;}
    .lightbox-close {top: 12px;right: 12px;width: 42px;height: 42px;}
}
@media (prefers-reduced-motion: reduce) {
    .gallery-track,
    .masonry-item img,
    .lightbox-image {transition: none;animation: none;}
}
/*employee activities*/