/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 11 2024 | 15:54:40 */
.tabs {
	display: flex;
	border-bottom: 2px solid #ddd;
	position: relative;
}
.active-tab .elementor-heading-title {
	color: #006997 !important;
}
.tab_line {
	display: block;
	height: 5px;
	background: #e1e1df;
	bottom: -2px;
	border-radius: 10px;
	z-index: -1;
	transition: left 0.3s ease, width 0.3s ease;
	overflow: hidden;
}
.tab {
	cursor: pointer;
	transition: color 0.3s;
	position: relative;
	color: #333;
}
.tab .elementor-heading-title:hover {
	color: #006997 !important;
}
.tab-content {
	display: none;

}
.tab-content.active {
	display: block;
}
.elementor-element.elementor-element-c015c18.e-con-full.tabs.e-flex.e-con.e-child {
    border: none;
}
.tab:after {
	content: "";
	background: #006997;
	position: absolute;
	bottom: -19px;
	left: 0;
	height: 4px;
	border-radius: 5px;
}
.tab.active:after {
	transition: width 15s linear;
	width: var(--progress-width, 0%);
}
.tab.active .elementor-heading-title {
    color: #006997 !important;
}

@media (min-width:1025px) and (max-width:1198px){
.tab_line {
    width: 98% !important;
}
.tabs {
    width: 98% !important;
}
}

@media (min-width:768px) and (max-width:1024px){
	.tabs {
		overflow: auto;
		flex-wrap: nowrap;
		white-space: nowrap;
	}
}



@media (max-width:767px){
	.tabs {
		display: flex;
		flex-basis: initial;
		flex-direction: row;
		flex-shrink: 0;
		justify-content: flex-start;
		gap: 6px;
		overflow: auto;
		flex-wrap: nowrap;
		scrollbar-width: none;
		white-space: nowrap;
	}
	.tabs .tab {
		flex-shrink: 0;
		white-space: nowrap;
		flex-grow: 0;
		flex-basis: content;
		width:100%;
		position:static;
	}
	.elementor-element.elementor-element-c015c18.e-con-full.tabs:after {
		overflow: visible;
		white-space: nowrap;
		left: 0;
		right: 0px;
		width: 900px;
	}
}