.ts7-area{
 	padding: 8px 42px;
 	margin: 35px auto;
}

.ts7{
	position: relative; 
}

.ts7-viewport{
	overflow: hidden; 
}

.ts7-track{
	display: flex; 
	gap: 24px; 
	transition: transform .5s ease;
}

.ts7-slide{
    flex: 0 0 calc((100% - 48px)/3); 
    background:var(--CARD_2_BG); 
    height: 170px; 
    border-radius: 12px; 
    overflow: hidden;
}

.ts7-slide img{
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
	border-radius: 10px; 
}

.ts7-prev,
.ts7-next{
    position:absolute; 
    top:40%; 
    transform:translateY(-50%); 
    background:transparent; 
    color:var(--BODY_TXT_COLOR); 
    border:none; 
    font-size:var(--ICON_XSMALL_FONT_SIZE); 
    width:28px; 
    height:28px; 
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1; 
    cursor:pointer; 
    text-shadow: 0 0 2px rgba(0,0,0,.5);
}

.ts7-prev{ 
	left:-40px; 
}

.ts7-next{ 
	right:-40px; 
}

.ts7{ 
	text-align:center; 
}

.ts7-dots{ 
    position: relative;
    display:inline-flex; 
    align-items:center; 
    gap:8px; 
    padding:4px 10px; 
    border-radius:12px; 
    margin: 10px auto 0; 
}

.ts7-dot{ 
    width:7px; 
    height:7px; 
    border-radius:6px; 
    background: var(--SLIDESHOW_INACTIVE_BTN); 
    opacity:.95; 
    transition: all .25s ease; 
}

.ts7-dot.active{ 
    width:42px; 
    height:7px; 
    border-radius:6px; 
    background: var(--SECONDARY_COLOR); 
}

@media (max-width: 1100px){
  .ts7-slide{ 
  	flex: 0 0 calc((100% - 24px)/2); 
  }
}

@media (max-width: 640px){
  .ts7-slide{ 
  	flex: 0 0 100%; 
  }
}