.pt-container-dd1a035c {
	width: 100%;
	overflow: hidden;
}

.pt-wrapper-dd1a035c {
	display: flex;
	align-items: flex-start;
	position: relative;
	width: 100%;
}

/* Base Step Styling */
.pt-step-dd1a035c {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 0 10px;
	box-sizing: border-box;
}

/* Pseudo element for line connecting steps (Horizontal) */
.pt-wrapper-dd1a035c[class*="layout-desktop-horizontal"] .pt-step-dd1a035c::before,
.pt-wrapper-dd1a035c[class*="layout-tablet-horizontal"] .pt-step-dd1a035c::before,
.pt-wrapper-dd1a035c[class*="layout-mobile-horizontal"] .pt-step-dd1a035c::before {
	content: '';
	position: absolute;
	top: 40px; /* Default based on wrapper size 80px */
	left: 50%;
	width: 100%;
	height: 2px;
	background-color: #e0e0e0;
	z-index: -1;
}

.pt-wrapper-dd1a035c .pt-step-dd1a035c:last-child::before {
	display: none;
}

/* Pseudo element for line connecting steps (Vertical) */
.pt-wrapper-dd1a035c[class*="layout-desktop-vertical"] .pt-step-dd1a035c::before,
.pt-wrapper-dd1a035c[class*="layout-tablet-vertical"] .pt-step-dd1a035c::before,
.pt-wrapper-dd1a035c[class*="layout-mobile-vertical"] .pt-step-dd1a035c::before {
	content: '';
	position: absolute;
	top: 40px; 
	left: calc(50% - 1px);
	width: 2px;
	height: 100%;
	background-color: #e0e0e0;
	z-index: -1;
}

.pt-media-wrapper-dd1a035c {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
	transition: all 0.3s ease;
	border: 2px solid #000;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.pt-media-wrapper-dd1a035c img.pt-image-dd1a035c {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pt-media-wrapper-dd1a035c i, .pt-media-wrapper-dd1a035c svg {
	font-size: 30px;
	width: 30px;
	height: 30px;
	fill: #000;
	color: #000;
	transition: all 0.3s ease;
}

.pt-content-dd1a035c h4 {
	margin: 0 0 5px;
	font-size: 1.2rem;
}
.pt-content-dd1a035c p.pt-sessions-dd1a035c {
	margin: 0 0 5px;
	font-weight: 600;
	font-size: 0.9rem;
	color: #666;
}
.pt-content-dd1a035c p.pt-subtitle-dd1a035c {
	margin: 0;
	font-size: 0.9rem;
	color: #888;
}

/* Scroll behavior (Horizontal) */
.pt-wrapper-dd1a035c[class*="layout-desktop-horizontal"].scroll-desktop-scroll {
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 15px; /* space for scrollbar */
}
/* Scrollbar styling */
.pt-wrapper-dd1a035c[class*="layout-desktop-horizontal"].scroll-desktop-scroll::-webkit-scrollbar {
	height: 6px;
}
.pt-wrapper-dd1a035c[class*="layout-desktop-horizontal"].scroll-desktop-scroll::-webkit-scrollbar-track {
	background: #f1f1f1; 
	border-radius: 4px;
}
.pt-wrapper-dd1a035c[class*="layout-desktop-horizontal"].scroll-desktop-scroll::-webkit-scrollbar-thumb {
	background: #ccc; 
	border-radius: 4px;
}
.pt-wrapper-dd1a035c[class*="layout-desktop-horizontal"].scroll-desktop-scroll::-webkit-scrollbar-thumb:hover {
	background: #aaa; 
}


/* Desktop (min-width: 1025px) */
@media (min-width: 1025px) {
	/* Horizontal Layout */
	.pt-wrapper-dd1a035c.layout-desktop-horizontal.scroll-desktop-wrap { flex-wrap: wrap; }
	.pt-wrapper-dd1a035c.layout-desktop-horizontal.scroll-desktop-wrap .pt-step-dd1a035c::before { display: none; }
	.pt-wrapper-dd1a035c.layout-desktop-horizontal.scroll-desktop-wrap .pt-step-dd1a035c { margin-bottom: 30px; }

	.pt-wrapper-dd1a035c.layout-desktop-horizontal.cols-desktop-1 .pt-step-dd1a035c { flex: 0 0 100%; max-width: 100%; }
	.pt-wrapper-dd1a035c.layout-desktop-horizontal.cols-desktop-2 .pt-step-dd1a035c { flex: 0 0 50%; max-width: 50%; }
	.pt-wrapper-dd1a035c.layout-desktop-horizontal.cols-desktop-3 .pt-step-dd1a035c { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.pt-wrapper-dd1a035c.layout-desktop-horizontal.cols-desktop-4 .pt-step-dd1a035c { flex: 0 0 25%; max-width: 25%; }

	/* Vertical Layout */
	.pt-wrapper-dd1a035c.layout-desktop-vertical { flex-direction: column; align-items: center; }
	.pt-wrapper-dd1a035c.layout-desktop-vertical .pt-step-dd1a035c { width: 100%; margin-bottom: 30px; }
	.pt-wrapper-dd1a035c.layout-desktop-vertical .pt-step-dd1a035c:last-child { margin-bottom: 0; }
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	/* Horizontal Layout */
	.pt-wrapper-dd1a035c.layout-tablet-horizontal.scroll-tablet-wrap { flex-wrap: wrap; overflow-x: visible; padding-bottom: 0; }
	.pt-wrapper-dd1a035c.layout-tablet-horizontal.scroll-tablet-wrap .pt-step-dd1a035c::before { display: none; }
	.pt-wrapper-dd1a035c.layout-tablet-horizontal.scroll-tablet-wrap .pt-step-dd1a035c { margin-bottom: 30px; }

	.pt-wrapper-dd1a035c.layout-tablet-horizontal.scroll-tablet-scroll { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 15px; }

	.pt-wrapper-dd1a035c.layout-tablet-horizontal.cols-tablet-1 .pt-step-dd1a035c { flex: 0 0 100%; max-width: 100%; }
	.pt-wrapper-dd1a035c.layout-tablet-horizontal.cols-tablet-2 .pt-step-dd1a035c { flex: 0 0 50%; max-width: 50%; }
	.pt-wrapper-dd1a035c.layout-tablet-horizontal.cols-tablet-3 .pt-step-dd1a035c { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.pt-wrapper-dd1a035c.layout-tablet-horizontal.cols-tablet-4 .pt-step-dd1a035c { flex: 0 0 25%; max-width: 25%; }

	/* Vertical Layout */
	.pt-wrapper-dd1a035c.layout-tablet-vertical { flex-direction: column; align-items: center; }
	.pt-wrapper-dd1a035c.layout-tablet-vertical .pt-step-dd1a035c { width: 100%; margin-bottom: 30px; }
	.pt-wrapper-dd1a035c.layout-tablet-vertical .pt-step-dd1a035c:last-child { margin-bottom: 0; }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
	/* Horizontal Layout */
	.pt-wrapper-dd1a035c.layout-mobile-horizontal.scroll-mobile-wrap { flex-wrap: wrap; overflow-x: visible; padding-bottom: 0; }
	.pt-wrapper-dd1a035c.layout-mobile-horizontal.scroll-mobile-wrap .pt-step-dd1a035c::before { display: none; }
	.pt-wrapper-dd1a035c.layout-mobile-horizontal.scroll-mobile-wrap .pt-step-dd1a035c { margin-bottom: 30px; }

	.pt-wrapper-dd1a035c.layout-mobile-horizontal.scroll-mobile-scroll { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 15px; }

	.pt-wrapper-dd1a035c.layout-mobile-horizontal.cols-mobile-1 .pt-step-dd1a035c { flex: 0 0 100%; max-width: 100%; }
	.pt-wrapper-dd1a035c.layout-mobile-horizontal.cols-mobile-2 .pt-step-dd1a035c { flex: 0 0 50%; max-width: 50%; }
	.pt-wrapper-dd1a035c.layout-mobile-horizontal.cols-mobile-3 .pt-step-dd1a035c { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.pt-wrapper-dd1a035c.layout-mobile-horizontal.cols-mobile-4 .pt-step-dd1a035c { flex: 0 0 25%; max-width: 25%; }

	/* Vertical Layout */
	.pt-wrapper-dd1a035c.layout-mobile-vertical { flex-direction: column; align-items: center; }
	.pt-wrapper-dd1a035c.layout-mobile-vertical .pt-step-dd1a035c { width: 100%; margin-bottom: 30px; }
	.pt-wrapper-dd1a035c.layout-mobile-vertical .pt-step-dd1a035c:last-child { margin-bottom: 0; }
}