/**
 * ==========================================================
 * Travel AI Platform
 * Public Trip
 * ==========================================================
 */

.tap-public-trip{

	max-width:1280px;

	margin:40px auto;

}

.tap-trip-hero{

	position:relative;

	background:var(--tap-gradient-luxury);

	color:var(--tap-on-dark);

	padding:60px 40px;

	border-radius:var(--tap-radius-lg);

	margin-bottom:30px;

	box-shadow:var(--tap-shadow-lg);

	border-bottom:3px solid var(--tap-gold);

}

.tap-trip-hero h1{

	margin:0 0 12px;

	font-family:var(--tap-font-heading);

	font-size:44px;

	font-weight:700;

}

.tap-trip-hero p{

	margin:0;

	font-size:18px;

	opacity:.9;

}

.tap-public-trip .tap-dashboard-grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:20px;

	margin-bottom:30px;

}

.tap-public-trip .tap-card{

	background:#fff;

	border:1px solid #e8e1cf;

	border-radius:16px;

	padding:25px;

	box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.tap-public-trip .tap-card h2{

	margin:0 0 20px;

}

.tap-public-trip .tap-card h3{

	margin:0 0 12px;

	font-size:24px;

}

.tap-timeline{

	display:flex;

	flex-direction:column;

	gap:20px;

}

.tap-timeline-item{

	border-left:4px solid #0e2a52;

	padding-left:20px;

	position:relative;

}

.tap-timeline-item:before{

	content:"";

	position:absolute;

	left:-9px;

	top:6px;

	width:14px;

	height:14px;

	border-radius:50%;

	background:#0e2a52;

}

.tap-timeline-item h3{

	margin:0 0 10px;

	font-size:22px;

}

.tap-timeline-item p{

	margin:0;

	line-height:1.8;

}

.tap-copy-trip{

	margin-top:10px;

}

@media(max-width:992px){

	.tap-public-trip .tap-dashboard-grid{

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:767px){

	.tap-public-trip{

		margin:20px auto;

	}

	.tap-trip-hero{

		padding:35px 20px;

	}

	.tap-trip-hero h1{

		font-size:30px;

	}

	.tap-public-trip .tap-dashboard-grid{

		grid-template-columns:1fr;

	}

}