.ws-vertical-tabs-wrap {
	position: relative;
}
.ws-vertical-tabs-wrap:before {
	content: '';
	position: absolute;
	left:0; right: 0;
	bottom: 0;
	height: 1px;
	background-color: var(--border)
}
.ws-vertical-tabs {
	display: flex;
	background: #FFF;
}

/* Tabs column */
.ws-tabs-nav {
	display: flex;
	flex-direction: column;
	width: 50%;
}

/* Tab buttons */
.ws-tab {
	display: flex;
	align-items: flex-start;
	text-align: left;
	padding: 1.75rem;
    border-width: 0 0 1px 0;
	border-style: solid;
    border-radius: 0;
	border-bottom-color: var(--border);
	background: transparent;
	cursor: pointer;
	color: var(--heading);
	font-weight: 500;
	position: relative;
	min-height: 80px;
}
.ws-tab:last-child {
	border-bottom-color: transparent;
}
button.ws-tab:focus {
    outline: none;
}
.ws-tab .ws-tab-number {
	width: 2rem;
	height: 2rem;
	flex-shrink:0;
	margin-right: 1.25rem;
	color: var(--heading);
}
.ws-tab .ws-tab-number-icon {
	display: block;
    width: 2rem;
    height: 2rem;
    background-size: contain !important;
	background-color: var(--brand);
}
.ws-tab-text {
	display:block;
	margin-top:0;
	color: var(--text);
	font-size: 1rem;
	font-weight: 400;
	max-height: 0;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	transition: all 0s
}
.ws-tab-text > :last-child {
	margin-bottom:0
}
.ws-tab-text a {
	text-decoration: underline;
}
.ws-tab-text a:hover {
	text-decoration: none;
}
.ws-process-line {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 0;
/*	transition: width .3s */
}
.anim_tabs-visible .ws-tab.is-active .ws-process-line {
    animation: acc_progress linear both;
    animation-duration: var(--slideDuration, 5s);
}
@keyframes acc_progress {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}


/* Active tab */
.ws-tab.is-active {
}
.ws-tab.is-active .ws-tab-text {
	max-height: 30rem;
	visibility: visible;
	opacity: 1;
	margin-top:.5rem;
}
/* .ws-tab.is-active .ws-tab-number {
	background: #EB4617;
	color: #fff;
} */
.ws-tab.is-active .ws-process-line {
	background: var(--brand);
}
/* Panels area */
.ws-tabs-content {
	flex: 1;
	background-image: url('../../../../inc/assets/images/green_bgr.jpg');
	background-size: cover;
	position: relative;
	overflow: hidden
}
.ws-tabs-content:before {
	content: '';
	position: absolute;
	top:0; left:0;
	width: 100%; height: 100%;
	background-size: cover;
	background-image: url('../../../../inc/assets/images/grid.svg');
}
/* Individual panel */
.ws-panel {
	/* padding: 2.5rem 1.75rem; */
	/* display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center; */
    height: 0;
	position: relative;
}
.ws-panel.is-active {
	height: 100%;
}
/* Optionally hide non-active panels via CSS (JS uses hidden attribute) */
.ws-panel[hidden] {
  display: none;
}
img.tab-content-img {
	position: absolute;
	z-index: 1;
	top: 1.75rem;
    left: 1.5rem;
	width: calc(100% - 3rem);
    height: calc(100% - 3.5rem);
    object-fit: scale-down;
    object-position: center;
	transform: scale(.9);
	opacity: 0;
	visibility: hidden;
	transition: all .5s
}

.ws-panel.is-active img.tab-content-img, img.tab-content-img.tab-one-img {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
@media (max-width:991px) and (min-width: 768px) {
	.ws-panel {
		/* padding: 20px 24px; */
	}
}
@media (max-width:767px) {
	.ws-vertical-tabs {
		flex-direction: column;
	}
	.ws-tabs-nav {
		width: 100%;
	}
	.ws-tab {
		padding: 1.25rem;
	}
	img.tab-content-img {
		top: 1.5rem;
	    left: 1.5rem;
		width: calc(100% - 3rem);
	    height: calc(100% - 3rem);
	}
	.ws-tabs-content {
		flex: unset;
		height: calc(100vw - 3rem);
	}
}
@media (min-width: 992px) {
	.ws-tab {
		padding: 2.5rem;
	}
	img.tab-content-img {
		top: 2.5rem;
	    left: 2rem;
		width: calc(100% - 4rem);
	    height: calc(100% - 5rem);
	}
}