/**
 * Itinerary Section
 *
 * Generated by Dreamz Page Builder on 2026-07-31.
 */

.itinerary_section {
	background-color: #FBF5EE;
	background-image: url("../images/itinerary-bg-image.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}

.itinerary_section .itinerary_top_part {
	margin-bottom: 40px;
	text-align: center;
}

.itinerary_section .itinerary_main_heading h2 {
	font-family: "Fraunces", serif;
	font-weight: 900;
	font-size: 36px;
	line-height: 48px;
	color: #173F3F;
}

.itinerary_section .itinerary_main_heading h2 strong {
	font-weight: 900;
	color: #0E8F96;
}

.itinerary_section .itinerary_row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.itinerary_section .itinerary_item {
	display: flex;
}

.itinerary_section .itinerary_card {
	background: #FFF;
	border: 1px solid #F0F0F0;
	border-radius: 30px;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.itinerary_section .itinerary_card_top_part {
	width: 100%;
}

.itinerary_section .itinerary_image {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 43.366%;
}

.itinerary_section .itinerary_image img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.itinerary_section .itinerary_card_bottom_part {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.itinerary_section .itinerary_title {
	margin-bottom: 20px;
}

.itinerary_section .itinerary_title h3 {
	font-family: "Fraunces", serif;
	font-weight: 700;
	font-size: 18px;
	line-height: normal;
	color: #173F3F;
}

.itinerary_section .itinerary_detail {
	margin-bottom: 30px;
}

.itinerary_section .itinerary_detail ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.itinerary_section .itinerary_detail ul li {
	position: relative;
	padding-left: 34px;
}

.itinerary_section .itinerary_detail ul li::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0px;
	width: 24px;
	height: 24px;
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M12.0046%201.50635C14.7565%201.55608%2017.3789%202.68419%2019.3075%204.64791C21.236%206.61162%2022.3166%209.25398%2022.3166%2012.0063C22.3166%2014.7587%2021.236%2017.4011%2019.3075%2019.3648C17.3789%2021.3285%2014.7565%2022.4566%2012.0046%2022.5063C9.25268%2022.4566%206.63028%2021.3285%204.70172%2019.3648C2.77317%2017.4011%201.69263%2014.7587%201.69263%2012.0063C1.69263%209.25398%202.77317%206.61162%204.70172%204.64791C6.63028%202.68419%209.25268%201.55608%2012.0046%201.50635ZM9.82403%2015.4172L7.2526%2012.8435C7.04211%2012.6323%206.92393%2012.3462%206.92393%2012.0481C6.92393%2011.7499%207.04211%2011.4638%207.2526%2011.2526C7.46444%2011.0429%207.7505%2010.9253%208.0486%2010.9253C8.3467%2010.9253%208.63275%2011.0429%208.8446%2011.2526L10.656%2013.0663L15.1646%208.55778C15.3758%208.34729%2015.6618%208.2291%2015.96%208.2291C16.2582%208.2291%2016.5442%208.34729%2016.7555%208.55778C16.9657%208.76914%2017.0837%209.05511%2017.0837%209.35321C17.0837%209.6513%2016.9657%209.93727%2016.7555%2010.1486L11.4503%2015.4538C11.3426%2015.5609%2011.2144%2015.6452%2011.0733%2015.7016C10.9323%2015.758%2010.7813%2015.7853%2010.6294%2015.7818C10.4775%2015.7784%2010.3279%2015.7444%2010.1895%2015.6817C10.0511%2015.619%209.92679%2015.5291%209.82403%2015.4172Z%27%20fill%3D%27%230E8F96%27/%3E%3C/svg%3E);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
}

.itinerary_section .itinerary_button {
	margin-top: auto;
}

.itinerary_section .itinerary_button a {
	justify-content: center;
}
.itinerary_card_bottom_part a {
    background: #DF607E;
	border: 1px solid #DF607E;
}
@media (max-width: 1199px) {
	.itinerary_section {
		padding: 35px 0;
	}

	.itinerary_section .itinerary_top_part {
		margin-bottom: 35px;
	}

	.itinerary_section .itinerary_main_heading h2 {
		font-size: 32px;
		line-height: 42px;
	}

	.itinerary_section .itinerary_row {
		gap: 30px;
	}

	.itinerary_section .itinerary_card_bottom_part {
		padding: 15px;
	}

	.itinerary_section .itinerary_title {
		margin-bottom: 18px;
	}

	.itinerary_section .itinerary_detail {
		margin-bottom: 25px;
	}

	.itinerary_section .itinerary_detail ul {
		gap: 12px;
	}

	.itinerary_section .itinerary_detail ul li {
		line-height: 24px;
		padding-left: 32px;
	}

	.itinerary_section .itinerary_detail ul li::before {
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
	}
}

@media (max-width: 991px) {
	.itinerary_section {
		padding: 30px 0;
	}

	.itinerary_section .itinerary_top_part {
		margin-bottom: 30px;
	}

	.itinerary_section .itinerary_main_heading h2 {
		font-size: 28px;
		line-height: 38px;
	}

	.itinerary_section .itinerary_row {
		gap: 20px;
	}

	.itinerary_section .itinerary_title {
		margin-bottom: 15px;
	}

	.itinerary_section .itinerary_detail {
		margin-bottom: 20px;
	}

	.itinerary_section .itinerary_detail ul {
		gap: 10px;
	}

	.itinerary_section .itinerary_detail ul li {
		font-size: 15px;
		line-height: 22px;
		padding-left: 30px;
	}

	.itinerary_section .itinerary_detail ul li::before {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
}

@media (max-width: 767px) {
	.itinerary_section {
		padding: 25px 0;
	}

	.itinerary_section .itinerary_top_part {
		margin-bottom: 25px;
	}

	.itinerary_section .itinerary_main_heading h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.itinerary_section .itinerary_row {
		grid-template-columns: repeat(1, 1fr);
	}

	.itinerary_section .itinerary_card {
		border-radius: 20px;
	}

	.itinerary_section .itinerary_image {
		padding-bottom: 56.25%;
	}

	.itinerary_section .itinerary_title {
		margin-bottom: 10px;
	}

	.itinerary_section .itinerary_title h3 {
		font-size: 16px;
	}

	.itinerary_section .itinerary_detail {
		margin-bottom: 15px;
	}

	.itinerary_section .itinerary_detail ul li {
		padding-left: 28px;
	}

	.itinerary_section .itinerary_detail ul li::before {
		width: 18px;
		height: 18px;
		background-size: 18px 18px;
	}
}