/* Define the gallery container */
.qsm-quiz-container .gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* Define column classes for different column layouts */
.qsm-quiz-container .gallery-columns-1 .gallery-item {
  width: 100%;
}

.qsm-quiz-container .gallery-columns-2 .gallery-item {
  width: 50%;
}

.qsm-quiz-container .gallery-columns-3 .gallery-item {
  width: 33.333%;
}

.qsm-quiz-container .gallery-columns-4 .gallery-item {
  width: 25%;
}

.qsm-quiz-container .gallery-columns-5 .gallery-item {
  width: 20%;
}

.qsm-quiz-container .gallery-columns-6 .gallery-item {
  width: 16.666%;
}

.qsm-quiz-container .gallery-columns-7 .gallery-item {
  width: 14.285%;
}

.qsm-quiz-container .gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.qsm-quiz-container .gallery-columns-9 .gallery-item {
  width: 11.111%;
}

/* Style for each gallery item */
.qsm-quiz-container .gallery-item {
  box-sizing: border-box;
  padding: 5px; /* adjust as needed */
}

/* Style for each gallery image */
.qsm-quiz-container .gallery-icon img {
  width: 100%;
  height: auto;
  /*width: 390px;
  height: 190px;*/
}




/*.qsm-quiz-container .gallery img {
	width: 150px;
	border-radius: 10px;
}*/

.qsm-quiz-container #lightbox {
	background: rgba(0,0,0,0.8);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	color: #fff;
	z-index: 99999;
	flex-direction: column;
}
.qsm-quiz-container #lightbox span {
	font-size: 25px;
}
.qsm-quiz-container .lightbox-header {
	position: absolute;
	cursor: pointer;
	display: flex;
	top: 32px;
	right: 25px;
	align-items: center;
	top: 60px;
	justify-content: flex-end;
	gap:15px;
}

.qsm-quiz-container .qsm-close {
	right: 25px;
	top: 32px;
	

}
.qsm-quiz-container .qsm-fullscreen {
	right: 100px;
	top: 32px;
}
.qsm-quiz-container .qsm-zoom {
	top: 55px;
	right: 50px;
}

.qsm-quiz-container .qsm-prev-img {
	left: 10px;
	position: absolute;
}

.qsm-quiz-container .qsm-next-img {
	right: 10px;
	position: absolute;
	cursor: pointer;
}
.qsm-quiz-container .lightbox-qsm-exit-fullscreen {
	position: absolute;
	cursor: pointer;
	display: flex;
	top: 32px;
	right: 25px;
	align-items: center;
	top: 60px;
	justify-content: flex-end;
	gap:15px;
	display: none;
}
.qsm-quiz-container .gallery-icon img.attachment-390x290.size-390x290 {
	height: 290px;
	/*width: 390px;*/
}
#lightbox .qsm-img-caption {
	color: #fff;
}