/***======================= QUICK-SEARCH =======================***/
/***===========================================================***/

/**********************************************

- 1.GENERAL STYLE
-----
-- 1.0.general-setting-pages
-- 1.1.fancybox
-- 1.2.nav
-- 1.3.button
-- 1.4.footer

--------------------------------

- 2.PAGE-SETTINGS
------
-- 2.1. index.html
---- 2.1.1.home-header
---- 2.1.2.about
---- 2.1.3.features
---- 2.1.4.destination
---- 2.1.5.testimonials
---- 2.1.6.Contacts
------
-- 2.2.tour.html
---- 2.2.1.tour-header
---- 2.2.2.tour
---- 2.2.3.tab__header
---- 2.2.4.tour-accordion
---- 2.2.5.tour__right(form_tour)
------
-- 2.3.SLIDER(home-page)

--------------------------------

3.MEDIA-SETTINGS
-----
-- 3.1.media(max-width:1551px)
-- 3.2.media(max-width:1201px)
-- 3.3.media(max-width:1001px)
-- 3.4.media(max-width:861px)
-- 3.5.media(max-width:761px)
-- 3.6.media(max-width:636px)
-- 3.7.media(max-width:501px)
-- 3.8.media(max-width:401px)
-- 3.9.media(max-width:376px)

--------------------------------

**********************************************/


/***======================= QUICK-SEARCH-END =======================***/
/***===============================================================***/



/***======================= 1.GENERAL-STYLE =======================***/
/***==============================================================***/


/* 1.0.general-setting-pages *************************/
/****************************************************/
:root {
	--color-white: #fff;
	--color-1: #3B3A40;
	--color-2: #F6EBDB;
	--color-3: #BD2B39;
	--color-4: #8c6343;
	--color-5: #6c3d1a;
	--color-6: #5a2700;
	--color-7: #3B3A40;
	--color-8: #1e0d00;
	--color-9: #ee3636;

	/* 88px */
	--font-1: 5.5rem;

	/* 65px */
	--font-2: 4.06rem;

	/* 45px */
	--font-3: 2.81rem;

	/* 35px */
	--font-4: 2.19rem;

	/* 30px */
	--font-5: 1.88rem;

	/* 25px */
	--font-6: 1.56rem;

	/* 20px */
	--font-7: 1.25rem;

	--transition-1: .4s;
}

body {
	overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Montserrat';
	margin: 0;
	padding: 0;
}


/******************************************/
.wrapp {
	position: relative;
	width: 100%;
	height: auto;
	overflow: clip;
	z-index: 1;
}

.content {
	max-width: 100%;
	width: 100%;
	padding: 0 36px;
}

/******************************************/
/* 1.1.fancybox *****************/
.fancybox__container {
	--fancybox-bg: rgba(32, 17, 3, 0.98);
}

.fancybox__content {
	background: none !important;
}

.fancybox__content iframe {
	border-radius: 20px;
}

.fancybox__backdrop::after {
	content: '';
	position: absolute;
	width: 10%;
	height: 10%;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	left: 50%;
	top: 50%;
	-webkit-transform: scale(11);
	-ms-transform: scale(11);
	transform: scale(11);
	opacity: 0.3;
	background-image: var(--bg-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fancybox__toolbar {
	padding: 16px;
}

.fancybox__toolbar,
.fancybox__nav {
	--f-button-border-radius: 50%;
	--f-button-bg: rgb(91 78 76 / 64%);
	--f-button-hover-bg: rgb(91 78 76 / 74%);
	--f-button-active-bg: rgb(91 78 76 / 84%);
}

.fancybox__nav {
	--f-button-svg-width: 22px;
	--f-button-svg-height: 22px;
}

.fancybox__thumbs.is-classic {
	--f-thumb-width: 48px;
	--f-thumb-height: 48px;
	--f-thumb-gap: 16px;

	--f-thumb-border-radius: 6px;
	--f-thumb-outline: 0;
}

.fancybox__content img {
	border-radius: 20px;
}

.fancybox__toolbar .f-button {
	overflow: hidden;
}


/* 1.2.nav *****************/
.nav {
	position: fixed;
	width: 100%;
	height: auto;
	left: 0;
	top: 11px;
	z-index: 1000 !important;
}

.nav .content {
	padding: 0 25px;

}

.nav__wrapp {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding: 1px 1px;
	background: rgba(255, 251, 242, 0.75);
	border-radius: 200px;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
}

.logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0px;
	width: 100px;
	height: 100px;
	font-weight: 800;
	font-size: var(--font-6);
	color: var(--color-7);
	text-decoration: none;
}

.footer .logo {
	color: var(--color-white);
}

.logo svg {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	height: 100%;
}

.nav__menu {
	position: absolute;
	width: auto;
	height: auto;
	left: 50%;
	padding: 5px 6px;
	border-radius: 37px;
	background: var(--color-white);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.nav__menu .nav__contact {
	display: none;
}

.nav__ul {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.menu-bubble {
	position: absolute;
	width: auto;
	height: 100%;
	border-radius: 23px;
	background: var(--color-3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: left 0.3s, opacity 0.3s, width 0.2s;
	-o-transition: left 0.3s, opacity 0.3s, width 0.2s;
	transition: left 0.3s, opacity 0.3s, width 0.2s;
	z-index: 1;
}

.nav__li {
	position: relative;
	list-style: none;
	z-index: 2;
}

.nav__link--cta {
  background: #c62828;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 600;
}

.nav__link--cta:hover {
  background:  #c62828;
}

.nav__link {
	position: relative;
	display: inline-block;
	padding: 11px 14px;
	font-weight: 600;
	font-size: var(--font-7);
	color: var(--color-7);
	text-decoration: none;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transition: color var(--transition-1);
	-o-transition: color var(--transition-1);
	transition: color var(--transition-1);
}

.nav__li:hover .nav__link {
	color: var(--color-3);
}

.nav__li.active .nav__link {
	color: var(--color-white);
}

.nav__contact {
	width: 179px;
	height: auto;
	padding: 5px;
	background: var(--color-2);
	font-size: var(--font-7);
	color: var(--color-white);
	font-weight: 600;
	overflow: hidden;
	border-radius: 30px;
	text-decoration: none;
	cursor: pointer;
	margin-right: 15px;
}

.nav__contact-wr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 15px;
	width: 100%;
	height: auto;
	padding: 10px 0;
	border-radius: 30px;
	background: var(--color-3);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.nav__contact:hover .nav__contact-wr {
	background: var(--color-1);
	color: var(--color-2);
}

.nav__contact-wr svg {
	width: 10px;
	height: auto;
	fill: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.nav__contact:hover .nav__contact-wr svg {
	fill: var(--color-2);
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
}

.burger {
	display: none;
	width: 35px;
	height: 35px;
	padding: 3px;
	border-radius: 5px;
	background: var(--color-3);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.burger svg {
	width: 100%;
	height: 100%;
}

.burger svg path {
	fill: var(--color-2);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.burger .dots_anim {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.burger.active .dots_anim {
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.burger:hover svg path {
	fill: var(--color-7);
}

/* 1.3.button *****************/
.button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 9px;
	height: auto;
	padding: 7px;
	background: var(--color-2);
	border-radius: 45px;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button.explore_now {
	width: 355px;
	margin-top: 68px;
}

.button.book_now,
.button.submit {
	width: 100%;
	margin-top: 25px;
}

.button.submit {
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	margin-top: 30px;
	border: none;
}

.button.view_more {
	width: 370px;
	margin: 0 auto;
	margin-top: 130px;
}

.button__arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.button:hover .button__arrow {
	background: var(--color-1);
}

.button__arrow svg {
	width: 33px;
	height: 33px;
	fill: var(--color-3);
}

.button__txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: auto;
	background: var(--color-3);
	border-radius: 45px;
	font-weight: 600;
	font-size: var(--font-5);
	color: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.button:hover .button__txt {
	background: var(--color-1);
	color: var(--color-2);
}

.button.color1 {
	background: var(--color-2);
}

.button.color1 svg {
	fill: #D14954;
}

.button.color1 .button__txt {
	background: #D14954;
}

.button.color1:hover .button__txt {
	color:  var(--color-2);
	background:  var(--color-1);
}

.button.color1:hover .button__arrow {
	background: var(--color-1);
}

.button.color2 {
	background: var(--color-2);
}

.button.color2 svg {
	fill: #D14954;
}

.button.color2 .button__txt {
	background: #D14954;
}

.button.color2:hover .button__txt {
	color:  var(--color-2);
	background:  var(--color-1);
}

.button.color2:hover .button__arrow {
	background: var(--color-1);
}

.button.color3 {
	background: var(--color-2);
}

.button.color3 svg {
	fill: #D14954;
}

.button.color3 .button__txt {
	background: #D14954;
}

.button.color3:hover .button__txt {
	color:  var(--color-2);
	background:  var(--color-1);
}

.button.color3:hover .button__arrow {
	background: var(--color-1);
}


/* 1.4.footer *****************/
.footer {
	padding: 36px 0;
	margin-top: 110px;
	background: var(--color-2);
}

.footer__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

}

.footer__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 45px;
}

.footer__menu-li {
	list-style: none;
}




.footer__menu-link {
	position: relative;
	display: inline-block;
	padding: 2px 0;
	font-weight: 600;
	text-decoration: none;
	font-size: var(--font-7);
	color: var(--color-1);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
	z-index: 1;
}

.footer__menu-link:hover {
	color: var(--color-2);
}

.footer__menu-link::before {
	position: absolute;
	content: '';
	width: calc(100% + 20px);
	height: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	background: var(--color-3);
	-webkit-transform: translate(-50%, -50%) scale(0.5);
	-ms-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
	border-radius: 18px;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
	z-index: -1;
}

.footer__menu-link:hover::before {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	will-change: transform;
}

.footer__copyright {
	margin-top: 25px;
	padding-top: 25px;
	font-weight: 500;
	font-size: var(--font-7);
	text-align: center;
	color: var(--color-1);
	border-top: 1px solid var(--color-1);
}

/***===================== 1.GENERAL-STYLE-END =====================***/
/***==============================================================***/



/***======================= 2.PAGE-SETTINGS =======================***/
/***==============================================================***/

/* 2.1.index.html *************************/
/*****************************************/

/* 2.1.1.home-header *****************/
.home-header {
	padding-top: 205px;
}

.home-header__title {
	margin: 0;
	font-weight: 600;
	font-size: var(--font-1);
	text-align: center;
	color: var(--color-1);
	line-height: 1.2;
}

.txt-bg {
	position: relative;
	display: inline-block;
	color: var(--color-white);
}

.txt-bg::before {
	position: absolute;
	content: '';
	width: calc(100% + 15px);
	height: 95%;
	top: 50%;
	left: 50%;
	border-radius: 20px;
	background: var(--color-3);
	-webkit-transform: translate(-50%, -45%);
	-ms-transform: translate(-50%, -45%);
	transform: translate(-50%, -45%);
	z-index: -1;
}

.home-header__img {
	width: 100%;
	height: 617px;
	margin-top: 23px;
	overflow: hidden;
	border-radius: 60px;
}

.home-header__img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}


/* 2.1.2.about *****************/
.about {
	margin-top: 280px;
}

.about__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 36px;
}

.about__left,
.about__right {
	width: 50%;
}

.about_video.mobile {
	display: none;
}

.about__left {
	position: relative;
	cursor: pointer;
}

.btn__play {
display: none;

}

.btn__play svg {
	display: block;
	width: 90px;
	height: 90px;
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
	fill: var(--color-3);
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.about__img {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr 36px 1fr;
	grid-template-rows: repeat(2, 1fr);
	-ms-grid-columns: 1fr 36px 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 36px;
	width: 100%;
	height: 100%;
}

.about__img>*:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.about__img>*:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.about__img>*:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.about__img>*:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

.about__img-item {
	height: 410px;
	border-radius: 60px;
	overflow: hidden;
}

.about__img-item img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

._img-item1 {
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-area: 1/1/2/2;
	background-color: rgba(202, 217, 232, 0.5);
}

._img-item2 {
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-area: 1/2/2/3;
	background-color: rgba(85, 122, 154, 0.5);
}

._img-item3 {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: 2 / 1 / 3 / 3;
	background-color: rgba(251, 4, 200, 0.5);
}

.about__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section__tag {
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 10px;
	border-radius: 20px;
	background: var(--color-3);
	font-weight: 600;
	font-size: var(--font-6);
	color: var(--color-white);
	line-height: .9;
}

.section__title {
	margin-bottom: 45px;
	font-weight: 600;
	font-size: var(--font-2);
	color: var(--color-1);
}

.section__description {
	font-weight: 400;
	font-size: var(--font-5);
	line-height: 143%;
	color: var(--color-1);
}


/* 2.1.3.features *****************/
.features {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 280px;

	position: relative;
}

.features .section__title {
	text-align: right;
}

.features__left {
	position: relative;
	width: 63%;

}

.features__text {
	margin: auto;
	width: 80%;
}

.features__info {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.features__left-bl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;

}

._info1 .section__tag {
	background: #D14954;
}

._info2 .section__tag {
	background: #E57176;
}

._info3 .section__tag {
	background: #F9A0A2;
}

.features__left .section__description {
	text-align: right;
}

.features__right {
	width: 37%;
	height: auto;
}

.features__right-bl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	height: 100vh;
	top: 0;
}

.features__photo {
	width: 34vw;
	height: 30vw;
	position: relative;
}

.features__photo-item {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: 80px;
	overflow: hidden;
}

.features__icon-wrapp {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 68px;
	left: 68px;
	z-index: 2;
}

.features__icon-img,
.features__icon-mobile {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 12px;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	border: 2px solid;
	z-index: 3;
}

.features__icon-mobile {
	display: none;
}

.features__icon-img._f-icon1,
.features__icon-mobile._f-icon1 {
	background: #8effae;
	border-color: #0f8d33;
}

.features__icon-img._f-icon2,
.features__icon-mobile._f-icon2 {
	background: #ffb08e;
	border-color: #772400;
}

.features__icon-img._f-icon3,
.features__icon-mobile._f-icon3 {
	background: #fff48e;
	border-color: #776b00;
}

.features__icon-img:nth-child(2),
.features__icon-img:nth-child(3) {
	position: absolute;
}

.features__icon-img:nth-child(2) {
	top: -15px;
	left: -15px;
	-webkit-filter: blur(4px);
	filter: blur(4px);
	opacity: 0.8;
	z-index: 2;
}

.features__icon-img:nth-child(3) {
	top: -30px;
	left: -30px;
	-webkit-filter: blur(8px);
	filter: blur(8px);
	opacity: 0.6;
	z-index: 1;
}

._f-icon1 svg {
	max-width: 100%;
	width: 100%;
	fill: #0F8D33;
}

._f-icon2 svg {
	max-width: 100%;
	width: 100%;
	fill: #772400;
}

._f-icon3 svg {
	max-width: 100%;
	width: 100%;
	fill: #776B00;
}

.features__photo-item img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}


/* 2.1.4.destination *****************/
.destination {
	height: auto;
	padding: 30px 0;
	margin-top: 280px;
}


.center__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.center__text .section__title {
	text-align: center;
}

.center__text .section__description {
	max-width: 1133px;
	width: 100%;
	text-align: center;
}

.destination__slider {
	position: relative;
	height: calc(100vh * 6);
}

.destination__swipe {
	display: none;
}

.destination__slider-wrapp {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}


.gsap__bl {
	width: 100%;
	height: 100vh;
}

.gsap__inner,
.gsap__track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.gsap__inner {
	width: calc(100% + 36px);
	padding-top: 120px;
	padding-bottom: 36px;
}

.gsap__track {
	will-change: transform;
}

.destination__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 615px;
	height: 100%;
	padding: 28px;
	background: var(--color-2);
	border: 2px solid var(--color-3);
	border-radius: 60px;
	overflow: hidden;
}

.destination__item+.destination__item {
	margin-left: 36px;
}

.destination__item:last-child {
	position: relative;
	padding: 0;
	border: 2px solid var(--color-3);
	background: var(--color-3);
}

.destination__item-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: 600;
	font-size: var(--font-1);
	text-align: center;
	color: var(--color-white);
}

.destination__item-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	width: 125px;
	height: 125px;
	bottom: 55px;
	left: 55px;
	border-radius: 50%;
	background: var(--color-white);
	pointer-events: none;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
	z-index: 2;
}

.destination__item:last-child:hover .destination__item-arrow {
	background: var(--color-1);
}

.destination__item-arrow svg {
	display: block;
	width: 34px;
	height: auto;
	-webkit-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
	fill: var(--color-3);
}

.destination__item-wrim {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 38px;
}

.destination__discount {
	position: absolute;
	display: inline-block;
	top: 15px;
	left: 15px;
	padding: 7px 14px;
	font-weight: 600;
	font-size: var(--font-6);
	line-height: .8;
	color: var(--color-white);
	z-index: 2;
}

.destination__discount::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color-9);
	border-radius: 20px;
	z-index: -1;
}

.destination__rating {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	width: auto;
	height: auto;
	padding: 7px;
	top: 40px;
	right: 40px;
	background: var(--color-2);
	border-radius: 27px;
	z-index: 2;
}

.destination__rating-star {
	width: 31px;
	height: auto;
}

.destination__rating-star svg {
	display: block;
	width: 100%;
	height: auto;
	fill: var(--color-white);
}

.destination__rating-num {
	width: auto;
	height: auto;
	padding: 4px 10px;
	border-radius: 27px;
	background: var(--color-3);
	font-weight: 600;
	font-size: var(--font-5);
	color: var(--color-white);
}

.destination__location {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
	width: auto;
	height: auto;
	padding: 1px 13px;
	bottom: 45px;
	left: 50px;
	background: var(--color-1);
	border: 2px solid var(--color-3);
	border-radius: 21px;
	font-weight: 500;
	font-size: var(--font-5);
	color: var(--color-4);
	z-index: 2;
}

.destination__location-img {
	width: 19px;
	height: auto;
}

.destination__location-img svg {
	display: block;
	width: 100%;
	height: auto;
	fill: var(--color-3);
}

.destination__item-img {
	--gsim-parallax: 400px;
	position: absolute;
	width: calc(100% + var(--gsim-parallax));
	height: 100%;
	top: 0;
	left: 0;
	will-change: transform;
	-webkit-transform: translateX(calc(0px - var(--gsim-parallax)));
	-ms-transform: translateX(calc(0px - var(--gsim-parallax)));
	transform: translateX(calc(0px - var(--gsim-parallax)));
}

.destination__item-img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.destination__info {
	margin-top: 28px;
}

.destination__title {
	margin-bottom: 24px;
	font-weight: 600;
	font-size: var(--font-3);
	color: var(--color-1);
}

.destination__item-bl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.destination__price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.destination__price-big {
	font-weight: 600;
	font-size: var(--font-4);
	color: var(--color-7);
	line-height: 1;
}

.destination__price-small {
	font-weight: 500;
	font-size: var(--font-6);
	color: var(--color-4);
	line-height: 1;
}

.destination__trip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 9px;
}

.destination__trip-img {
	width: 33px;
	height: auto;
}

.destination__trip-img svg {
	display: block;
	width: 100%;
	fill: var(--color-3);
}

.destination__trip-bold {
	display: inline-block;
	font-weight: 600;
	font-size: var(--font-4);
	color: var(--color-7);
}

.destination__trip-thin {
	display: inline-block;
	font-weight: 500;
	font-size: var(--font-6);
	color: var(--color-1);
}

.destination.book_now {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}


/* 2.1.5.testimonials *****************/
.testimonials {
	margin-top: 280px;
}

.testimonials__wrapp {
	padding: 0 25px;
	padding-top: 75px;
}

.testimonials__item {
	position: relative;
	padding: 55px;
	border-radius: 60px;
	border: 2px solid var(--color-3);
	background: var(--color-2);
}

.testimonials__mark {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	height: 75px;
	margin-bottom: 40px;
}

.testimonials__mark svg {
	width: auto;
	height: 100%;
	fill: var(--color-3);
}

.testimonials__human {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.testimonials__left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 145px;
	height: 145px;
}

.testimonials__avatar {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	overflow: hidden;
}

.testimonials__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.testimonials__right {
	width: 100%;
}

.testimonials__name {
	margin-bottom: 18px;
	font-weight: 600;
	line-height: .8;
	font-size: var(--font-3);
	color: var(--color-7);
}

.testimonials__lacation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	margin-bottom: 18px;
	line-height: .8;
	font-weight: 500;
	font-size: var(--font-5);
	color: var(--color-4);
}

.testimonials__lacation svg {
	display: block;
	width: 19px;
	height: auto;
	fill: var(--color-3);
}

.testimonials__rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	padding: 4px;
	padding-left: 8px;
	top: 40px;
	right: 40px;
	background: var(--color-2);
	border-radius: 27px;
	z-index: 2;
}

.testimonials__rating-star {
	width: 21px;
	height: auto;
}

.testimonials__rating-star svg {
	display: block;
	width: 100%;
	height: auto;
	fill: var(--color-white);
}

.testimonials__rating-num {
	width: auto;
	height: auto;
	padding: 4px 10px;
	border-radius: 27px;
	background: var(--color-3);
	line-height: .8;
	font-weight: 600;
	font-size: var(--font-7);
	color: var(--color-white);
}

.testimonials__description {
	margin-top: 50px;
	font-weight: 400;
	font-size: var(--font-5);
	line-height: 133%;
	color: var(--color-5);
}


/* 2.1.6.Contacts *****************/


/* 2.1.6.Contacts *****************/
.map {
	margin-top: 100px;
}

.map__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 36px;
}


.contacts {
	margin-top: 280px;
}

.contacts__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 36px;
}

.contacts__left,
.contacts__right {
	width: 50%;
}

.contacts__email {
	position: relative;
	display: inline-block;
	margin-top: 85px;
	margin-bottom: 30px;
	font-weight: 500;
	text-decoration: none;
	font-size: var(--font-5);
	line-height: 143%;
	color: var(--color-1);
}

.contacts__email::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	background: var(--color-3);
	will-change: transform;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.contacts__email:hover::before {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
}

.contacts__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	padding: 10px 15px;
	background: var(--color-2);
	border-radius: 18px;
}

.contacts__social-item {
	list-style: none;
}

.contacts__social-link2 {
	display: block;
	width: 46px;
	height: 46px;
	padding: 0px;
	background: transparent;

}

.contacts__social-link {
	display: block;
	width: 46px;
	height: 46px;
	padding: 6.79px;
	background: var(--color-3);
	border-radius: 11px;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.contacts__social-link:hover {
	background: var(--color-7);
}

.contacts__social-link svg {
	display: block;
	width: 100%;
	height: auto;
	fill: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.contacts__social-link:hover svg {
	fill: var(--color-3);
}





/* 2.1.6.Contacts *****************/



.onama {
	margin-top: 280px;
}

.onama__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 36px;
}

.onama__left,
.onama__right {
	width: 50%;
}





.sistem {
	margin-top: 100px;
}

.sistem__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 36px;
}



/* Osnovni stil sekcije */
.lokacija {
    display: flex;
    justify-content: center;
    align-items: center;
       padding: 36px;
    background-color: transparent; /* Svetla bež pozadina */
}

/* Unutrašnji wrapper za postavljanje elemenata u dve kolone */
.lokacija__wrapp {
    display: flex;
    flex-direction: row;  /* Postavlja levi i desni deo u isti red */
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
       position: relative;
    padding: 55px;
    border-radius: 60px;
    border: 2px solid var(--color-3);
    background: var(--color-2);
}

/* Levi deo - Tekst */
.lokacija__left {
    flex: 1;
    max-width: 50%;
    padding: 20px;
}

/* Desni deo - Slika */
.lokacija__right {
    flex: 1;
    max-width: 50%;
    display: flex;
    justify-content: flex-end;
}

.about__imag {
    width: 100%; /* Postavlja širinu slike na 100% u okviru desnog dela */
    display: flex;
    justify-content: flex-end;
}

.about__imag img {
    width: 100%; /* Slika popunjava ceo prostor u desnom delu */
    height: auto;
    object-fit: cover;
      border-radius: 60px;
    border: 2px solid var(--color-3);
}




/* form success/error */
.popup-success,
.popup-error {
	position: fixed;
	width: auto;
	height: auto;
	right: 25px;
	bottom: 55px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--base-black-60);
	pointer-events: none;
	-webkit-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	z-index: 10;
}

.popup-success {
	background: var(--color-7);
}

.popup-error {
	background: #df2f2f;
	border: none;
}

.popup-success.send,
.popup-error.error {
	pointer-events: auto;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	z-index: 17;
}

.popup-success__bl,
.popup-error__bl {
	position: relative;
	width: 540px;
	height: 100%;
	border-radius: 10px;
}

.popup-success__close,
.popup-error__close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 3;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.popup-success__close svg,
.popup-error__close svg {
	width: 100%;
	height: 100%;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.popup-success__close:hover svg,
.popup-error__close:hover svg {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.popup-success__close svg path {
	fill: var(--color-1);
}

.popup-error__close svg path {
	fill: var(--color-1);
}

.popup-success__wrapp,
.popup-error__wrapp {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	padding: 20px 20px;
	z-index: 2;
}

.popup-success__check,
.popup-error__check {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
}

.popup-success__check svg,
.popup-error__check svg {
	width: 100%;
	height: 100%;
}

.popup-success__check svg path {
	fill: var(--color-3);
}

.popup-error__check svg path {
	fill: #ff989c;
}

.popup-success__title,
.popup-error__title {
	font-size: var(--font-6);
	font-weight: 600;
	color: var(--color-2);
}

.popup-success__descript,
.popup-error__descript {
	margin-top: 5px;
	font-size: var(--font-7);
	font-weight: 400;
	color: var(--color-2);
}

/* form input/textarea */
.form-section label.error {
	display: none !important;
}

.form__wrapp {
	width: 100%;
	height: auto;
}

.form__input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	width: 100%;
	height: auto;
}

.form__elem {
	width: 50%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form__item,
.textarea__item {
	position: relative;
	max-width: 100%;
}

.form__input-text,
.form__textarea-text {
	width: 100%;
	height: 79px;
	padding: 0px 30px;
	font-weight: 400;
	font-size: var(--font-5);
	color: var(--color-1);
	background: var(--color-2);
	border: 1px solid var(--color-3);
	border-radius: 25px;
	outline: none;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.form__textarea-text {
	padding-top: 15px;
	line-height: 1.5;
}

.form__label,
.form__textarea-label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.form__label-name,
.form__textarea-name {
	position: absolute;
	left: 30px;
	top: 50%;
	font-weight: 400;
	font-size: var(--font-5);
	color: var(--color-1);
	line-height: .9;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.form__textarea-name {
	top: 25px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.form__input-text:focus,
textarea.form__textarea-text:focus,
.form__elem.valid .form__input-text,
.form__textarea.valid .form__textarea-text {
	border-color: var(--color-7);
}

.form__textarea.valid .form__textarea-name {
	opacity: 0;
}

.form__input-text:focus+.form__label .form__label-name,
.form__elem.valid .form__label .form__label-name,
.form__input-text:focus+label.error+.form__label .form__label-name,
.form__label.inp_txt,
.form__textarea-text:focus+.form__textarea-label .form__textarea-name,
.form__textarea.valid .form__textarea-name {
	opacity: 0;
}

.form__textarea {
	margin-top: 30px;
}

.form__textarea-text {
	height: 273px;
	resize: none;
}

.form__button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 43px;
}

.form__elem.error .form__input-text,
.form__textarea.error .form__textarea-text {
	border-color: #db3439;
	color: #db3439;
}

.form__elem.error .form__label-name,
.form__textarea.error .form__textarea-name {
	color: #db3439;
}


/* 2.2.tour.html **************************/
/*****************************************/
/* 2.2.1.tour-header *****************/
.tour-header {
	padding-top: 205px;
}

.tour-header__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 35px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tour-header__trip {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	width: auto;
	height: auto;
	padding: 5px;
	padding-right: 20px;
	background: var(--color-3);
	border-radius: 15px;
}

.tour-header__day {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	padding: 15px 20px;
	background: var(--color-7);
	border-radius: 11px;
	font-weight: 600;
	font-size: var(--font-3);
	line-height: 100%;
	color: var(--color-3);
}

.tour-header__day svg {
	width: 33px;
	height: auto;
	fill: var(--color-3);
}

.tour-header__text {
	font-weight: 600;
	font-size: var(--font-5);
	color: var(--color-7);
}

.tour-header__title {
	margin: 0;
	font-weight: 600;
	font-size: var(--font-2);
	line-height: 125%;
	color: var(--color-7);
}


/* 2.2.2.tour *****************/
.tour {
	margin-top: 30px;
}

.tour__wrapp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


/* 2.2.3.tour__left *****************/
.tour__left {
	max-width: 100%;
	width: 100%;
}

.tour__top-img {
	position: relative;
	width: 100%;
	height: 585px;
	margin-bottom: 50px;
	overflow: hidden;
}

.tour__top-img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 60px;
}

.tour__btns {
	position: absolute;
	width: auto;
	bottom: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tour__btns-bl {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	height: auto;
	border: 1px solid var(--color-3);
	border-radius: 20px;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background: rgba(0, 0, 0, 0.15);
	z-index: 2;
}

.tour__btns-bl:last-child {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	pointer-events: none;
}

.tour__btns-bl:last-child .tour-button {
	opacity: .5;
}

.tour-button {
	position: relative;
	padding: 5px;
	cursor: pointer;
	z-index: 2;
}

.button_video {
	border-left: 1px solid var(--color-3);
}

.tour-button__wrapp {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
	padding: 5px 20px;
	font-weight: 500;
	line-height: .8;
	font-size: var(--font-6);
	color: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.tour-button__wrapp::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: var(--color-3);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
	z-index: -1;
}

.button_gallery .tour-button__wrapp::before {
	border-radius: 18px 5px 5px 18px;
}

.button_video .tour-button__wrapp::before {
	border-radius: 5px 18px 18px 5px;
}

.tour-button:hover .tour-button__wrapp::before {
	opacity: 1;
}

.tour-button:hover .tour-button__wrapp {
	color: var(--color-7);
}

.tour-button svg {
	width: auto;
	height: 23px;
	fill: var(--color-3);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.tour-button:hover .tour-button__wrapp svg {
	fill: var(--color-7);
}

.tour-top__text {
	margin-bottom: 45px;
}

.tour__text {
	font-weight: 400;
	font-size: var(--font-6);
	line-height: 164%;
	color: var(--color-8);
}


.open_mobile-form {
	display: none;
}


/* 2.2.3.tab__header *****************/
.tab__header {
	width: 100%;
	height: auto;
	padding: 15px;
	border-radius: 30px;
	background: var(--color-2);
	border: 1px solid var(--color-3);
}

.tab__ul {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 15px;
}

.tour-bubble {
	position: absolute;
	width: auto;
	height: 100%;
	border-radius: 20px;
	background: var(--color-3);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: left var(--transition-1), opacity 0.3s, width var(--transition-1);
	-o-transition: left var(--transition-1), opacity 0.3s, width var(--transition-1);
	transition: left var(--transition-1), opacity 0.3s, width var(--transition-1);
	z-index: 1;
}

.tour-bubble svg {
	position: absolute;
	width: 46px;
	height: auto;
	bottom: -36px;
	left: 50%;
	fill: var(--color-3);
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}




.tab__li {
	position: relative;
	list-style: none;
	cursor: pointer;
	z-index: 2;
}

.tab__name {
	display: inline-block;
	padding: 15px 50px;
	font-weight: 600;
	font-size: var(--font-5);
	line-height: 164%;
	text-transform: uppercase;
	color: var(--color-7);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.tab__name:hover {
	color: var(--color-3);
}

.tab__li.active .tab__name {
	color: var(--color-white);
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}


.tab__body {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 55px;
	border: 1px solid rgba(108, 61, 26, 0.25);
	border-radius: 30px;
	background: var(--color-2);
}

.tab__body-item {
	position: absolute;
	display: none;
}

.tab__body-wrapp {
	padding: 55px 65px;
}

.tab__body-item:first-child {
	display: block;
}

.tab__body-item.active {
	position: relative;
}

.tour-tabs .tour__text+.tour__text {
	margin-top: 25px;
}

.tour__title {
	margin-top: 5px;
	font-weight: 600;
	font-size: var(--font-4);
	line-height: 164%;
	color: var(--color-8);
}

.highlight_color {
	position: relative;
	display: inline-block;
	color: var(--color-white);
	z-index: 2;
}

.highlight_color::before {
	position: absolute;
	content: '';
	width: calc(100% + 12px);
	height: 75%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 10px;
	z-index: -1;
}

.hight_color1::before {
	background: var(--color-3);
}

.hight_color2::before {
	background: var(--color-9);
}

.tour__list-item+.tour__list-item {
	margin-top: 15px;
}

.tour__list {
	margin-top: 20px;
}

.tour__list-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	list-style: none;
	font-weight: 400;
	font-size: var(--font-6);
	line-height: 140%;
	color: var(--color-8);
}

.tour__list-item svg {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin-top: 4px;
}

.tour_svg1 svg {
	fill: var(--color-3);
}

.tour_svg2 svg {
	fill: var(--color-9);
}





 .tour-accordion {
            position: relative;
            padding-left: 32px;
        }

        .tour-accordion__wrapp {
            position: relative;
            padding-left: 60px;
        }

        .tour-accordion__wrapp::before {
            position: absolute;
            content: '';
            width: 2px;
            height: calc(100% - 20px);
            bottom: 0;
            left: 0;
            border-left: 1px solid rgba(108, 61, 26, 0.25);
        }

        .tour-accordion__item {
            padding-bottom: 25px;
            border-bottom: 1px solid rgba(108, 61, 26, 0.25);
            cursor: pointer;
            user-select: none;
        }

        .tour-accordion__item+.tour-accordion__item {
            margin-top: 25px;
        }

        .tour-accordion__item .tour-accordion__body {
            display: none;
        }

        .tour-accordion__item.active .tour-accordion__body {
            display: block;
        }

        .tour-accordion__head {
            display: flex;
        }

        .tour-accordion__title-wrapp {
            position: relative;
        }



        .tour-accordion__title {
            flex: 0 0 auto;

        }

        .tour-accordion__title-txt {
            position: relative;
            transition: 0.3s;
            z-index: 1;
            font-weight: 500;
    font-size: var(--font-5);
    line-height: 150%;
    color: var(--color-8);
        }

        .tour-accordion__body {
            padding-top: 25px;
            font-weight: 400;
    font-size: var(--font-6);
    line-height: 164%;
    color: var(--color-8);
        }



.tour-accordion__title-circle {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 50%;
    left: -60px;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 50%;
    background: var(--color-3);
}




.tour-accordion__title-circle svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.tour-accordion__title-circle svg path {
	fill: var(--color-7);
}

.tour-accordion__title-circle svg path:first-child {
	fill: var(--color-3);
}

.accordion-svg_start {
	width: 64px;
	height: 64px;
}

.accordion-svg_end {
	width: 45px;
	height: 45px;
}




/* 2.2.5.tour__right(form_tour) *****************/
.tour__right {
	max-width: 34.46%;
	width: 100%;
}

.close_form {
	display: none;
}

.form_tour {
	padding: 50px 0;
	border-radius: 60px;
	background: var(--color-1);
	border: 1px solid var(--color-3);
}

.form_tour .form__input,
.form_tour .form__header {
	padding: 0 45px;
}

.form_tour .form__header {
	padding-bottom: 45px;
}

.form__discount-wrapp.hidden {
	display: none;
}

.form__header-discount {
	position: relative;
	display: inline-block;
	padding: 7px 14px;
	font-weight: 600;
	font-size: var(--font-6);
	line-height: .8;
	color: var(--color-white);
	z-index: 1;
}

.form__header-discount::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--color-9);
	border-radius: 20px;
	z-index: -1;
}

.form__header-from {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 23px;
	margin-top: 45px;
	margin-bottom: 20px;
}

.form__header-from-bold {
	font-weight: 600;
	font-size: var(--font-6);
	color: var(--color-7);
}

.form__header-from-thin {
	font-weight: 500;
	font-size: var(--font-7);
	color: var(--color-4);
}

.form_tour .destination__price-big {
	line-height: .9;
}

.form__topay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid var(--color-3);
	border-radius: 30px;
	gap: 20px;
	margin-top: 20px;
}

.form__topay-txt,
.form__topay-total {
	font-weight: 500;
	font-size: var(--font-5);
	color: var(--color-4);
	line-height: 1;
}

.form__topay-total {
	font-size: var(--font-3);
	color: var(--color-7);
	font-weight: 600;
	text-decoration: underline;
}

.form_tour .form__input {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	gap: 25px;
	padding-top: 0px;
}

.form_tour .form__elem {
	width: 100%;
}

.form_tour .form__input-text {
	background: var(--color-white);
}

.form__person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

.form__person-title {
	font-weight: 500;
	font-size: var(--font-5);
	color: var(--color-7);
}

.form__person-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	padding: 5px;
	border: 1px solid var(--color-3);
	border-radius: 25px;
	background: var(--color-white);
}

.person-count__btn {
	width: 44px;
	height: 44px;
	cursor: pointer;
}

.person-count__btn.disabled {
	opacity: .5;
	pointer-events: none;
}

.person-count__btn svg {
	width: 100%;
	height: 100%;
	fill: var(--color-3);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.person-count__btn:hover svg {
	fill: var(--color-6);
}

.person-count__num {
	font-weight: 500;
	font-size: var(--font-5);
	color: var(--color-7);
	line-height: .9;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form_tour .button.submit {
	margin-top: 0;
}


/* 2.3.SLIDER(home-page) ******************/
/*****************************************/
.splide__arrow {
	width: 75px;
	height: 75px;
	opacity: 1;
	border: 1px solid var(--color-3);
	background: var(--color-2);
}

.splide__arrow:hover:not(:disabled) {
	opacity: 1;
}

.splide__arrow:disabled {
	opacity: 1;
}

.splide__arrow::before {
	position: absolute;
	content: '';
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	background: var(--color-3);
	border-radius: 50%;
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
	z-index: 1;
}

.splide__arrow:hover:not(:disabled)::before {
	background: var(--color-7);
}

.splide__arrow:disabled::before {
	opacity: .5;
}

.splide__arrow svg {
	position: relative;
	width: 18px;
	height: auto;
	fill: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
	z-index: 2;
}

.splide__arrow:disabled svg {
	fill: var(--color-2);
}

.splide__arrow:hover:not(:disabled) svg {
	fill: var(--color-2);
}

.splide__arrow--prev {
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.splide__arrow--next {
	right: 0;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.splide__pagination {
	position: absolute;
	gap: 17px;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	bottom: -15px;
	background: var(--color-2);
	border: 1px solid var(--color-3);
	border-radius: 30px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	counter-reset: pagination-num;
}

.splide__pagination li {
	position: relative;
	width: 45px;
	height: 45px;
	padding: 3px;
	background: var(--color-2);
	border-radius: 50%;
}

.splide__pagination__page {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 1;
	background: var(--color-3);
	font-weight: 600;
	line-height: .9;
	font-size: var(--font-6);
	color: var(--color-white);
	-webkit-transition: var(--transition-1);
	-o-transition: var(--transition-1);
	transition: var(--transition-1);
}

.splide__pagination__page:hover {
	background: var(--color-1);
	color: var(--color-2);
	opacity: 1;
}

.splide__pagination__page.is-active {
	background: var(--color-1);
	color: var(--color-2);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.splide__pagination__page:before {
	counter-increment: pagination-num;
	content: counter(pagination-num);
}

/***======================= 2.PAGE-SETTINGS-END =======================***/
/***==================================================================***/



/***======================= 3.MEDIA-SETTINGS =======================***/
/***===============================================================***/


/* 3.1.media(max-width:1551px) *********************/
/**************************************************/
@media screen and (max-width: 1551px) {

	/* general ***********************/
	:root {
		--font-1: 4.5rem;
		--font-2: 3.7rem;
		--font-3: 2.3rem;
		--font-4: 1.7rem;
		--font-5: 1.6rem;
		--font-6: 1.3rem;
		--font-7: 1.1rem;
	}

	.button__arrow {
		width: 45px;
		height: 45px;
	}

	.button__arrow svg {
		width: 23px;
		height: 23px;
	}

	.button.explore_now {
		width: 290px;
	}

	.button.view_more {
		width: 340px;
		margin: 110px auto 0px;
	}

	.button.book_now {
		margin-top: 10px;
	}

	.nav {
		top: 5px;
	}

	.nav__wrapp {
		padding: 10px 13px;
		border-radius: 27px;
	}

	.nav__ul {
		gap: 7px;
	}

	.nav__link {
		padding: 5px 12px;
	}

	.nav__contact {
		width: 155px;
	}

	.nav__contact-wr {
		padding: 7px 0;
	}

	.nav__contact-wr {
		gap: 10px;
	}

	.nav__contact-wr svg {
		width: 8px;
	}

	.button__txt {
		font-size: var(--font-6);
	}

	.section__title {
		margin-bottom: 20px;
	}

	.center__text .section__description {
		max-width: 870px;
	}

	.button.explore_now {
		margin-top: 20px;
	}

	/* index.html ***********************/
	/***********************************/
	/* header */
	.home-header {
		padding-top: 140px;
	}

	/* about */
	.about {
		margin-top: 200px;
	}

	.about__img-item {
		height: 320px;
	}

	/* features */
	.features {
		margin-top: 200px;
	}

	/* destination */
	.destination {
		margin-top: 200px;
	}

	.gsap__inner {
		padding-top: 80px;
		padding-bottom: 15px;
	}

	.destination__item {
		width: 520px;
		border-radius: 35px;
	}

	.destination__item-wrim {
		border-radius: 26px;
	}

	.destination__info {
		margin-top: 15px;
	}

	.destination__trip-img {
		width: 23px;
	}

	.destination__rating {
		gap: 7px;
		padding: 5px;
		top: 25px;
		right: 25px;
	}

	.destination__rating-star {
		width: 22px;
	}

	.destination__rating-num {
		padding: 1px 10px;
		font-size: var(--font-6);
	}

	.destination__location {
		bottom: 25px;
		left: 25px;
		padding: 1px 9px;
		font-size: var(--font-6);
	}

	.destination__location-img {
		width: 15px;
	}

	.destination__title {
		margin-bottom: 10px;
	}

	.destination__item-arrow {
		width: 110px;
		height: 110px;
	}

	/* testimonials */
	.testimonials {
		margin-top: 200px;
	}

	.testimonials__item {
		padding: 40px;
	}

	.testimonials__mark {
		height: 60px;
		margin-bottom: 20px;
	}

	.testimonials__description {
		margin-top: 20px;
	}

	.splide__arrow {
		width: 65px;
		height: 65px;
	}

	.splide__arrow svg {
		width: 13px;
	}

	.splide__pagination {
		padding: 5px;
	}

	.splide__pagination li {
		width: 40px;
		height: 40px;
	}

	/* contacts */
	.contacts {
		margin-top: 200px;
	}

	.contacts__email {
		margin-top: 60px;
		margin-bottom: 20px;
		font-size: var(--font-3);
	}

	.contacts__social {
		gap: 22px;
		padding: 10px;
		border-radius: 13px;
	}

	.contacts__social-link {
		width: 40px;
		height: 40px;
	}

	.form__input {
		gap: 20px;
	}

	.form__textarea,
	.button.submit {
		margin-top: 20px;
	}

	.form__input-text,
	.form__textarea-text {
		padding: 0px 22px;
		border-radius: 15px;
	}

	.form__label-name,
	.form__textarea-name {
		left: 22px;
	}

	.form__input-text {
		height: 60px;
	}

	.form__textarea-text {
		padding-top: 15px;
	}

	/* tour.html ************************/
	/***********************************/
	/* left */
	.tour-header {
		padding-top: 150px;
	}

	.tour__top-img img {
		border-radius: 40px;
	}

	.tour-header__trip {
		gap: 15px;
		padding-right: 17px;
	}

	.tour-header__day {
		padding: 10px 18px;
	}

	.tour-header__day svg {
		width: 27px;
	}

	.tour-button__wrapp {
		padding: 5px 15px;
	}

	.tab__header {
		padding: 10px;
		border-radius: 20px;
	}

	.tab__body {
		margin-top: 35px;
		border-radius: 25px;
	}

	.tab__ul {
		gap: 0;
	}

	.tour-bubble {
		border-radius: 16px;
	}

	.tour-bubble svg {
		width: 28px;
		bottom: -23px;
	}

	.tab__name {
		padding: 6px 20px;
	}

	.tab__body-wrapp {
		padding: 40px 50px;
	}

	.tour-tabs .tour__text+.tour__text {
		margin-top: 15px;
	}

	.tour-accordion__title-open svg {
		margin-top: 4px;
	}

	.tour__list-item svg {
		width: 23px;
		height: 23px;
		margin-top: 3px;
	}

	.tour-accordion__title-circle {
		width: 17px;
		height: 17px;
	}

	.accordion-svg_start {
		width: 55px;
		height: 55px;
	}

	.accordion-svg_end {
		width: 35px;
		height: 35px;
	}

	.accordion-bottom__arrow {
		width: 20px;
	}

	.tour-accordion__title-circle {
		left: -50px;
	}

	.tour-accordion__wrapp {
		padding-left: 50px;
	}

	/* right */
	.form_tour {
		padding: 35px 0;
		border-radius: 40px;
	}

	.form__header-from {
		margin-top: 35px;
	}

	.form__topay {
		margin-top: 13px;
	}

	.form_tour .form__input,
	.form_tour .form__header {
		padding: 0 35px;
	}

	.form_tour .form__header {
		padding-bottom: 35px;
	}

	.form_tour .form__input {
		padding-top: 35px;
	}

}


/* 3.2.media(max-width:1201px) *********************/
/**************************************************/
@media(max-width: 1201px) {

	/* general ***********************/
	:root {
		--font-1: 3.7rem;
		--font-2: 2.7rem;
		--font-3: 1.8rem;
		--font-4: 1.5rem;
		--font-5: 1.3rem;
		--font-6: 1.1rem;
		--font-7: 1rem;
	}

	.button.explore_now {
		width: 255px;
	}

	.button__arrow {
		width: 40px;
		height: 40px;
	}

	.logo {
		width: 80px;
		height: 80px;
	}

	.nav__contact {
		width: 140px;
	}

	.nav__contact-wr {
		padding: 5px 0;
	}

	.footer {
		padding: 20px 0;
	}

	.footer__menu {
		gap: 25px;
	}

	.footer__copyright {
		margin-top: 20px;
		padding-top: 20px;
	}

	.about,
	.features,
	.destination,
	.testimonials,
	.contacts {
		margin-top: 150px;
	}

	/* index.html ***********************/
	/***********************************/
	/* home-header */
	.home-header__img {
		height: 400px;
	}

	/* about */
	.about__left {
		width: 40%;
	}

	.about__img {
		gap: 20px;
	}

	.btn__play {
		width: 135px;
		height: 135px;
	}

	.btn__play svg {
		width: 48px;
		height: 48px;
	}

	.about__img-item {
		height: 235px;
		border-radius: 40px;
	}

	.about__right {
		width: 50%;
	}

	/* features */
	.features__left {
		width: 68%;
	}

	.features__info:first-child .section__title {
		max-width: 310px;
	}

	.features__text {
		width: 93%;
	}

	.features__right {
		width: 32%;
	}

	.features__photo-item {
		border-radius: 55px;
	}

	.features__photo {
		width: 100%;
		height: 38vw;
	}

	.features__icon-wrapp {
		width: 65px;
		height: 65px;
		top: 55px;
		left: 55px;
	}

	/* destination */
	.center__text .section__description {
		max-width: 830px;
		padding: 0 35px;
	}

	.destination__item {
		width: 435px;
	}

	.destination__item-arrow {
		width: 95px;
		height: 95px;
	}

	.destination__item-arrow {
		bottom: 25px;
		left: 25px;
	}

	.destination__item-arrow svg {
		width: 25px;
	}

	/* testimonials */
	.testimonials__wrapp {
		padding: 0;
		padding-top: 45px;
	}

	.testimonials__item {
		padding: 30px;
		border-radius: 30px;
	}

	.testimonials__mark {
		height: 50px;
	}

	.testimonials__left {
		width: 125px;
		height: 125px;
	}

	.testimonials__name {
		margin-bottom: 10px;
	}

	.testimonials__lacation {
		gap: 10px;
		margin-bottom: 10px;
	}

	.testimonials__lacation svg {
		width: 15px;
	}

	.splide__arrow {
		width: 55px;
		height: 55px;
	}

	.splide__arrow svg {
		width: 10px;
	}

	.button.view_more {
		width: 275px;
		margin: 90px auto 0px;
	}

	/* contacts */
	.contacts__left {
		width: 55%;
	}

	.contacts__right {
		width: 45%;
	}

	.form_tour .form__input {
		gap: 20px;
	}

	.form__input-text {
		height: 50px;
	}

	.form__textarea-text {
		height: 200px;
	}

	/* tour.html ***********************/
	/**********************************/
	.tour-header {
		padding-top: 130px;
	}

	/* left */
	.tour-header__wrapp {
		gap: 20px;
	}

	.tour-header__day {
		gap: 7px;
		padding: 7px 15px;
	}

	.tour-header__day svg {
		width: 23px;
	}

	.tour__top-img {
		height: 410px;
		margin-bottom: 20px;
	}

	.tour__top-img img {
		border-radius: 25px;
	}

	.tour-button__wrapp {
		padding: 5px 10px;
	}

	.tour-button svg {
		height: 18px;
	}

	.tour-top__text {
		margin-bottom: 30px;
	}

	.tab__header {
		padding: 5px;
		border-radius: 14px;
	}

	.tour-bubble {
		border-radius: 11px;
	}

	.tour-bubble svg {
		width: 22px;
		bottom: -16px;
	}

	.tab__name {
		padding: 5px 15px;
	}

	.tab__body {
		margin-top: 20px;
		border-radius: 14px;
	}

	.tab__body-wrapp {
		padding: 25px 35px;
	}

	.tour-accordion {
		padding-left: 23px;
	}

	.accordion-svg_start {
		width: 45px;
		height: 45px;
	}

	.accordion-bottom__arrow {
		left: 23px;
	}

	.tour-accordion__wrapp::before {
		height: calc(100% - 24px);
	}

	.tour__list-item {
		gap: 15px;
	}

	.tour__list-item svg {
		width: 20px;
		height: 20px;
		margin-top: 1px;
	}

	.tour-map {
		height: 380px;
	}

	/* right */
	.person-count__btn {
		width: 35px;
		height: 35px;
	}

	.form_tour {
		padding: 30px 0;
		border-radius: 25px;
	}

	.form_tour .form__input,
	.form_tour .form__header {
		padding: 0 20px;
	}

	.form_tour .form__input {
		padding-top: 20px;
	}

	.form_tour .form__header {
		padding-bottom: 30px;
	}
}


/* 3.3.media(max-width:1001px) *********************/
/**************************************************/
@media(max-width: 1001px) {

	/* general ***********************/
	.popup-success__bl,
	.popup-error__bl {
		width: 420px;
	}

	.nav__wrapp {
		border-radius: 15px;
	}

	.nav__wrapp .nav__contact {
		display: none;
	}

	.nav__menu .nav__contact {
		display: block;
		margin-top: 20px;
	}

	.nav__menu {
		opacity: 0;
		pointer-events: none;
		padding: 10px;
		left: unset;
		top: unset;
		bottom: -10px;
		right: 50px;
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		background: var(--color-2);
		border: 1px solid var(--color-3);
		border-radius: 15px;
		-webkit-transform: translate(20px, 100%);
		-ms-transform: translate(20px, 100%);
		transform: translate(20px, 100%);
		-webkit-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}

	.nav__menu.active {
		pointer-events: auto;
		-webkit-transform: translate(0, 100%) scale(1);
		-ms-transform: translate(0, 100%) scale(1);
		transform: translate(0, 100%) scale(1);
		opacity: 1;
	}

	.menu-bubble {
		width: 100%;
		height: auto;
		-webkit-transition: top 0.3s, opacity 0.3s, height 0.2s;
		-o-transition: top 0.3s, opacity 0.3s, height 0.2s;
		transition: top 0.3s, opacity 0.3s, height 0.2s;
	}

	.nav__ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.burger {
		display: block;
	}

	.about,
	.features,
	.destination,
	.testimonials,
	.contacts {
		margin-top: 120px;
	}

	/* index.html ***********************/
	/***********************************/
	/* home-header */
	.home-header__img {
		height: 350px;
		border-radius: 30px;
	}

	/* about */
	.about__img-item {
		border-radius: 20px;
	}

	._img-item1,
	._img-item2 {
		display: none;
	}

	._img-item3 {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-area: 1 / 1 / 3 / 3;
		height: 100%;
	}

	/* features */
	.features__photo-item {
		border-radius: 35px;
	}

	.features__photo {
		height: 45vw;
	}

	.button.view_more {
		margin: 35px auto 0px;
	}

	/* destination */
	.destination {
		padding: 0;
	}

	.destination .content {
		padding: 0;
	}

	.destination__slider {
		height: auto;
		margin-top: 50px;
	}

	.destination__swipe {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 10px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding: 5px 0;
		padding-right: 5px;
		padding-left: 20px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: 20px;
		border-radius: 25px;
		background: var(--color-3);
	}

	.destination__swipe-txt {
		font-size: var(--font-6);
		line-height: .8;
		font-weight: 600;
		color: var(--color-2);
		text-transform: uppercase;
	}

	.destination__swipe-img {
		width: 29px;
		height: 29px;
		padding: 4px;
		border-radius: 50%;
		background: var(--color-2);
	}

	.destination__swipe svg {
		width: 100%;
		height: 100%;
		fill: var(--color-3);
	}

	.destination__slider-wrapp {
		position: initial;
	}

	.gsap__bl {
		height: 570px;
		overflow: hidden;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.gsap__bl::-webkit-scrollbar {
		display: none;
	}

	.gsap__track {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding: 0 35px;
	}

	.gsap__inner {
		display: block;
		width: 100%;
		padding: 0;
		overflow: visible;
	}

	.destination__item+.destination__item {
		margin-left: 35px;
	}

	.destination__item-img {
		--gsim-parallax: 0;
		width: 100%;
	}

	/* contacts */
	.contacts__wrapp {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.contacts__left,
	.contacts__right {
		max-width: 675px;
		width: 100%;
	}

	/* tour.html ***********************/
	/**********************************/
	.tour_page .nav__contact {
		display: block;
	}

	/* left */
	.tour-header__wrapp {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.tour__left {
		max-width: 100%;
	}

	.open_mobile-form {
		display: block;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 4px;
		border-radius: 20px;
		background: var(--color-2);
		cursor: pointer;
	}

	.open_mobile-wrapp {
		padding: 7px;
		background: var(--color-3);
		text-align: center;
		font-weight: 600;
		font-size: var(--font-6);
		text-transform: uppercase;
		color: var(--color-white);
		border-radius: 20px;
		-webkit-transition: var(--transition-1);
		-o-transition: var(--transition-1);
		transition: var(--transition-1);
	}

	.open_mobile-form:hover .open_mobile-wrapp {
		background: var(--color-6);
		color: var(--color-2);
	}

	/* right */
	.tour__right {
		position: fixed;
		max-width: 100%;
		width: 100%;
		height: 100vh;
		padding: 50px 10px;
		padding-top: 60px;
		top: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
		background: rgb(68 31 2 / 50%);
		overflow-y: auto;
		-webkit-transition: var(--transition-1);
		-o-transition: var(--transition-1);
		transition: var(--transition-1);
		z-index: 16;
	}

	.tour__right.active {
		opacity: 1;
		pointer-events: auto;
	}

	.close_form {
		display: block;
		position: fixed;
		width: 40px;
		height: 40px;
		padding: 8px;
		top: 15px;
		right: 15px;
		border-radius: 50%;
		cursor: pointer;
		background: var(--color-3);
	}

	.close_form svg {
		width: 100%;
		height: 100%;
		fill: var(--color-white);
	}

	.form_tour {
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}

}


/* 3.4.media(max-width:861px) **********************/
/**************************************************/
@media(max-width: 861px) {

	/* general ***********************/
	.footer__top {
		gap: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer .logo {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.footer__menu {
		gap: 20px;
	}
}


/* 3.5.media(max-width:761px) **********************/
/**************************************************/
@media(max-width: 761px) {

	/* general ***********************/
	.content {
		padding: 0 25px;
	}

	.testimonials .content:last-child {
		padding: 0 36px;
	}

	.about,
	.features,
	.destination,
	.testimonials,
	.contacts {
		margin-top: 100px;
	}

	/* index.html ***********************/
	/***********************************/
	/* home-header */
	.home-header {
		padding-top: 120px;
	}

	/* about */
	.about__left {
		display: none;
	}

	.about__right {
		display: block;
		width: 100%;
	}

	.about_video.mobile {
		position: relative;
		display: block;
		margin-bottom: 10px;
	}

	.about .button {
		margin-left: auto;
	}

	.about__img {
		display: block;
	}

	/* features */
	.features {
		padding: 100px 25px;
		background: var(--color-2);
	}

	.features__left {
		width: 100%;
	}

	.features__text {
		width: 100%;
	}

	.features__info+.features__info {
		margin-top: 100px;
	}

	.features__info {
		height: auto;
	}

	.features__info:nth-child(2) .section__tag,
	.features__info:nth-child(3) .section__tag,
	.features__info:nth-child(4) .section__tag {
		display: none;
	}

	.features__icon-mobile {
		display: none;
		width: 65px;
		height: 65px;
		margin-bottom: 10px;
	}

	.features__right {
		display: none;
	}

	/* destination */
	.gsap__track {
		padding: 0 25px;
	}

	.destination__item+.destination__item {
		margin-left: 25px;
	}

	.center__text .section__description {
		padding: 0 25px;
	}

	/* testimonials */
	.testimonials {
		margin-top: 80px;
	}

	/* tour.html ***********************/
	/**********************************/
	/* left */
	.tab__body-wrapp {
		padding: 25px 20px;
	}

	.tour-accordion__wrapp {
		padding-left: 35px;
	}

	.tab__ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 0;
	}

	.tour__title {
		margin-top: 40px;
	}

	.tour-accordion__title-circle {
		left: -35px;
	}

	.tour-accordion__title-open svg {
		width: 25px;
		height: 25px;
		margin-top: 3px;
	}
}


/* 3.6.media(max-width:636px) **********************/
/**************************************************/
@media(max-width: 636px) {

	/* tour.html ***********************/
	/**********************************/
	/* left */
	.tab__header {
		overflow: hidden;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.tab__header::-webkit-scrollbar {
		display: none;
	}

	.tab__ul {
		gap: 20px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
}


/* 3.7.media(max-width:501px) **********************/
/**************************************************/
@media(max-width: 501px) {

	/* general ***********************/
	.popup-success__bl,
	.popup-error__bl {
		width: 350px;
	}

	.content {
		padding: 0 10px;
	}

	.button.explore_now,
	.button.view_more {
		width: 100%;
	}

	.nav .content {
		padding: 0 5px;
	}

	.nav__link {
		font-size: var(--font-5);
	}

	.home_page .nav__contact {
		width: 100%;
		font-size: var(--font-5);
	}

	.footer__menu {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/* index.html ***********************/
	/***********************************/
	/* header */
	.home-header {
		padding-top: 95px;
	}

	.txt-bg {
		font-size: var(--font-2);
	}

	.txt-bg::before {
		border-radius: 10px;
	}

	/* about */
	.btn__play {
		display: none;
	}

	.btn__play svg {
		width: 40px;
		height: 40px;
		-webkit-transform: translateX(4px);
		-ms-transform: translateX(4px);
		transform: translateX(4px);
	}

	/* destination */
	.center__text .section__description {
		padding: 0 10px;
	}

	.gsap__bl {
		height: 530px;
	}

	.gsap__track {
		padding: 0 10px;
	}

	.destination__item+.destination__item {
		margin-left: 10px;
	}

	.destination__item {
		width: 365px;
		padding: 17px;
	}

	/* testimonials */
	.testimonials__left {
		height: 135px;
	}

	.testimonials__name {
		line-height: 1;
	}

	/* contacts */
	.form__input {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.form__elem {
		width: 100%;
	}

	/* tour.html ************************/
	/***********************************/
	/* left */
	.tour-header {
		padding-top: 100px;
	}

	.tour-header__title {
		line-height: 110%;
	}

	.tour {
		margin-top: 20px;
	}

	.tour-accordion__title-txt::before {
		border-radius: 7px;
	}

}


/* 3.8.media(max-width:401px) **********************/
/**************************************************/
@media(max-width: 401px) {

	/* general ***********************/
	.popup-success,
	.popup-error {
		right: 10px;
		left: 10px;
	}

	.popup-success__bl,
	.popup-error__bl {
		width: 100%;
	}

	/* index.html ***********************/
	/***********************************/
	/* destination */
	.destination__item {
		width: 300px;
	}

	.destination__item {
		padding: 10px;
	}

	.destination__rating {
		top: 15px;
		right: 15px;
	}

	.destination__location {
		bottom: 15px;
		left: 15px;
	}

	.destination__item-bl {
		gap: 5px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	/* testimonials */
	.testimonials .content:last-child {
		padding: 0 20px;
	}

	.splide__arrow {
		width: 40px;
		height: 40px;
	}

	.testimonials__mark {
		height: 45px;
	}

	.testimonials__item {
		padding: 20px;
		border-radius: 20px;
	}

	.testimonials__left {
		width: 85px;
		height: 130px;
	}

	.testimonials__avatar {
		border-radius: 20px;
	}

	/* contacts */
	.contacts__email {
		font-size: 1.7rem;
	}

	.contacts__social {
		width: 100%;
		gap: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	/* tour.html ************************/
	/***********************************/
	.tour_page .nav__contact {
		width: 100px;
	}

	/* left */
	.open_mobile-form {
		width: 100%;
	}

	.tab__ul {
		gap: 10px;
	}

	.tour-accordion {
		padding-left: 16px;
	}

	.accordion-bottom__arrow {
		left: 16px;
	}

	.tour-accordion__head {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.accordion-svg_start,
	.accordion-svg_end {
		width: 32px;
		height: 32px;
	}

	.tour-accordion__wrapp {
		padding-left: 25px;
	}

	.tour-accordion__title-circle {
		left: -25px;
	}

	.tour-accordion__title-open {
		padding-left: 15px;
	}

	.tour-accordion__title-wrapp {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}

	.tour-accordion__title {
		width: 100%;
	}

	.tour-accordion__title-s {
		max-width: 175px;
		width: 100%;
		margin-left: 0;
	}

	.tour-accordion__title-s,
	.tour-accordion__title-txt {
		line-height: 135%;
	}

	#faqs-tab .tour-accordion__head {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.tour-accordion__title-txt::before {
		height: 100%;
	}
}


/* 3.9.media(max-width:376px) **********************/
/**************************************************/
@media(max-width: 376px) {

	/* index.html ***********************/
	/***********************************/
	/* contacts */
	.contacts__email {
		font-size: 1.4rem;
	}
}

/***======================= 3.MEDIA-SETTINGS-END =======================***/
/***===================================================================***/

/* Kontejner za jezike */
.language-switcher {
    overflow: hidden;
    width: 200px;
    margin: 0 auto;
}

.languages {
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.language {
    flex: 0 0 100%;
    background-color: #BD2B39; /* Crvena boja */
    color: white;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 20px;
    margin: 5px;
}

/* Responsive dizajn */
@media (max-width: 768px) {
    .language {
        font-size: 14px;
    }

    .onama {
	margin-top: 100px;
}

    .onama__wrapp {
        flex-direction: column;
        text-align: center;
    }

    .onama__left {
        order: 1;
    }

    .onama__right {
        order: 2;
        margin-bottom: 20px;
    }

    .sistem {
	margin-top: 10px;
}

    .section__title {
        font-size: 28px;
    }

    .section__description {
        font-size: 15px;
    }

    .home-header__title {
    font-size: var(--font-3);
    padding: 30px;
}

    .onama__left, .onama__right {
        width: 100%;
    }


        .lokacija__wrapp {
        flex-direction: column; /* Prebacuje elemente u vertikalni raspored */
        text-align: center;
        padding: 5px;
    }

    .lokacija__left,
    .lokacija__right {
        max-width: 100%;
    }

    .lokacija__right {
        justify-content: center;
    }

    .about__imag img {
        max-width: 100%; /* Omogućava da slika zauzme širinu ekrana na manjim uređajima */
    }


    .tour-bubble {
    background: var(--color-2);
    }

    .tab__li.active .tab__name {
    color: var(--color-3);
}


.contacts__email {

    font-size: 15px;

}


.nav__languages{

margin-right: 25px !important;

}



}





/* Responsive dizajn */
@media (min-width: 768px) {
    #contactmob {
        display: none;
    }
}



.nav__languages {
    display: flex;
    gap: 10px; /* Razmak između ikona */
    margin-left: auto; 
    margin-right: 50px;/* Postavljanje ikona skroz desno */
    align-items: center; /* Vertikalno poravnanje */
}

.nav__language img {
    width: 35px; /* Veličina ikone */
    height: 35px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.nav__language img:hover {
    transform: scale(1.2); /* Povećanje ikone pri hoveru */
}




/* Hamburger dugme */
.meni {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 100;
}
.meni span {
    display: block;
    width: 100%;
    height: 3px;
    background: white;
    transition: all 0.3s ease;
}

/* Aktivno stanje hamburger dugmeta */
.meni.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.meni.active span:nth-child(2) {
    opacity: 0;
}
.meni.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Mobilni meni */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: red;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: right 0.3s ease;
    z-index: 99;
}
.mobile-menu.active {
    right: 0;
}

/* Stilizacija linkova */
.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.mobile-menu ul li {
    margin: 20px 0;
}
.mobile-menu ul li a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}


#anim{
    padding: 50px;
}




#splide-slide01{
    background-color: #006ce4 !important; /* Plava pozadina */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

#special-slide .testimonials__image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* Zaobljeni uglovi slike */

}



/* Responsive dizajn za mobilne uređaje */
@media (max-width: 768px) {


 #splide-slide01 img {
        max-width: 100%; /* Slika zauzima punu širinu na mobilnim */
        border-radius: 5px; /* Blago zaobljeni uglovi za mobilne */
        object-fit: contain; /* Sprečava sečenje slike */
    }
}

@media (max-width: 480px) {


 #splide-slide01 img {
        max-width: 100%; /* Slika zauzima punu širinu na mobilnim */
        border-radius: 5px; /* Blago zaobljeni uglovi za mobilne */
        object-fit: contain; /* Sprečava sečenje slike */
    }
}



/* Pomeranje labela kada korisnik kuca */
.form__input-text:focus + .form__label .form__label-name,
.form__input-text:not(:placeholder-shown) + .form__label .form__label-name,
.form__textarea-text:focus + .form__textarea-label .form__textarea-name,
.form__textarea-text:not(:placeholder-shown) + .form__textarea-label .form__textarea-name {
    opacity: 1;
    top: 10px; /* Pomeranje labela prema gore */
    font-size: 12px;
    color: var(--color-7);
}

/* Ako korisnik ne unese ništa, labela ostaje na svom mestu */
.form__input-text:placeholder-shown + .form__label .form__label-name,
.form__textarea-text:placeholder-shown + .form__textarea-label .form__textarea-name {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--font-5);
    color: var(--color-1);
    transition: var(--transition-1);
}




   .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            max-width: 1200px;
            margin: auto;
            margin-top: 150px;
        }

        .box {
            position: relative;
            background: var(--color-2);
            padding: 5px;
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            flex: 1;
            min-width: 300px;
            max-width: 350px;
            overflow: hidden;
            color: white;
        }



        .box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%; /* Postavi širinu slike na 50% box-a */
    height: 50%; /* Postavi visinu slike na 50% box-a */
    background-size: contain;  /* Da se slika vidi cela */
    background-position: center center; /* Centriraj sliku */
    background-repeat: no-repeat;
    opacity: 0.25; /* Postavi providnost */
    transform: translate(-50%, -50%); /* Precizno centriranje */
    z-index: 1;
        }

        .box.srpski::before {
            background-image: url('../img/logoanim.svg'); /* Promeni putanju slike */
        }

        .box.english::before {
            background-image: url('../img/logoanim.svg'); /* Promeni putanju slike */
        }

        .box.russian::before {
            background-image: url('../img/logoanim.svg'); /* Promeni putanju slike */
        }

        .contentbox {
            position: relative;
            z-index: 2; /* Postavlja sadržaj iznad slike */
            color: var(--color-1);
            padding: 20px;
        }

         .contentbox h1{
            color: var(--color-3);
        }

          .contentbox p{
          
            color: var(--color-1);
        }





        /* Responsive za mobilne uređaje */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
                align-items: center;
            }
        }







        input[type="date"] {

    color: transparent; /* Sakriva tekstualni unos */
    text-indent: -9999px; /* Sprečava da se vidi tekst */

}






   #wbproot {
        
            margin-top: 100px;
        }