.tabbed-gallery-widget { width: 100%; }
.tg-tabs { justify-content: center;list-style:none; padding:0; margin:0; display:flex; gap:10px; cursor:pointer; text-align: center;margin: 0 auto;align-content: center;align-self: auto;}
.tg-tabs li { padding:8px 31px; border:1px solid #e2e2e2; border-radius:8px; user-select:none; background: #333;color: #fff;border: 0;background: #333;color: #fff;padding: 8px 12px;margin-right: 3px;margin-bottom: 3px;font-size: 13px;outline: none !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family: roboto;text-transform: uppercase;}
.tg-tabs li.active {  color:#fff; border-color:#111; background: #555;opacity: 0.8;outline: none !important;}
.tg-tab-content { display:none; margin-top:16px; }
.tg-tab-content.active { display:block; }

.tg-gallery-grid { display:flex; flex-wrap:wrap; gap:12px; }
.tg-gallery-grid .tg-item { width:calc(25% - 9px); position:relative; text-decoration:none; }
.tg-gallery-grid.columns-3 .tg-item { width:calc(33.333% - 8px); }
.tg-gallery-grid.columns-4 .tg-item { width:calc(25% - 9px); }
.tg-videos .tg-gallery-grid.columns-4 .tg-item { width:calc(33.333% - 8px); }

.tg-gallery-grid.columns-5 .tg-item { width:calc(20% - 9px); }
.tg-item img { width:100%; height:230px; border-radius:10px; display:block; object-fit: fill;padding: 5px;/*! background: #eee; *//*! border: 1px solid; */box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 17px;}
.tg-item .video-thumb { display:block; font-size:40px; line-height:1; text-align:center; padding:34% 0; border:1px dashed #ccc; border-radius:10px; }
.tg-item .video-title {
	font-size: 12px;
	margin: 6px 0 0;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	background: linear-gradient(90deg, #C60404 0%, #EC1717E6 100%);
	width: 100%;
	bottom: -1px;
	left: 0px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-family: "Roboto", Sans-serif;
	padding: 5px;
	border-radius: 0 0 5px 5px;
}
.tg-tab-content.tg-videos .tg-item img {
	padding: 0;
}

.tg-load-more {  display:block;  cursor:pointer;    background-color: transparent;font-family: "Roboto", Sans-serif;font-size: 14px;font-weight: 500;text-transform: uppercase;background-image: linear-gradient(90deg, #C60404 0%, #EC1717E6 100%);padding: 6px 30px 6px 30px;color: #fff;margin: 20px auto;}

/* Popup */
.tg-popup { position:fixed; inset:0; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; z-index:999999; padding:24px; }
.tg-popup-content { position:relative; width:min(100%, 1000px); max-height:90vh; }
.tg-popup-content img, .tg-popup-content iframe { width:100%; max-height:80vh; min-height:80vh; display:block; border-radius:10px; }
.tg-close { position:absolute; top:-10px; right:-10px; width:36px; height:36px; border-radius:50%; background:#fff; color:#000; display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,0.3); }

.tg-prev, .tg-next {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:48px;
  color:#fff;
  cursor:pointer;
  padding:10px;
  user-select:none;
}
.tg-prev { left:-50px; }
.tg-next { right:-50px; }
.tg-prev:hover, .tg-next:hover { color:#ddd; }

.tg-item.video-item::after {
	background: url('https://fluetech.co.uk/wp-content/uploads/2025/08/play.png');
	height: 64px;
	content: " ";
	width: 64px;
	position: absolute;
	top: 30%;
	left: 44%;
	background-size: 100% 100%;
}

.tg-item.video-item::before {
	content: " ";
	background: #00000052;
	position: absolute;
	width: 100%;
	height: 100%;
}
@media (max-width: 1024px) {
  .tg-gallery-grid .tg-item { width:calc(33.333% - 8px) !important; }
  .tg-prev { left:0; }
  .tg-next { right:0; }
}
@media (max-width: 768px) {
  .tg-gallery-grid .tg-item { width:calc(50% - 6px) !important; }
  .tg-popup-content img, .tg-popup-content iframe{ min-height: 20vh;!important;}
}
@media (max-width: 480px) {
  .tg-gallery-grid .tg-item { width:100% !important; }
  
  .tg-popup-content img, .tg-popup-content iframe{ min-height: 20vh;!important;}
  
}