.sr-two-col-gallery-01 .columns {
  column-count: var(--image_count);
  column-gap: var(--column_gap);
  column-fill: balance;
}
.sr-two-col-gallery-01 .columns .image-inner {
  position: relative;
  break-inside: avoid;
  margin-bottom: var(--column_gap);
}

.sr-two-col-gallery-01 .columns .image-inner img {
  border-radius: var(--border_radius);	
  width: 100%;
}

.sr-two-col-gallery-01 .columns .image-inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: transparent;
  transition: all 0.2s ease;
  border-radius: var(--border_radius);
}

.sr-two-col-gallery-01 .plus {
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 50%;
  background: var(--primary);
  transition: all 0.2s ease;
}

.sr-two-col-gallery-01 .plus svg {
  color: #fff;
  margin-left: 1px;
}

.sr-two-col-gallery-01 .columns a:is(:hover,:active,:focus) .plus {
  opacity: 1;
}

.sr-two-col-gallery-01 .columns a:is(:hover,:active,:focus) .image-inner:before {
  background: var(--overlay-color);
}

.sr-two-col-gallery-01 .columns {
  align-items: center;
  justify-content: center;
}
.columns{list-style:none;}
/* .sr-two-col-gallery-01 .columns { display: grid !important; grid-template-columns: repeat(var(--image_count, 2), 1fr); gap: var(--column_gap, 30px); align-items: start; }
.sr-two-col-gallery-01 .columns { display: grid !important; grid-template-columns: repeat(var(--image_count, 2), 1fr) !important; gap: var(--column_gap, 30px) !important; column-count: unset !important; column-fill: unset !important; } */







/* .sr-two-col-gallery-01 .columns a {
  display: block;
}
.sr-two-col-gallery-01 .columns .image-inner img {
  vertical-align: top;
}
.sr-two-col-gallery-01 .row.sr-row {
  align-items: flex-start;
}
.sr-two-col-gallery-01 .columns {
  column-count: var(--image_count);
  column-gap: var(--column_gap);
  column-fill: auto;
  padding: 0;
}
.sr-two-col-gallery-01 .columns .image-inner {
  position: relative;
  margin-bottom: var(--column_gap);
}

.sr-two-col-gallery-01 .columns .image-col:nth-child(2n) {
	-moz-column-break-after: always;
	break-after: always;
}

.sr-two-col-gallery-01 .columns .image-col:nth-child(2n) {
  break-after: column;
}


.sr-two-col-gallery-01 .columns {
	column-width: auto;
  width: 100%;
} */


.sr-two-col-gallery-01 .columns a {
	display: block;
}
.sr-two-col-gallery-01 .columns .image-inner img {
	vertical-align: top;
}
.sr-two-col-gallery-01 .row.sr-row {
	align-items: flex-start;
}
.sr-two-col-gallery-01 .columns {
	column-count: var(--image_count);
	column-gap: var(--column_gap);
	column-fill: balance;
	column-width: auto;
	width: 100%;
	padding: 0;
}

/* Safari/WebKit only — reliable detection via Apple-specific font value,
   not touch-callout (which failed to match on your device). Safari needs
   column-fill:auto for forced break-after to actually take effect. */
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
	.sr-two-col-gallery-01 .columns {
		column-fill: auto;
	}
}

.sr-two-col-gallery-01 .columns .image-inner {
	position: relative;
	margin-bottom: var(--column_gap);
}
.sr-two-col-gallery-01 .columns .image-col:nth-child(2n) {
	-moz-column-break-after: always;
  	-webkit-column-break-after: always;
	break-after: always;
}
@media(max-width:481.98px){
  .sr-two-col-gallery-01 .columns {display: flex;flex-direction: column;}
  .sr-two-col-gallery-01 .image-col { width: 100%;}
}