main {
 	/* padding-top: 30px; */
 }

 .navigation {
 	position: sticky;
 	top: 91px;
 	left: 0;
 	right: 0;
 	background: #f7f7f7;
 	border-bottom: 1px solid #fff;
 	z-index: 10;
 	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
 }

 .itinerary-item__heading span {
 	font-weight: 400;
 	padding-left: 10px;
 }

 .navigation__list {
 	text-align: center;
 	list-style: none;
 	overflow-x: auto;
 	display: flex;
 	width: fit-content;
 	max-width: 100%;
 	gap: 0;
 	margin: 0 auto -1px;
 }

 .navigation__item {
 	position: relative;

 }

 .navigation__link {
 	display: block;
 	padding: 20px 32px;
 	text-decoration: none;
 	font-weight: 500;
 	font-size: 16px;
 	transition: color 0.3s ease, background-color 0.3s ease;
 	white-space: nowrap;
 	position: relative;
 }

 .navigation__link:hover {
 	color: #1f2937;
 	background-color: #f9fafb;
 }

 .navigation__link--active {
 	color: #1f2937;
 	background-color: #fff;
 }

 .navigation__link.is-active {
 	color: var(--color-main);
 }

 .navigation__link--active::after {
 	content: '';
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	height: 3px;
 	background: var(--color-main);
 }

 .sec-overview {
 	padding: 30px 0;
 }

 .common-ttl01 {
 	font-size: 30px;
 	font-weight: 700;
 	color: var(--color-main);
 	margin-bottom: 15px;
 }

 .overview__desc:not(:last-child) {
 	margin-bottom: 15px;
 }

 .sec-tour {
 	padding: 30px 0;
 }

 .sec-attractions {
 	padding: 30px 0;
 }

 .slider-photo .slick-list {
 	margin: 0 -5px;
 }

 .slider-photo .slick-slide {
 	margin: 0 5px;
 }

 .slider-photo:not(:last-child) {
 	margin-bottom: 30px;
 }

 .tour-heading:not(:last-child) {
 	margin-bottom: 20px;
 }

 .attractions-photo {
 	position: relative;
 	border-radius: 10px;
 	overflow: hidden;
 	display: block;
 }

 .attractions-photo__img {
 	padding-top: calc((4/4) * 100%);
 	display: block;
 	overflow: hidden;
 	position: relative;
 }

 .attractions-photo__img img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .attractions-photo__ttl {
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	padding: 20px;
 	background: linear-gradient(180deg, transparent, black);
 	color: white;
 	font-size: 18px;
 	font-weight: 700;
 	text-align: center;
 }

 .attractions-block {}

 .attractions-block__link {
 	border-bottom: 1px solid #e5e7eb;
 	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
 	background: white;
 	margin-bottom: 15px;
 }

 .attractions-block__link li.is-active a {
 	color: var(--color-main);
 }

 .attractions-block__link a {
 	text-decoration: none;
 	color: #6b7280;
 	display: block;
 	padding: 5px 15px;
 	font-weight: 500;
 	font-size: 16px;
 	transition: color 0.3s ease, background-color 0.3s ease;
 	position: relative;
 }

 .attractions-block__ct:not(.is-active) {
 	display: none;
 }

 .attractions-block__ct.attractions-block__ct-overview {
 	display: block;
 }

 .attractions-block__ct:not(:last-child) {
 	margin-bottom: 10px;
 }

 .attractions-block__slide-img {
 	position: relative;
 	padding-top: 75%;
 	display: block;
 	overflow: hidden;
 }

 .attractions-block__slide-img img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .attractions-ralates {
 	padding: 30px 0 0;
 }

 .sec-faq {
 	padding: 30px 0;
 }

 .faq__row {
 	gap: 20px 0;
 }

 /* Contact Form Section */
 .faq-contact {
 	background: white;
 	padding: 40px;
 	border-radius: 12px;
 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
 	height: fit-content;
 }

 .faq-contact__label {
 	font-size: 14px;
 	color: #6b7280;
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 	margin-bottom: 8px;
 	display: block;
 }

 .faq-contact__title {
 	font-size: 32px;
 	font-weight: 700;
 	color: #1f2937;
 	margin-bottom: 32px;
 	line-height: 1.2;
 }

 .faq-contact__form {
 	display: flex;
 	flex-direction: column;
 	gap: 20px;
 }

 .faq-contact__input {
 	padding: 16px;
 	border: 2px solid #e5e7eb;
 	border-radius: 8px;
 	font-size: 16px;
 	transition: border-color 0.3s ease, box-shadow 0.3s ease;
 	font-family: inherit;
 }

 .faq-contact__input:focus {
 	outline: none;
 	border-color: var(--color-main);
 	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
 }

 .faq-contact__input--textarea {
 	min-height: 120px;
 	resize: vertical;
 }

 .faq-contact__button {
 	background: var(--color-main);
 	color: white;
 	padding: 13px 32px;
 	border: none;
 	border-radius: 8px;
 	font-size: 16px;
 	font-weight: 600;
 	cursor: pointer;
 	transition: background-color 0.3s ease, transform 0.2s ease;
 	align-self: flex-start;
 }

 .faq-contact__button:hover {
 	background: #2563eb;
 	transform: translateY(-1px);
 }

 .faq-contact__button:active {
 	transform: translateY(0);
 }

 /* FAQ Section */
 .faq {
 	background: white;
 	border-radius: 12px;
 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
 	overflow: hidden;
 }

 .faq__item {
 	border-bottom: 1px solid #e5e7eb;
 }

 .faq__item:last-child {
 	border-bottom: none;
 }

 .faq__question {
 	width: 100%;
 	padding: 15px 32px;
 	background: none;
 	border: none;
 	text-align: left;
 	font-size: 18px;
 	font-weight: 500;
 	color: #1f2937;
 	cursor: pointer;
 	display: flex;
 	align-items: center;
 	transition: background-color 0.3s ease;
 	position: relative;
 }

 .faq__question:hover {
 	background-color: #f9fafb;
 }

 .faq__question::before {
 	content: attr(data-number);
 	font-size: 14px;
 	color: #6b7280;
 	font-weight: 400;
 	margin-right: 16px;
 	min-width: 24px;
 	display: none;
 }

 .faq__icon {
 	width: 24px;
 	height: 24px;
 	transition: transform 0.3s ease;
 	flex-shrink: 0;
 	position: absolute;
 	right: 9px;
 	top: 18px;
 }

 .faq__icon svg {
 	width: 100%;
 	height: 100%;
 	stroke: #6b7280;
 	stroke-width: 2;
 }

 .faq__item.active .faq__icon {
 	transform: rotate(45deg);
 }

 .faq__item.active .faq__question {
 	background-color: var(--color-1);
 	color: #424242;
 }

 .faq__answer {
 	padding: 0 32px;
 	max-height: 0;
 	overflow: hidden;
 	transition: max-height 0.4s ease, padding 0.4s ease;
 	background-color: #f8fafc;
 }

 .faq__item.active .faq__answer {
 	padding: 24px 32px;
 	max-height: inherit;
 }

 .faq__answer-content {
 	font-size: 16px;
 	color: #4b5563;
 	line-height: 1.7;
 	/* margin-left: 40px; */
 }

 /* page tour detail */
 #page-tour-detail {
 	padding-top: 30px;
 }

 .tour-title {
 	font-size: 26px;
 	font-weight: 600;
 	color: #142640;
 	margin-bottom: 5px;
 	text-transform: none;
 }

 .tour-photos {
 	padding-bottom: 20px;
 }

 .tour-photos__grid {
 	display: grid;
 	grid-template-columns: repeat(4, 1fr);
 	gap: 5px;
 	position: relative;
 }

 .tour-photos__grid-item:first-child {
 	grid-area: 1/1/span 2/ span 2;
 }

 .tour-photos__grid-item:not(:nth-child(-n + 5)) {
 	display: none;
 }

 .tour-photos__grid-wrap {
 	height: 100%;
 	width: 100%;
 }

 .tour-photos__grid-wrap figure {
 	padding-top: calc((178 / 268) * 100%);
 	display: block;
 	position: relative;
 }

 .tour-photos__grid-wrap figure img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	border-radius: 0px;
 }

 .tour-photos__grid-btn {
 	font-size: 12px;
 	line-height: 1;
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px;
 	background: white;
 	border: 1px solid white;
 	padding: 4px 8px;
 	border-radius: 4px;
 	position: absolute;
 	right: 15px;
 	bottom: 15px;
 }

 .tour-photos__grid-btn .icon svg {
 	width: 11px;
 	height: 11px;
 }

 .overview-detail {
 	padding: 30px 0;
 }

 .overview-block:not(:last-child) {
 	margin-bottom: 20px;
 }

 .overview-block__ttl {
 	font-size: 20px;
 }

 .overview-block {}

 .overview-row {}

 .overview-row__detail {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 5px;
 }

 .overview-row__detail-title {
 	font-weight: 700;
 	/* display: inline; */
 }

 .overview-row__star {
 	font-size: 14px;
 	display: flex;
 }

 .overview-row__star li {
 	color: gray;
 }

 .overview-row__star li.active {
 	color: var(--color-main);
 }

 .sec-itinerary {
 	padding-bottom: 30px;
 }

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

 .common-ttl02 {
 	font-size: 25px;
 	font-weight: 500;
 	margin-bottom: 10px;
 }

 .itinerary-block__btn {
 	background: transparent;
 	margin-left: auto;
 	font-size: 16px;
 	display: flex;
 	align-items: center;
 	gap: 5px;
 	line-height: 1;
 	margin-bottom: 0px;
 	padding: 9px 11px 0 0;
 }

 .itinerary-block__btn.is-open .icon svg {
 	transform: rotate(180deg);
 }

 .itinerary-block__btn .icon svg {
 	width: 32px;
 	height: 32px;
 	transition: all .3s ease-in;
 }

 .itinerary-list {}

 .itinerary-item {
 	border-top: 1px solid #bebebe;
 }

 .itinerary-item.is-open .itinerary-item__heading,
 .itinerary-item__heading:hover {
 	background: #f7f7f7;
 }

 .itinerary-item__heading {
 	display: block;
 	padding: 13px 50px 13px 15px;
 	font-size: 16px;
 	position: relative;
 	width: 100%;
 	background: transparent;
 	text-align: left;
 	font-weight: 700;
 	transition: all .3s ease-in;
 }

 .itinerary-item.is-open .itinerary-item__heading .icon svg {
 	transform: rotate(180deg);
 }

 /* .itinerary-item__heading:hover {
 	color: #1f2937;
 	background-color: #efe9c25c;
 } */

 .itinerary-item__heading .day {
 	color: var(--color-main);
 }

 .itinerary-item__heading .ttl {
 	font-weight: 700;
 }

 .itinerary-item__heading .icon {
 	position: absolute;
 	right: 10px;
 	top: 9px;

 }

 .itinerary-item__heading .icon svg {
 	width: 32px;
 	height: 32px;
 	transition: all .3s ease-in;
 }

 .itinerary-item__ct {
 	padding: 15px 20px;
 }

 .itinerary-item {}

 .map-default {
 	line-height: 1;
 }

 .map-default iframe {
 	width: 100%;
 }

 .sec-related {
 	padding: 30px 0;
 }

 .sec-request {
 	padding: 30px 0;
 	min-height: 300px;
 	z-index: 1;
 }

 .sec-request__img {
 	z-index: -1;
 }

 .sec-request__img::before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	background: rgba(0, 0, 0, 0.3);
 	width: 100%;
 	height: 100%;
 	display: block;
 }

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

 .request-heading {
 	color: white;
 }

 .request-heading__ttl {
 	font-size: 24px;
 	margin-bottom: 10px;
 }

 .request-heading p:not(:last-child) {
 	margin-bottom: 10px;
 }

 /* Form Block */
 #form-modal .modal__title {
 	font-size: 24px;
 	font-weight: bold;
 	color: var(--color-main);
 }

 .form-request {
 	max-width: 900px;
 	margin: 20px auto;
 	background: white;
 	border-radius: 8px;
 	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
 	overflow: hidden;
 }

 /* Form Header */

 .form-request__header {
 	background: var(--color-main);
 	color: white;
 	padding: 10px;
 	text-align: center;
 }

 .form-request__title {
 	font-size: 28px;
 	font-weight: bold;
 	margin-bottom: 8px;
 }

 .form-request__subtitle {
 	font-size: 14px;
 	opacity: 0.9;
 	font-style: italic;
 }

 /* Form Body */
 .modal__body .form-request {
 	max-width: 100%;
 	margin: 0;
 	background: transparent;
 	border-radius: 8px;
 	box-shadow: none;
 	padding: 0 3px;
 }

 .modal__body .form-request__body {
 	padding: 0;
 }

 .form-request__body {
 	padding: 30px;
 }

 /* Section Block */

 .form-request__section {
 	margin-bottom: 14px;
 }

 .form-request__section-title {
 	font-size: 18px;
 	font-weight: bold;
 	color: #333;
 	margin-bottom: 10px;
 	text-transform: uppercase;
 }

 .form-request__section-note {
 	background: #fff3cd;
 	border: 1px solid #ffeaa7;
 	padding: 12px;
 	border-radius: 4px;
 	margin-bottom: 20px;
 	font-size: 14px;
 	color: #856404;
 }

 /* Question Block */

 .form-request__question {
 	margin-bottom: 10px;
 }

 .form-request__question-label {
 	display: block;
 	font-weight: bold;
 	margin-bottom: 5px;
 	color: #333;
 	font-size: 15px;
 }

 .form-request__question-label--required::after {
 	content: " *";
 	color: #e74c3c;
 }

 .form-request__question-note {
 	font-size: 13px;
 	color: #666;
 	margin-top: 5px;
 	font-style: italic;
 }

 .form-request__question-emoji {
 	margin-right: 8px;
 	font-size: 18px;
 }

 /* Field Block */

 .form-request__field {}

 .form-request__field-label {
 	display: block;
 	font-size: 13px;
 	color: #555;
 	margin-bottom: 3px;
 	font-weight: 400;
 }

 .form-request__field-input {
 	width: 100%;
 	padding: 6px 12px;
 	min-height: 32px;
 	border: 1px solid #ddd;
 	border-radius: 0;
 	font-size: 14px;
 	transition: all 0.3s ease;
 }

 .form-request__field-input:focus {
 	outline: none;
 	border-color: var(--color-main);
 	box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
 }

 .form-request__field-select {
 	width: 100%;
 	padding: 6px 12px;
 	border: 1px solid #ddd;
 	border-radius: 0;
 	font-size: 14px;
 	background: white;
 	cursor: pointer;
 	transition: all 0.3s ease;
 }

 .form-request__field-select:focus {
 	outline: none;
 	border-color: #ff6b35;
 	box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
 }

 /* Input Group Block */

 .input-group {
 	display: grid;
 	gap: 15px;
 }

 .input-group:not(:last-child) {
 	margin-bottom: 0;
 }

 .input-group--columns-2 {
 	grid-template-columns: 1fr 1fr;
 }

 .input-group--columns-22 {
 	grid-template-columns: repeat(2, 1fr);
 	align-items: center;
 }


 .input-group--columns-3 {
 	grid-template-columns: repeat(3, 1fr);
 }

 .input-group--columns-4 {
 	grid-template-columns: repeat(4, 1fr);
 }

 /* Checkbox Group Block */

 .checkbox-group {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 12px;
 	margin-top: 10px;
 }

 .form-request__checkbox {
 	display: flex;
 	align-items: center;
 	padding: 12px;
 	background: #f8f9fa;
 	border: 2px solid #e9ecef;
 	border-radius: 6px;
 	cursor: pointer;
 	transition: all 0.3s ease;
 }

 .form-request__checkbox:hover {
 	background: #e9ecef;
 	border-color: #ff6b35;
 }

 .form-request__checkbox-input {
 	margin-right: 10px;
 	cursor: pointer;
 	transform: scale(1.2);
 }

 .checkbox__label {
 	font-size: 14px;
 	color: #333;
 	cursor: pointer;
 }

 /* Radio Group Block */

 .radio-group {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 10px 25px;
 	margin-top: 10px;
 	padding-left: 3p;
 }

 .form-request__radio {
 	display: flex;
 	align-items: center;
 	cursor: pointer;
 	transition: all 0.3s ease;
 }



 .form-request__radio-input {
 	margin-right: 10px;
 	cursor: pointer;
 	transform: scale(1.2);
 }

 .form-request__radio-label {
 	font-size: 13px;
 	color: #333;
 	cursor: pointer;
 	font-weight: 400;
 }

 /* Textarea Block */

 .form-request__textarea {
 	width: 100%;
 }

 .form-request__textarea-field {
 	width: 100%;
 	padding: 6px 12px;
 	border: 1px solid #ddd;
 	border-radius: 0;
 	font-size: 14px;
 	resize: vertical;
 	min-height: 60px;
 	transition: all 0.3s ease;
 }

 .form-request__textarea-field:focus {
 	outline: none;
 	border-color: #ff6b35;
 	box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
 }

 /* Options List */

 .options-list {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 	gap: 10px;
 	margin-top: 10px;
 }

 .options-list__item {
 	padding: 8px 12px;
 	background: #f1f3f5;
 	border-radius: 4px;
 	text-align: center;
 	font-size: 14px;
 	color: #495057;
 }



 /* Button Block */

 .form-request__button {
 	background: var(--color-main);
 	color: white;
 	padding: 15px 40px;
 	border: none;
 	border-radius: 8px;
 	font-size: 16px;
 	font-weight: bold;
 	cursor: pointer;
 	transition: all 0.3s ease;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 }

 .form-request__button:hover {
 	transform: translateY(-2px);
 	box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);
 }

 .form-request__button:active {
 	transform: translateY(0);
 }

 /* Form Footer */

 .form-request__footer {
 	background: #f8f9fa;
 	padding: 25px;
 	border-top: 1px solid #dee2e6;
 	text-align: center;
 }

 .title_in_detail {
 	text-align: center;
 	font-size: 17px;
 	font-weight: 400;
 	text-transform: uppercase;
 	margin-bottom: 20px;
 }

 .tour-filter {
 	background-color: #ffffff;
 	border-radius: 8px;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 	overflow: hidden;
 }

 .tour-filter__header {
 	background-color: var(--color-main);
 	color: white;
 	padding: 16px 20px;
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }

 .tour-filter__icon {
 	width: 20px;
 	height: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .tour-filter__title {
 	font-size: 18px;
 	font-weight: 500;
 	margin: 0;
 }

 .tour-filter__content {
 	padding: 24px 20px;
 }

 .tour-filter__section {
 	margin-bottom: 0;
 }

 .tour-filter__section:not(:last-child) {
 	margin-bottom: 25px;
 }

 .tour-filter__section-title {
 	font-size: 16px;
 	font-weight: 600;
 	color: #333;
 	margin-bottom: 10px;
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 }

 .tour-filter__options {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .tour-filter__option {
 	margin-bottom: 12px;
 }

 .tour-filter__option:last-child {
 	margin-bottom: 0;
 }

 .tour-filter__checkbox {
 	display: flex;
 	align-items: center;
 	cursor: pointer;
 	padding: 2px 0 1px 0;
 	transition: color 0.2s ease;
 }

 .tour-filter__checkbox:hover {
 	color: var(--color-main);
 }

 .tour-filter__checkbox-input {
 	width: 18px;
 	height: 18px;
 	margin-right: 12px;
 	cursor: pointer;
 	accent-color: var(--color-main);
 }

 .tour-filter__checkbox-label {
 	font-size: 15px;
 	color: #555;
 	cursor: pointer;
 	user-select: none;
 	line-height: 1.4;
 }

 .tour-filter__checkbox:hover .tour-filter__checkbox-label {
 	color: var(--color-main);
 }

 /* Custom checkbox styling */
 .tour-filter__checkbox-input[type="checkbox"] {
 	position: relative;
 	appearance: none;
 	background-color: #fff;
 	border: 2px solid #ddd;
 	border-radius: 3px;
 	width: 18px;
 	height: 18px;
 	transition: all 0.2s ease;
 }

 .tour-filter__checkbox-input[type="checkbox"]:checked {
 	background-color: #4a6ba7;
 	border-color: #4a6ba7;
 }

 .tour-filter__checkbox-input[type="checkbox"]:checked::after {
 	content: '✓';
 	content: '\2713';
 	position: absolute;
 	color: white;
 	font-size: 12px;
 	font-weight: bold;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 }

 .tour-filter__checkbox-input[type="checkbox"]:hover {
 	border-color: #4a6ba7;
 }

 .tour-filter__checkbox-input[type="checkbox"]:focus {
 	outline: 2px solid #4a6ba7;
 	outline-offset: 2px;
 }

 .wrap-button {
 	margin-top: 25px;
 }

 .included-not {

 	background-color: #ffffff;
 	border: 2px solid #e0e0e0;
 	border-radius: 8px;
 	padding: 0;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }

 .included-not__header {

 	padding: 10px;
 	border-bottom: 1px solid #e0e0e0;
 	text-align: center;
 }

 .included-not__title {
 	font-size: 20px;
 	font-weight: 600;
 	color: #333333;
 	margin: 0;
 }

 .included-not__content {
 	padding: 20px;
 	min-height: 260px;
 }

 .included-not__content ul {
 	list-style: none;
 }

 .included-not__content ul li {
 	margin-bottom: 10px;
 	padding-left: 25px;
 	line-height: 1.5;
 	position: relative;
 }

 .included-not__content ul li:last-child {
 	margin-bottom: 0;
 }

 .included-not__content ul li::before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 12px;
 	height: 12px;
 	background-color: var(--color-main);
 	transform: rotate(45deg);
 	margin-right: 16px;
 	margin-top: 6px;
 	flex-shrink: 0;
 }

 .included-not--is .included-not__content ul li::before {
 	content: '\2713';
 	border-radius: 50%;
 	transform: rotate(0);
 	color: white;
 	width: 18px;
 	height: 18px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 13px;
 	line-height: 2;
 	margin-top: 2px;
 	background: green;
 }











 .media-sitebar ul {
 	display: flex;
 	align-items: center;
 }

 .media-sitebar ul li a {
 	display: inline-flex;
 	width: 30px;
 	height: 30px;
 	background: #ed1c23ff;
 	border-radius: 4px;
 	justify-content: center;
 	align-items: center;
 	margin-right: 10px;
 	fill: #fff;
 }

 .media-sitebar ul li a svg {
 	font-size: 12px;
 	fill: #fff;
 }

 .media-sitebar ul .facebook a {
 	background: #0866ff;
 	margin-left: 10px;
 }

 .media-sitebar ul .zalo a {
 	background: #0866ff;
 }

 .media-sitebar ul .instagram a {
 	background: #fff;
 }

 .media-sitebar ul .tweet a {
 	background: #009ded;
 }

 .media-sitebar ul .pinterest a {
 	background: #e70024;
 }

 .media-sitebar ul .whatsapp a {
 	background: #0dc144;
 }

 /* Responsive design */




 @media (max-width: 768px) {
 	.form-request {
 		margin: 10px;
 	}

 	.form-request__body {
 		padding: 20px;
 	}

 	.input-group--columns-2,
 	.input-group--columns-3,
 	.input-group--columns-4 {
 		grid-template-columns: 1fr;
 	}

 	.checkbox-group {
 		grid-template-columns: 1fr;
 	}

 	.options-list {
 		grid-template-columns: repeat(2, 1fr);
 	}
 }

 /* end block form */
 @media (min-width: 768px) {
 	.itinerary-block__sticky {
 		position: sticky;
 		top: 157px;
 	}

 	.tour-photos__grid-item:first-child {
 		grid-area: 1/1/span 2/ span 2;
 	}

 	.tour-photos__grid-item:not(:nth-child(-n + 5)) {
 		display: none;
 	}
 }

 /* Responsive Design */
 @media (max-width: 768px) {


 	.faq-contact {
 		padding: 24px;
 	}

 	.faq-contact__title {
 		font-size: 24px;
 	}

 	.faq__question {
 		padding: 10px 25px 10px 15px;
 		font-size: 16px;
 	}

 	.faq__icon {
 		top: 11px;
 	}

 	.faq__answer {
 		padding: 0 24px;
 	}

 	.faq__item.active .faq__answer {
 		padding: 15px;
 	}

 	.faq__answer-content {}

 	.navigation__link {
 		padding: 15px 32px;
 	}
 }

 @media (max-width: 767px) {

 	.tour-photos__grid {
 		grid-template-columns: 1fr;
 	}

 	.tour-photos__grid-item:not(:nth-child(-n + 1)) {
 		display: none;
 	}

 	.tour-title {
 		font-size: 26px;
 	}

 	.tour-photos {
 		padding-bottom: 10px;
 	}

 	.itinerary-item__heading {
 		padding: 15px 40px 15px 15px;
 	}

 	.itinerary-item__heading .icon {
 		right: 7px;
 		top: 9px;
 	}

 	.itinerary-item__ct {
 		padding: 15px;
 	}
 }

 @media (max-width: 480px) {


 	.faq__answer {
 		padding: 0 20px;
 	}

 	.faq__item--active .faq__answer {
 		padding: 16px 20px;
 	}

 	.faq__answer-content {
 		font-size: 15px;
 	}

 	.included-not {
 		margin: 0 10px;
 		max-width: none;
 	}

 	.included-not__title {
 		font-size: 20px;
 	}


 }