:root {
	--blue-color: #007aff;
	--primary-color: #ff9d3d;
	--max-width-laptop: 1200px;
	--max-width-desktop: 1700px;
}

.tours {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	column-gap: 12px;
	margin-bottom: 32px;

	max-width: var(--max-width-laptop);
	margin: 0 auto;
}

.tours .notifier {
	display: inline;
	width: fit-content;
	padding: 4px 12px 6px 12px;
	margin-top: 12px;
	font-size: 14px;
	border-radius: 12px;
	background-color: #c0c0c0;
	margin-bottom: 12px;

	font-weight: 500;
}

.tours .not-h3 {
	font-size: 32px;
}

.tours .tours-holder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 18px;
	width: 100%;
}

.tours-holder .tours-card {
	display: inline-flex;
	position: relative;
	flex-direction: column;
	overflow: hidden;
	flex: 1;
	border-radius: 12px;
	margin: 18px 16px;
	box-shadow: 2px 3px 6px #c0c0c09f;
	max-width: 320px;
	min-width: 250px;
	height: 400px;

	text-align: center;
}

.tours-card img {
	width: 100%;
	height: 48%;
	object-fit: cover;
	object-position: center;
	margin-bottom: 12px;
}

.tours-card h3 {
	color: var(--primary-color);
	margin-bottom: 6px;
}

.tours-card p {
	width: 100%;
	padding: 0 10%;
}

.tours-card .info {
	display: inline-flex;
	flex-direction: column;
	width: 90%;
	height: fit-content;
	margin: 12px 5%;
	border: 1px solid var(--primary-color);
	border-radius: 6px;
}

.info .inf {
	display: inline-flex;
	margin: 6px 0;
	padding-left: 5%;
}

.inf span,
.inf p {
	display: inline;
	width: fit-content;
	font-size: 18px;
	letter-spacing: 0.6px;
	color: #333333;
}

.tours-card .mon-link {
	position: absolute;
	bottom: 6px;
	left: 7.5%;
	padding: 0 6px;
	display: inline-flex;
	justify-content: space-between;
	width: 85%;
}

.mon-link .money {
	font-size: 21px;
	color: #424242;
	font-weight: bold;
}

.mon-link a {
	text-decoration: none;
	letter-spacing: 0.6px;
	color: var(--primary-color);

	&:hover {
		color: var(--blue-color);
		transition: all 0.6s;
	}
}

/*initiator 3rd part*/
.initiate {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 15dvh 0 12dvh 0;
	padding: 0 12px 12px 12px;
	max-width: var(--max-width-desktop);
}

.initiate .left-with-word {
	display: inline-flex;
	flex: 1;
	max-width: 460px;
	min-width: 300px;
	padding: 0 12px 0 0;
}

.left-with-word .words {
	padding: 0 8px 0 8px;
	position: relative;
	text-align: center;
}

.words .h3-dec {
	color: var(--primary-color);
	margin-bottom: 12px;
}

.initiate .right-with-pic {
	display: inline-flex;
	flex: 1;
	max-width: 400px;
	min-width: 250px;
	height: 100%;
	overflow: hidden;
}

.initiate .le {
	border-top-left-radius: 64px;
	border-bottom-right-radius: 64px;
}

.initiate .ri {
	border-top-right-radius: 64px;
	border-bottom-left-radius: 64px;
}

.right-with-pic img {
	width: 100%;
	height: 100%;
	max-height: 350px;
	object-fit: cover;
	object-position: center;
}

.left-with-word .words a {
	text-decoration: none;
	font-size: 21px;
	font-weight: 550;
	color: var(--primary-color);
	padding: 32px 24px 4px 24px;

	&:hover {
		color: var(--blue-color);
		transition: all 0.56s;
	}
}