#showAllPhotosBTN:hover, #showAllPhotosBTN:focus {
			background-color: #85865f;
		}

		#calendar-container {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 50px 47px 31px 47px;
		}

		#title {
			font-family: "Trirong";
			font-size: 30px;
			font-weight: 500;
			line-height: 30px;
			letter-spacing: 0em;
			margin-bottom: 20px;
		}

		#month-switcher {
			display: flex;
			justify-content: space-between;
			width: 95%;
			margin-bottom: 18.25px;
		}

		#calendar {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			gap: 18.31px;
			width: 100%;
		}

		.day {
			line-height: 19px;
			padding: 12px 0;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #000;
			border-radius: 30%;
			cursor: pointer;
			border: 1.144px solid transparent;
			user-select: none;
			-webkit-user-select: text;
			-webkit-user-select: none; /* Chrome/Safari */
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE10+ */
		}

		.active-day:hover {
			background-color: rgba(78, 204, 0, 0.2);
		}

		.inactive-day {
			color: #cccccc;
			cursor: not-allowed;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.selected-day {
			background-color: rgba(78, 204, 0, 0.4);
			border-color: rgba(31, 82, 0, 0.2);
		}

		#days-of-week {
			font-family: "Inter";
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			width: 100%;
			margin-bottom: 18px;
			justify-content: space-between;
			gap: 18.31px;
		}

		.day-of-week {
			text-align: center;
			font-size: 16px;
			background-color: rgba(0, 0, 0, 0.1);
			padding: 5px 0;
			border-radius: 9999px;
			line-height: 19px;
		}

  		 .day-of-week-weekend {
                        text-align: center;
                        font-size: 16px;
			background-color: #7c7a7a;
			color: #fff;
                        padding: 5px 0;
                        border-radius: 9999px;
                        line-height: 19px;
                }

		#book-now-button {
			width: 100%;
			background-color: rgba(133, 134, 95, 1);
			color: #fff;
			line-height: 1;
			font-weight: 700;
			cursor: pointer;
			margin-top: 19px;
			padding: 18px 0;
			border-width: 0;
		}

		#form-container {
			margin-top: 20px;
			width: calc(100% - 10px);
		}

		#form-container form {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 14px;
		}

		.form-section {
			display: none;
			flex-direction: column;
			width: 100%;
		}

		.form-section label {
			width: 100%;
			font-family: "Trirong";
			font-size: 16px;
			font-weight: 500;
			line-height: 16px;
			color: rgba(0, 0, 0, 0.8);
			/* Text color */
		}

		.form-section input,
		.form-section select {
			width: 100%;
			height: 40px;
			margin-bottom: 10px;
			background-color: transparent;
			border: 1px solid rgba(0, 0, 0, 0.15) !important;
		}

		.form-section select {
			width: 100%;
			height: 44px;
			margin-bottom: 10px;
			background-color: transparent;
			appearance: none;
			box-shadow: none;
			padding-right: 30px;
			padding-left: 10px;
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5z" /></svg>');
			background-repeat: no-repeat;
			background-position: right center;
			border-radius: 0;
		}

		#tour-type-buttons {
			display: flex;
		}

		.tour-type-button {
			padding: 5px 10px;
			border: 1px solid rgba(0, 0, 0, 0.15) !important;
			background-color: transparent;
			margin-right: 10px;
			font-size: 16px !important;
			font-weight: 500 !important;
			line-height: 16px;
			color: rgba(0, 0, 0, 0.5) !important;
		}

		.tour-type-button:hover {
			background-color: rgba(133, 134, 95, 0.30) !important;
		}

		.tour-type-button:focus {
			background-color: rgba(133, 134, 95, 0.30) !important;
		}

		.form-section #vehicle,
		.form-section #pickup-location {
			margin-bottom: 24px;
			/* Add padding between the vehicle/pickup-location select box and the next label */
		}

		.tour-type-button.selected {
			background-color: rgba(133, 134, 95, 0.3);
		}

		.form-section input,
		.form-section select {
			margin-top: 10px;
		}

		.form-section select {
			width: 100%;
			height: 44px;
			margin-bottom: 10px;
			background-color: transparent;
			border: 1px solid rgba(0, 0, 0, 0.15);
			appearance: none;
			box-shadow: none;
			padding-right: 30px;
			background-repeat: no-repeat;
			background-position: right center;
			border-radius: 0;
			/* Hide the values by default */
		}

		.form-section select option {
			font-family: "Trirong";
			font-size: 16px;
			font-weight: 500;
			padding-right: 10px;
		}

		* {
			font-family: 'Trirong' !important;
		}

		.title {
			color: #000;
			font-size: 30px;
			font-weight: 500;
			line-height: 1em;
		}

		main {
			max-width: 1280px;
			margin: 0 auto;
		}

		.justify-between {
			display: flex;
			justify-content: space-between;
		}

		.price {
			color: #1C1715;
			font-size: 24px;
			font-weight: 500;
			line-height: 1.3em;
		}

		.price span {
			color: #AEAEAE;
			font-size: 16px;
			font-weight: 300;
			line-height: 2em;
		}

		h1,
		p {
			margin-bottom: 0 !important;
		}

		hr {
			margin: 30px 0 !important;
			background-color: #D9D9D9 !important;
		}

		.widget-title {
			display: none;
		}

		.wte-trip-facts {
			padding: 0 !important;
		}

		.list {
			display: grid;
			list-style: none;
			margin: 0;
			padding: 0;
			grid-template-columns: repeat(5, 1fr);
		}

		.list-item {
			display: flex;
			gap: 17px;
			align-items: center;
			padding: 7px 0;
		}

		.list-item label {
			font-size: 14px;
			color: #1C1715;
			font-weight: 700;
			line-height: 2;
		}

		.icon-container {
			width: 48px;
			height: 48px;
			color: #AEAEAE;
			padding: 14px;
			background: #3A33350A;
		}

		.icon-container svg {
			width: 100%;
			height: 100%;
		}

		.custom_info {
			color: #AEAEAE;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.2;
		}

		.info {
			display: flex;
			flex-direction: column;
			gap: 25px;
			margin-right: 22px;
		}

		.main-content {
			display: flex;
			justify-content: space-between;
			margin-top: 64px;
			gap: 42px;
		}

		.left {
			display: flex;
			flex-direction: column;
			gap: 70px;
			flex: 1;
		}

		.left h2 {
			color: #000;
			font-size: 30px;
			font-weight: 500;
			line-height: 1em;
			margin-top: 0 !important;
		}

		.right {
			width: 522px;
		}

		.wpte-overview-title {
			margin: 0;
		}

		.info p {
			white-space: pre-wrap;
			line-height: 25px;
			font-size: 16px;
			color: #1C1715;
			font-weight: 400;
		}

		ol {
			counter-reset: my-counter;
			/* Reset a custom counter */
			list-style-type: none !important;
			/* Remove default numbering */
			margin: 0 !important;
			margin-right: 47px !important;
			display: flex;
			flex-direction: column;
			gap: 25px;
		}

		ol li {
			counter-increment: my-counter;
			/* Increment the custom counter */
			display: flex;
			gap: 28px;
		}

		ol li::before {
			content: counter(my-counter);
			/* Display the custom counter as content before each list item */
			color: #fff;
			/* Change the color of the list item marker */
			align-self: start;
			font-size: 30px;
			font-weight: 500;
			line-height: 1;
			padding: 13px 20px;
			background: #85865F;
			border-radius: 30px;
		}

		.itineraryTripTitle {
			margin-bottom: 25px;
			margin-top: 0;
		}

		.faqsTitle {
			margin-bottom: 35px;
		}

		.itineraryTitle,
		.itineraryContent {
			color: #1C1715;
			line-height: 2;
		}

		.itineraryTitle {
			font-size: 20px;
			font-weight: 600;
			margin: 0 !important;
		}

		.itineraryContent {
			font-size: 16px;
			font-weight: 400;
		}

		.accordion {
			display: flex;
			flex-direction: column;
		}

		/* Style for the accordion items (panels) */
		.accordion-item {
			margin-bottom: 2px;
			border-bottom: 1px solid #D9D9D9;
		}

		/* Style for the accordion item headers */
		.accordion-header {
			padding: 20px 0;
			padding-right: 12px;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			align-items: center;
			user-select: none;
			-webkit-user-select: text;
			-webkit-user-select: none; /* Chrome/Safari */
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE10+ */
			color: #000;
			font-size: 20px;
			font-weight: 500;
			line-height: 1;
		}

		.accordion .accordion-item:first-of-type .accordion-header {
			padding-top: 0;
		}

		/* Style for the content inside the accordion item */
		.accordion-content {
			display: none;
			overflow: hidden;
		}

		/* Show content when the accordion item is active */
		.active .accordion-content {
			display: block;
		}

		.arrow {
			transition: transform 0.3s;
		}

		.grid-container {
			display: grid;
			grid-template-rows: repeat(2, 1fr);
			grid-template-columns: minmax(auto, 738px) minmax(auto, 522px);
			gap: 20px;
			/* Adjust the gap as needed */
			height: 596px;
			position: relative;
			margin-bottom: 72px;
			margin-top: 35px;
		}

		.grid-container img {
			height: 100%;
			object-fit: cover;
			width: 100%;
		}

		.grid-item1 {
			grid-row: 1 / 3;
			grid-column: 1 / 2;
			max-height: 596px;
		}

		.grid-item2 {
			grid-row: 1 / 2;
			grid-column: 2 / 3;
			max-height: 288px;
		}

		.grid-item3 {
			grid-row: 2 / 3;
			grid-column: 2 / 3;
			max-height: 288px;

		}

		.grid-item-full {
			grid-row: 1 / 3;
			grid-column: 1 / 3;
		}

		.grid-item1half {
			grid-row: 1 / -1;
			grid-column: 1 / 2;
		}

		.grid-item1,
		.grid-item2,
		.grid-item3,
		.grid-item-full {
			background-size: cover;
			background-position: center;
		}

		select {
			color: black;
		}

		select:disabled {
			color: #a9a9a9;
		}

		.absolute {
			position: absolute;
			bottom: 22px;
			right: 34px;
			padding: 9px 13.5px 9px 19.5px;
			display: flex;
			gap: 6px;
			color: #AEAEAE;
			background: linear-gradient(0deg, rgba(58, 51, 53, 0.04) 0%, rgba(58, 51, 53, 0.04) 100%), #FFF;
			border-width: 0;
			align-items: center;
		}

		.absolute span {
			font-size: 14px;
			font-weight: 700;
		}

		.modal {
			display: none;
			position: fixed;
			z-index: 10;
			padding-top: 50px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgb(0, 0, 0);
			background-color: rgba(0, 0, 0, 0.9);
		}

		.close {
			position: absolute;
			top: 15px;
			right: 35px;
			color: #f1f1f1;
			font-size: 40px;
			font-weight: bold;
			transition: 0.3s;
		}

		.close:hover,
		.close:focus {
			color: #bbb;
			text-decoration: none;
			cursor: pointer;
		}

		.modal-content {
			max-width: 80%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.previous {
			left: 0;
		}

		.next {
			right: 0;
		}

		.previous,
		.next {
			position: absolute;
			top: 50%;
			width: auto;
			padding: 16px;
			margin-top: -50px;
			font-size: 20px;
			font-weight: bold;
			color: white;
			background-color: black;
			border: none;
			cursor: pointer;
		}

		.previous:hover,
		.next:hover {
			background-color: rgba(0, 0, 0, 0.8);
		}

		.info .wpte-trip-highlights-title,
		.info .wpte-trip-highlights {
			display: none !important;
		}

		.otherTours {
			background-color: #85865F0D;
			display: flex;
			flex-direction: column;
			padding: 34px 10px 79px 10px;
			align-items: center;
			margin-top: 140px;
		}

		.mrzimsvojzivot {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			gap: 20px;
			width:1280px;
		}

		@media(max-width: 768px) {
			.mrzimsvojzivot { 
				flex-direction: column; 
				width: 95dvw;
			}
		}

		.otherToursInfo {
			display: flex;
			flex-direction: column;
			gap: 24px;
			align-items: center;
			margin-bottom: 50px;
		}

		.otherToursInfo h2 {
			font-size: 42px;
			font-weight: 600;
			line-height: 1.3;
			color: #1C1715;
			margin: 0;
		}

		.otherToursInfo p {
			font-size: 16px;
			font-weight: 400;
			line-height: 2;
			color: #1C1715;
		}

		.otherToursCards {
			display: flex;
			gap: 21px;
			max-width: 1280px;
		}

		.otherToursCard {
			display: flex;
			flex-direction: column;
			flex: 1;
		}

		.otherToursCard .imgContainer {
			height: 436px;
			position: relative;
		}

		.otherToursCard .imgContainer img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}

		.otherToursCard a {
			color: white;
			background: #85865F;
			font-size: 14px;
			font-weight: 700;
			line-height: 1;
			text-align: center;
			padding: 18px 0;
		}

		.otherToursCard a:hover {
			color: white;
		}

		.otherToursCard h3 {
			color: #1C1715;
			font-size: 40px;
			font-weight: 400;
			line-height: 1.3;
			margin-top: 27px;
			margin-bottom: 10px;
			flex: 1;
			display: -webkit-box;
			overflow: hidden;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}

		.otherToursCard h3::first-letter {
			color: #85865F;
			font-weight: 700;
		}

		.otherToursCard h4 {
			color: #1C1715;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.2;
			margin-bottom: 16px;
			margin-top: 0px;
		}

		.otherToursCard p {
			color: #1C1715;
			font-size: 14px;
			font-weight: 400;
			line-height: 2;
			opacity: 0.5;
			margin-bottom: 26px !important;
		}

		.priceContainer {
			padding: 6px 11px 0 20px;
			color: #1C1715;
			font-size: 16px;
			font-weight: 400;
			line-height: 1.3;
			position: absolute;
			left: 0;
			bottom: 41px;
			background: rgba(255, 255, 255, 0.70);
			backdrop-filter: blur(12.5px);
		}

		.priceTour {
			font-size: 40px;
			font-weight: 600;
			line-height: 1.3;
			display: block;
		}

		.minMaxPeople {
			font-size: 12px;
			font-weight: 400;
		}

		.itinerary ol {
			padding-left: 0;
		}

		.hero-container {
			display: flex;
			flex-direction: column;
		}

		.additionalStops {
			display: flex;
			gap: 25px;
			flex-direction: column;
		}

		.additionalStopsContainer {
			display: flex;
			gap: 12px;
		}

		.stopImageContainer {
			width: 320px;
			height: 195px;
		}

		.stopImageContainer img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}

		.additionalStopsInfo h3,
		.additionalStopsInfo p {
			margin: 0;
		}

		.additionalStopsInfo {
			flex: 1;
		}

		.stopName,
		.stopDescription {
			line-height: 2;
			color: #1C1715;
		}

		.stopName {
			font-size: 25px;
			font-weight: 600;
		}

		.stopDescription {
			font-size: 16px;
			font-weight: 400;
		}

		.timeAndPriceContainer {
			display: flex;
			gap: 20px;
		}

		.timeAndPriceContainer span {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		.transferImageContainer {
			height: 316px;
			width: 100%;
			position: relative;
			margin-bottom: 52px;
			margin-top: 35px;
		}

		.transferImageContainer img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}

		.checkbox-container {
			align-self: flex-start;
			display: flex;
			align-items: center;
			margin-bottom: 0px;
			margin-top: -10px;
		}

		.checkbox-label {
			margin-right: 10px;
			margin-bottom: 0;
			white-space: nowrap;
		}

		.additional-stops-buttons {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			/* Three columns */
			gap: 9px;
			/* Adjust the gap between buttons */
			width: 100%;
		}

		.stop-button {
			padding: 10px 30px;
			text-align: center;
			cursor: pointer;
			border: 1px solid rgba(0, 0, 0, 0.15);
			background-color: transparent;
			line-height: 1;
			color: rgba(0, 0, 0, 0.5);
			user-select: none;
			-webkit-user-select: text;
			-webkit-user-select: none; /* Chrome/Safari */
			-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE10+ */
		}

		.stop-button.selected-stop {
			background-color: rgba(133, 134, 95, 0.3);
		}

		.taken-day {
			background-color: #cc000033;
		}

		.taken-day:hover {
			background-color: #cc000099;
			color: white;
			border-color: #A4303E;
		}

		#additional-stops-section > label {
			margin-bottom: 8px;
		}

		.stopsPreviewContainer > div:first-child {
			margin-top: 14px;
		}

		#prev-month:hover, #next-month:hover {
			cursor: pointer;
		}

		.accordion-title {
			margin: 0;
			font-size: 20px;
			line-height: 1;
			font-weight: 500;
		}

		@media (max-width: 1280px) {
			.accordion-title {
				font-size: 14px;
			}

			main > hr {
				display: none;
			}

			.grid-container {
				grid-template-rows: repeat(3, 1fr);
				grid-template-columns: 1fr 1fr;
				gap: 3px;
				height: 274px;
				margin-bottom: 30px;
				margin-top: 10px;
			}

			.grid-item1 {
				grid-row: 1 / 3;
				grid-column: 1 / 3;
				max-height: 187px;
			}

			.grid-item2,
			.grid-item3 {
				grid-row: 3 / 4;
				max-height: 84px;
			}


			.grid-item2 {
				grid-column: 1 / 2;
			}

			.grid-item3 {
				grid-column: 2 / 3;
			}

			.hero-container {
				flex-direction: column-reverse;
			}

			.justify-between {
				flex-direction: column;
			}

			.title {
				font-size: 24px;
				line-height: 1.2;
				border-bottom: 1px solid rgba(217, 217, 217, 0.60);
				padding-bottom: 6px;
			}

			.price {
				font-size: 12px;
				padding-top: 6px;
			}

			.price span {
				font-size: 12px;
			}

			.absolute {
				padding: 5px 7.5px 5px 11px;
				bottom: 97px;
				right: 12px;
			}

			.absolute span {
				font-size: 8px;
			}

			.list {
				gap: 24px 21px;
				grid-template-columns: repeat(2, 1fr);
			}

			.icon-container {
				width: 41px;
				height: 41px;
				padding: 12px;
			}

			.list-item {
				gap: 15px;
				padding: 5.5px 0;
			}

			.list-item label {
				font-size: 12px;
			}

			.custom_info {
				font-size: 12px;
			}

			.info {
				gap: 10px;
				margin-right: 12px;
			}

			.info p {
				line-height: 1.5;
				font-size: 12px;
			}

			ol {
				margin-right: 12px !important;
				gap: 10px;
			}

			ol li {
				gap: 15px;
			}

			ol li::before {
				font-size: 20px;
				padding: 9px 13px;
			}

			.itineraryTitle,
			.itineraryContent {
				line-height: 1.5;
			}

			.itineraryTitle {
				font-size: 16px;
			}

			.itineraryContent {
				font-size: 12px;
			}

			.itineraryTripTitle {
				margin-bottom: 15px;
			}

			.otherToursCards {
				flex-direction: column;
				gap: 17px;
			}

			.otherTours {
				margin-top: 54px;
				padding: 43px 30px 63px 30px;
			}

			.otherToursInfo {
				gap: 20px;
				margin-bottom: 40px;
			}

			.otherToursInfo h2 {
				font-size: 26px;
			}

			.otherToursInfo p {
				line-height: 1.5;
				font-size: 12px;
			}

			.otherToursCard .imgContainer {
				height: 350px !important;
			}


			.priceContainer {
				padding: 5px 7px 0 16px;
				font-size: 13px;
				bottom: 33px;
			}

			.priceTour {
				font-size: 32px;
			}

			.otherToursCard h3 {
				font-size: 26px;
				margin-top: 21px;
				margin-bottom: 8px;
			}

			.otherToursCard h4 {
				font-size: 16px;
				margin-bottom: 13px;
			}


			.otherToursCard p {
				font-size: 12px;
				line-height: 1.5;
				margin-bottom: 21px !important;
			}

			.otherToursCard a {
				padding: 12px 0;
			}

			.left {
				gap: 40px;
			}

			.left h2 {
				font-size: 20px;
				line-height: 1.3em;
				margin-bottom: 15px !important;
			}

			.accordion-header {
				padding: 13px 0;
				padding-right: 0;
				font-size: 14px;
			}

			.accordion-content {
				font-size: 12px;
			}

			main {
				padding: 20px 30px;
			}

			.otherTours {
				padding: 43px 30px;
			}

			.left .info .wpte-overview-title {
				margin-bottom: 5px !important;
			}

			.main-content {
				flex-direction: column;
				align-items: center;
				gap: 53px;
			}

			.right {
				width: 100%;
				max-width: 520px;
			}

			.additionalStops {
				gap: 10px;
			}

			.additionalStopsContainer {
				flex-direction: column;
			}

			.stopImageContainer {
				width: 100%;
			}
			
			.stopName,
			.stopDescription {
				line-height: 1.5;
			}

			.stopName {
				font-size: 16px;
			}

			.stopDescription {
				font-size: 12px;
			}

			#title {
				font-size: 19px;
			}

			#month-switcher {
				font-size: 12px;
			}

			#days-of-week {
				gap: 11.68px;
				margin-bottom: 12px;
			}

			.day-of-week {
				font-size: 10px;
				padding: 3px 0;
				line-height: 12px;
			}

			#calendar {
				gap: 12px;
				font-size: 10px;
				line-height: 12px;
			}

			.day {
				padding: 12px 0;
				border-radius: 30%;
				border-width: 0.73px;
			}
		}

		@media (max-width: 620px) {
			#calendar-container {
				padding: 0;
			}

			.day {
				padding: 9px 0;
			}
		}