.media-text-container {
  display: grid;
}

/* Style */
.media-text-style-image-right .column-textarea {
	order: 1;
		padding: 0 26.3% 0 0;
}
.media-text-style-image-right .column-image {
	order: 2;
}

.media-text-style-image-left .column-textarea {
	order: 2;
	padding: 0 0 0 26.3%;
}
.media-text-style-image-left .column-image {
	order: 1;
}

/* Column widths */
.media-text-block.content-column-widths-auto-24.media-text-style-image-left .media-text-container {
	grid-template-columns: 1fr minmax(300px,33.7%);
}
.media-text-block.content-column-widths-auto-24.media-text-style-image-right .media-text-container {
	grid-template-columns: minmax(300px,33.7%) 1fr;
}
.media-text-block.content-column-widths-50-50 .media-text-container {
	grid-template-columns: 50% 50%;
}
.media-text-block.content-column-widths-60-40 .media-text-container {
	grid-template-columns: 60% 40%;
}
.media-text-block.content-column-widths-40-60 .media-text-container {
	grid-template-columns: 40% 60%;
}

/* Content alignment */
.media-text-block.content-vertical-alignment-center .column-textarea {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.media-text-block.content-vertical-alignment-top .column-textarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.media-text-block.content-vertical-alignment-bottom .column-textarea {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.media-text-block.content-horizontal-alignment-center .column-textarea {
	text-align: center;
}
.media-text-block.content-horizontal-alignment-left .column-textarea {
	text-align: left;
}
.media-text-block.content-horizontal-alignment-right .column-textarea {
	text-align: right;
}

/* General styles */

.media-text-block .column-image img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
max-height: 875px;
object-position: center;
aspect-ratio: 1088 / 820;
}
.media-text-content-img {
	margin-bottom: 30px;
}
.media-text-content-img img {
	display: block;
}
.media-text-heading {
	margin-bottom: 30px;
}
.media-text-block .button-container {
	margin-top: 60px;
}

/* Buttons */
.media-text-block .button-container {
display: flex;	
}
.media-text-block .button-container-inner {
  display: flex;
  gap: 18px 25px;
	grid-auto-columns: 1fr;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
}

/* Button content alignment */
.media-text-block.content-horizontal-alignment-center .button-container {
	justify-content: center;
	text-align: center;	
}
.media-text-block.btn-layout-stacked.btn-width-content.content-horizontal-alignment-center .button-container-inner .lsb-button {
	margin: 0 auto;
}
.media-text-block.content-horizontal-alignment-left .button-container {
	justify-content: flex-start;
	text-align: left;	
}
.media-text-block.btn-layout-stacked.btn-width-content.content-horizontal-alignment-left .button-container-inner .lsb-button {
	margin: 0 auto 0 0;
}
.media-text-block.content-horizontal-alignment-right .button-container {
	justify-content: flex-end;
	text-align: right;	
}
.media-text-block.btn-layout-stacked.btn-width-content.content-horizontal-alignment-right .button-container-inner .lsb-button {
	margin: 0 0 0 auto;
}

/* Buttons layout */
.media-text-block.btn-layout-stacked .button-container-inner {
grid-auto-flow: row;
}

/* Button width */
.media-text-block.btn-width-content .button-container-inner {
	grid-auto-columns: auto;
}
.media-text-block.btn-width-equal .lsb-button {
  width: 100%;
}




/* Slider nav arrows */
.media-text-block .slider-nav-container {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  left: 17px;
}
.media-text-block .slider-nav-container .inner-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.media-text-block .slider-nav-container button {
background: none;
outline: none;
border: none;
cursor: pointer;
transition: all 0.2s ease;
line-height: 1;
pointer-events: all;
padding: -;
box-sizing: border-box;
display: flex;
}
.media-text-block .slider-nav-container button:hover {
  opacity: 0.7;
}
.media-text-block .prev {
	display: none !important;
}



.media-text-block .tns-nav {
    position:absolute;
    bottom:-30px;
    left:0;
    right:0;
    text-align:center;
    z-index:3;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px
}
.media-text-block .tns-nav button {
    border:1px solid #3f4e40;
    border-radius:40px;
    padding:4px;
    box-sizing:border-box;
    background:#3f4e40;
    opacity:.65
}
.media-text-block.bg-green .tns-nav button {
    border:1px solid #ede7de;
    background:#ede7de
}
.media-text-block .tns-nav button.tns-nav-active {
    opacity:1
}


@media all and (max-width: 1640px) {
.media-text-style-image-left .column-textarea {
  padding: 0 0 0 20%;
}
.media-text-style-image-right .column-textarea {
  padding: 0 20% 0 0;
}
}
@media all and (max-width: 1366px) {
.media-text-block.content-column-widths-auto-24.media-text-style-image-left .media-text-container {
  grid-template-columns: 1fr minmax(300px,40%);
}
.media-text-block.content-column-widths-auto-24.media-text-style-image-right .media-text-container {
  grid-template-columns: minmax(300px,40%) 1fr;
}
}
@media all and (max-width: 1024px) {
.media-text-block.content-column-widths-auto-24.media-text-style-image-left .media-text-container {
  grid-template-columns: 1fr minmax(300px,45%);
}
.media-text-block.content-column-widths-auto-24.media-text-style-image-right .media-text-container {
  grid-template-columns: minmax(300px,45%) 1fr;
}
.media-text-style-image-left .column-textarea {
  padding: 0 0 0 15%;
}
.media-text-style-image-right .column-textarea {
  padding: 0 15% 0 0;
}
}
@media all and (max-width: 960px) {
.media-text-block.content-column-widths-auto-24.media-text-style-image-left .media-text-container {
  grid-template-columns: 1fr;
}
.media-text-block.content-column-widths-auto-24.media-text-style-image-right .media-text-container {
  grid-template-columns: 1fr;
}
.media-text-style-image-right .column-image {
  order: 1;
}
.media-text-style-image-left .column-textarea {
  padding: 0;
}
.media-text-style-image-right .column-textarea {
  padding: 0;
}
.media-text-heading {
  margin-bottom: 20px;
}
.media-text-block .button-container {
  margin-top: 40px;
}
.media-text-block .column-image {
  margin-bottom: 35px;
}
.media-text-block .at-least-one-image .slider-container, .media-text-block .more-than-one-image .slider-container {
  margin-bottom: 20px;
}
}