.tcs-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    align-items: start;
}
.tcs-column > section {
    overflow: visible;
  }
.tcs-column {
    min-width: 0;
}

.tcs-splide-carousel {
    width: 100%;
}

.tcs-slide {
    box-sizing: border-box;
    padding:0px;
}

.tcs-thumb {
    margin-bottom: 10px;
}

.tcs-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.tcs-title {
    font-size: 18px;
    line-height: 1.25;
    margin: 0;
}

.tcs-title a {
    text-decoration: none;
}

@media (min-width: 992px) {
    .tcs-splide-carousel {
        height: 1000px;
    }

    .tcs-splide-carousel .splide__track {
        height: 100%;
    }

    .tcs-splide-carousel .splide__slide {
        min-height: 220px;
    }
}

@media (max-width: 991px) {
    .tcs-wrapper {
        grid-template-columns: 1fr;
    }

    .tcs-splide-carousel {
        height: auto;
    }
}

.splide__arrow {
  width:1.5em;	
	height:1.5em;
	background: #96ad43;
}
.splide__arrow svg {
  fill: #ffffff;
  height: 1em;
  width: 1em;
}
.tcs-column h2 {
  color: #96ad43;
  font-family: 'Trendabold';
  font-weight: 400 !important;
  text-align: left;
  margin: 15px 0 10px !important;
  font-size: 26px;
  padding-right: 75px;
}
.more_articles {
	text-align:center;
	margin:20px 0;
}
.more_articles a, .tcs-title a {
	color:#000;
	font-weight:400;
	font-family: 'TrendaSemibold';
}
.more_articles a:hover, .tcs-title a:hover, .splide__slide:hover a {
	color: #96ad43;
}
.tcs-title {
	text-align:center;
}
.tcs-title a {
	font-size:22px;
}
.tcs-splide-carousel .splide__slide {
    height: auto !important;
	background:#FFF;
	color:#000;
}
.tcs-thumb a {
  overflow: hidden;
  max-height: 310px;
  display: block;
  height: 310px;
}
.tcs-thumb a img {
	  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}
@media (max-width: 1350px) {
.tcs-thumb a {
  overflow: hidden;
  max-height: 260px;
  display: block;
  height: 260px;
}
}

@media (min-width: 992px) {
	.splide__arrows {
	position:absolute;
	right:35px;
	top:-50px;
}
	.tcs-column > section {
	position:relative;
}
.tcs-column > section::after {
	content:'';
	position:absolute;
	height:150px;
	width:100%;
	bottom:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: auto;
  top: .3em;
	left:calc(50% + 18px);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: .3em;
	left:calc(50% - 18px);
}
}

@media (max-width: 991px) {
.tcs-thumb a {
	max-height:520px;
	 height: 520px;
}
	.tcs-column h2 {
  color: #96ad43;
  font-family: 'Trendabold';
  font-weight: 400 !important;
  text-align: center;
  margin: 15px 0 10px !important;
  font-size: 36px;
  padding-right: 0;
}
}
	@media (max-width: 600px) {
.tcs-thumb a {
	max-height:300px;
	height: 300px;
}
}
	@media (max-width: 440px) {
.tcs-thumb a {
	max-height:240px;
	height: 240px;
}

    .tcs-splide-carousel,
    .tcs-splide-carousel .splide__track,
    .tcs-splide-carousel .splide__list {
        height: auto !important;
    }
}