@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: TourQuaz Travel and Tour Agency
    Author: Theme_Pure
    Support: https://help.TourQuaz Travel.net/support/
    Description: TourQuaz Travel and Tour Agency
    Version: 1.0

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

/************ TABLE OF CONTENTS ***************

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Classe
		1.3 Default Spacing

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Animations
		2.2 Background
		2.3 Back to top
		2.4 Breadcrumb
		2.5 Buttons
		2.6 Nice Select
		2.7 Pagination
		2.8 Preloader
		2.9 Search css start
		2.10 Section Title


	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style
		3.2 Header Style


    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 dropdown menu css
		4.2 Main menu css
		4.3 Main menu css
		4.4 offcanvas

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 blog css
		5.2 Postbox css
		5.3 Recent Post css
		5.4 Sidebar css

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style


	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 about
		7.2 booking-sidebar css start
		7.3 Booking css start
		7.4 brands
		7.5 carrer
		7.6 Cart css
		7.7 category
		7.8 Checkout css
		7.9 chose
		7.10 contact
		7.11 counter
		7.12 cta css
		7.13 Datepicker css start
		7.14 destination
		7.15 faq css
		7.16 feature
		7.17 filter Style
		7.18 gallery
		7.19 Hero css start
		7.20 Instagram Style
		7.21 Login Css
		7.22 offer
		7.23 policy
		7.24 pricing
		7.25 process css
		7.26 product css start
		7.27 review css
		7.28 service
		7.29 team css start
		7.30 testimonial
		7.31 tour details css start
		7.32 tour css start
		7.33 video



**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
/* Google Fonts moved to a <link rel="stylesheet"> + preconnect in <head> (was a broken, render-blocking @import here) */
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.tp-product-details-views > span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.tp-product-details-action-sm-btn svg, .tp-product-details-wishlist-btn svg, .tp-team-details-info-contact a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* transform */
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Onest', sans-serif;
  --tp-ff-heading: 'Onest', sans-serif;
  --tp-ff-p: 'Onest', sans-serif;
  --tp-ff-inter: 'Inter', sans-serif;
  --tp-ff-dancing: 'Dancing Script', cursive;
  --tp-ff-marcellus: 'Marcellus', serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-white-2: #f2f5f5;
  --tp-common-black: #071516;
  --tp-common-yellow: #ffa33b;
  --tp-common-red: #E52700;
  --tp-common-petals: #EBF8EB;
  --tp-grey-1: #5f556a;
  --tp-grey-2: #a29f9f;
  --tp-grey-3: #f7f9f9;
  --tp-theme-1: #D93B1A;
  --tp-border-1: rgba(17, 17, 17, 0.08);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 14px;
  font-weight: normal;
  color: var(--tp-common-black);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 52px;
}

h3 {
  font-size: 40px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: var(--tp-ff-p);
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

img {
  max-width: 100%;
  height: auto;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=url],
textarea {
  outline: none;
  background-color: #fff;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-right: 26px;
  padding-left: 26px;
  border: 1px solid var(--tp-border-1);
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-grey-1);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-grey-1);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-grey-1);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-grey-1);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: var(--tp-grey-1);
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: left;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-common-black);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

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

.z-index-2 {
  z-index: 2;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-15 {
  --bs-gutter-x: 15px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-25 {
  --bs-gutter-x: 25px;
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.tp-fix {
  overflow-x: hidden;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.bg-position {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.common-underline {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.common-underline:hover {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}

.tp-transparent {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
@media (min-width: 1400px) {
  .container-1350 {
    max-width: 1350px;
  }
}
/* Font weight */

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.tp-ff-body {
  font-family: var(--tp-ff-body);
}

.tp-ff-heading {
  font-family: var(--tp-ff-heading);
}

.tp-ff-p {
  font-family: var(--tp-ff-p);
}

.tp-ff-inter {
  font-family: var(--tp-ff-inter);
}

.tp-ff-dancing {
  font-family: var(--tp-ff-dancing);
}

.tp-ff-marcellus {
  font-family: var(--tp-ff-marcellus);
}

.tp-ff-fontawesome {
  font-family: var(--tp-ff-fontawesome);
}

.hover-thumb-wrap:hover .hover-thumb::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.hover-thumb-wrap .hover-thumb {
  position: relative;
  overflow: hidden;
}
.hover-thumb-wrap .hover-thumb::after {
  position: absolute;
  width: 200%;
  height: 0%;
  right: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(50%, -50%) rotate(45deg);
  content: "";
  z-index: 1;
}

/*---------------------------------
    1.3 Default Spacing
---------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-pt {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-pb {
    padding-bottom: 60px;
  }
}

/*----------------------------------------*/
/*  2.3 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  left: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 574.98px) {
  .back-to-top-wrapper {
    left: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--tp-common-white);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-black);
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/
/*  2.5 Buttons
/*----------------------------------------*/
.tp-btn {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  border-radius: 50px;
  padding: 15px 24px;
  display: inline-block;
  line-height: 1;
  transition: all 0.4s ease;
}
.tp-btn svg {
  margin-right: 2px;
}
.tp-btn:hover {
  background: var(--tp-common-red);
  color: var(--tp-common-white);
}
.tp-btn-black {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-btn-black:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-btn-black-red {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-btn-black-red:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-btn-white {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-btn-white:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-btn-xl {
  padding: 22px 24px;
}
.tp-btn-xxl {
  padding: 22px 34px;
}
.tp-btn-sm {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-theme-1);
  border: 1px solid rgba(253, 70, 33, 0.2);
  border-radius: 39px;
  padding: 10px 21px;
  display: inline-block;
  line-height: 1;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn-sm {
    padding: 8px 17px;
    font-size: 15px;
  }
}
.tp-btn-sm:hover {
  color: var(--tp-common-white);
  background: var(--tp-common-red);
}
.tp-btn-solid {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-btn-solid:hover {
  color: var(--tp-theme-1);
}
.tp-btn-50 {
  padding: 17px 24px;
}
.tp-btn-border {
  border: 1px solid rgba(7, 21, 22, 0.1);
  background: transparent;
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.1 Animations
/*----------------------------------------*/
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
@-webkit-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(-15deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-moz-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(-15deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-ms-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(-15deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(-15deg);
  }
  80% {
    transform: rotate(-10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-ms-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes TestimonialScroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes TestimonialScroll2 {
  from {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes tpSwing {
  0% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}
@-moz-keyframes tpSwing {
  0% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}
@-ms-keyframes tpSwing {
  0% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}
@keyframes tpSwing {
  0% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  100% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}

@keyframes tptranslateX2 {
  0% {
    transform: translateX(30px);
  }
  to {
    transform: translateX(-20px);
  }
}
.tptranslateX2 {
  animation: tptranslateX2 4s infinite alternate;
}

@keyframes tptranslateY2 {
  0% {
    transform: translateY(-30px);
  }
  to {
    transform: translateY(20px);
  }
}
.tptranslateY2 {
  animation: tptranslateY2 4s infinite alternate forwards;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes tpDashMove {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -24;
  }
}
@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*----------------------------------------*/
/*  2.8 Preloader
/*----------------------------------------*/
#loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--tp-common-white);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 17rem;
  height: 16rem;
  margin: 0 auto;
}

.plane {
  position: absolute;
  margin: 0 auto;
  width: 100%;
}

.plane-img {
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.earth-wrapper {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  padding-top: 2.7rem;
}

.earth {
  width: 160px;
  height: 160px;
  background: url(../../img/preloader/map.png);
  border-radius: 100%;
  background-size: 340px;
  animation: earthAnim 12s infinite linear;
  margin: 0 auto;
  border: 1px solid rgba(221, 65, 33, 0.0901960784);
}

@keyframes earthAnim {
  0% {
    background-position-x: 100%;
  }
  100% {
    background-position-x: -340px;
  }
}
/*----------------------------------------*/
/*  2.2 Background
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.6 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: right;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-right: 18px;
  padding-left: 30px;
  position: relative;
  text-align: right !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-person-select: none;
  -moz-person-select: none;
  -ms-person-select: none;
  person-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  left: 0;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-black);
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  right: 0 !important;
  left: 0 !important;
}
.nice-select.right {
  float: left;
}
.nice-select.right .list {
  right: auto;
  left: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 12px 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 30px;
  list-style: none;
  min-height: 30px;
  outline: none;
  padding-right: 18px;
  padding-left: 29px;
  text-align: right;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected {
  color: var(--tp-theme-1);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
.nice-select .option:hover {
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  2.7 Pagination
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pagination {
    margin-top: 10px;
  }
}
.tp-pagination nav ul li {
  list-style: none;
  display: inline-block;
}
.tp-pagination nav ul li a, .tp-pagination nav ul li span {
  font-family: var(--tp-ff-inter);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 0.4s ease;
}
.tp-pagination nav ul li a:hover, .tp-pagination nav ul li span:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-pagination nav ul li a.current, .tp-pagination nav ul li span.current {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.4 Breadcrumb
/*----------------------------------------*/
.tp-breadcrumb-title {
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
  font-size: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-breadcrumb-title {
    font-size: 42px;
  }
}
@media (max-width: 574.98px) {
  .tp-breadcrumb-title {
    font-size: 32px;
  }
}
.tp-breadcrumb-title.fs-112 {
  font-size: 112px;
  text-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-breadcrumb-title.fs-112 {
    font-size: 62px;
  }
}
@media (max-width: 574.98px) {
  .tp-breadcrumb-title.fs-112 {
    font-size: 42px;
  }
}
.tp-breadcrumb-title.fs-112.shadow-none {
  text-shadow: none;
}
.tp-breadcrumb-subtitle {
  font-size: 20px;
  letter-spacing: -0.04em;
}
.tp-breadcrumb-ptb {
  padding-top: 163px;
  padding-bottom: 175px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-ptb {
    padding-top: 123px;
    padding-bottom: 135px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.tp-breadcrumb-ptb-2 {
  padding-top: 240px;
  padding-bottom: 210px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-ptb-2 {
    padding-top: 123px;
    padding-bottom: 135px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-ptb-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.tp-breadcrumb-ptb-3 {
  padding-top: 243px;
  padding-bottom: 243px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-ptb-3 {
    padding-top: 123px;
    padding-bottom: 135px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-ptb-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.tp-breadcrumb-overly {
  position: relative;
  z-index: 1;
}
.tp-breadcrumb-overly::before {
  position: absolute;
  content: "";
  background: rgba(7, 21, 22, 0.4);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tp-breadcrumb-select .tp-select {
  height: auto;
  background: transparent;
  border: none;
  color: var(--tp-common-white);
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.03em;
  height: 36px;
  padding-right: 0;
}
@media (max-width: 574.98px) {
  .tp-breadcrumb-select .tp-select {
    font-size: 18px;
  }
}
.tp-breadcrumb-select .tp-select::after {
  color: var(--tp-common-white);
  top: 57%;
}
.tp-breadcrumb-select .tp-select .current {
  text-shadow: 0 9px 16px rgba(0, 0, 0, 0.2);
}
.tp-breadcrumb-select .tp-select .option {
  color: var(--tp-common-black);
  font-weight: 400;
  font-size: 17px;
}
.tp-breadcrumb-select .tp-select .option:hover {
  color: var(--tp-theme-1);
}
.tp-breadcrumb-list ul {
  display: flex;
}
.tp-breadcrumb-list ul li {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-white);
  list-style: none;
}
.tp-breadcrumb-list ul li span {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: var(--tp-common-white);
  border-radius: 40px;
  margin: 0 10px;
}
.tp-breadcrumb-list ul li a {
  color: var(--tp-common-white);
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.tp-breadcrumb-list ul li a:hover {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 0% 100%, 100% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}

.breadcrumbs {
  padding-top: 54px;
}
.breadcrumbs ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs ul li {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  list-style: none;
  position: relative;
}
.breadcrumbs ul li:not(:last-child) {
  padding-left: 18px;
  margin-left: 8px;
}
.breadcrumbs ul li:not(:last-child)::before {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 0;
  left: 0;
  color: var(--tp-common-black);
}
.breadcrumbs ul li a {
  font-weight: 500;
  color: var(--tp-common-black);
}
.breadcrumbs ul li a:hover {
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  2.10 Section Title
/*----------------------------------------*/
.tp-section-subtitle {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-theme-1);
  border: 1px solid rgba(253, 70, 33, 0.1);
  border-radius: 23px;
  line-height: 1;
  padding: 7px 16px;
}
.tp-section-title {
  line-height: 1;
  font-size: 52px;
}
.tp-section-title span {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title {
    font-size: 42px;
  }
}
@media (max-width: 574.98px) {
  .tp-section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-title br {
    display: none;
  }
}
.tp-section-title.fs-32 {
  font-size: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-title.fs-32 {
    font-size: 28px;
  }
}
.tp-section-two-subtitle {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-theme-1);
}
.tp-section-5-subtitle {
  font-family: var(--tp-ff-dancing);
  font-size: 28px;
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  2.9 Search css start
/*----------------------------------------*/

/* HEADER CSS */
/*----------------------------------------*/
/*  3.2 Header Style
/*----------------------------------------*/
.tp-header-top-info ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}
.tp-header-top-info ul li:not(:last-child) {
  padding-left: 38px;
}
.tp-header-top-info ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(95, 85, 106, 0.2);
  margin-right: 20px;
}
.tp-header-top-info ul li a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-grey-1);
}
.tp-header-top-info ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-top-discount p {
  font-size: 14px;
  letter-spacing: -0.03em;
}
.tp-header-top-discount p span {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-theme-1);
}
.tp-header-top-menu-item {
  position: relative;
}
.tp-header-top-menu-item > span {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-grey-1);
  padding-left: 20px;
}
.tp-header-top-menu-item > span::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  margin-right: 7px;
}
.tp-header-top-menu-item > span:hover {
  cursor: pointer;
}
.tp-header-top-menu-item ul {
  position: absolute;
  top: 125%;
  left: 0;
  z-index: 4;
  background-color: var(--tp-common-white);
  padding: 10px 18px 11px 32px;
  visibility: hidden;
  opacity: 0;
  min-width: max-content;
  border-radius: 4px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.tp-header-top-menu-item ul.tp-header-top-list-open, .tp-header-top-menu-item ul.tp-header-top-currency-list-open {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-header-top-menu-item ul li {
  list-style: none;
}
.tp-header-top-menu-item ul li a {
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-header-top-menu-item ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-top-menu-item ul li a i {
  margin-left: 3px;
}
.tp-header-top-menu-item ul li a img {
  width: 20px;
  border-radius: 100px;
  margin-left: 6px;
}
.tp-header-top-currency ul li:not(:last-child) {
  margin-bottom: 7px;
}
.tp-header-top-currency-toggle img {
  width: 20px;
  margin-left: 3px;
  border-radius: 100px;
}
.tp-header-top-spacing {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 6px;
  padding-bottom: 8px;
}
.tp-header-top-two {
  padding-top: 15px;
  padding-bottom: 15px;
}
.tp-header-top-two .tp-header-top-info ul li a {
  color: var(--tp-common-white);
}
.tp-header-top-two .tp-header-top-info ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-top-two .tp-header-top-info ul li:not(:last-child)::after {
  background: rgba(255, 255, 255, 0.2);
}
.tp-header-top-two .tp-header-top-discount p {
  color: var(--tp-common-white);
  font-size: 16px;
}
.tp-header-top-two .tp-header-top-discount p span {
  margin-left: 4px;
  color: var(--tp-common-white);
}
.tp-header-top-two .tp-header-top-menu-item > span {
  color: var(--tp-common-white);
}
.tp-header-6-top {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}
.tp-header-6-info-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  border: 1px solid rgba(17, 17, 17, 0.1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #5f556a;
}
.tp-header-6-info-text span {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.tp-header-6-info-text a {
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-header-6-info-text a:hover {
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-header-search .tp-input {
  font-family: var(--tp-ff-inter);
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-common-black);
  border-radius: 50px;
  width: 305px;
  height: 36px;
  border: 1px solid transparent;
  background: var(--tp-common-white-2);
  padding-right: 44px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-search .tp-input {
    width: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-search .tp-input {
    width: 100%;
    height: 44px;
  }
}
.tp-header-search .tp-input:focus {
  border-color: var(--tp-theme-1);
  background: transparent;
}
.tp-header-search .tp-input::placeholder {
  color: var(--tp-grey-2);
  font-weight: 400;
  font-size: 13px;
}
.tp-header-search-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--tp-grey-2);
  line-height: 1;
}
.tp-offcanvas .tp-header-search-btn {
  color: var(--tp-grey-1);
}
.tp-header-search-btn:hover {
  color: var(--tp-theme-1);
}
.tp-header-search:has(.tp-input:focus) .tp-header-typing-wrap {
  opacity: 0;
  transform: translateY(-5px);
  visibility: hidden;
}
.tp-header-contact a {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  border-radius: 50px;
  background: var(--tp-theme-1);
  padding: 10px 18px;
  display: inline-block;
  line-height: 1;
}
.tp-header-contact a:hover {
  background: var(--tp-common-red);
}
.tp-header-toogle {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 100px;
  padding: 13px 8px;
}
.tp-header-toogle span {
  height: 2px;
  width: 17px;
  display: block;
  background: var(--tp-common-black);
  transition: all 0.4s ease;
}
.tp-header-toogle span:first-child {
  width: 12px;
}
.tp-header-toogle:hover {
  border-color: var(--tp-theme-1);
}
.tp-header-toogle:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
  background: var(--tp-theme-1);
}
.tp-header-toogle:hover span:nth-child(2) {
  animation-delay: 0.1s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-lg-ptb {
    padding: 13px 0;
  }
}
.tp-header-login ul {
  top: 46px !important;
}
.tp-header-login .tp-header-login-btn {
  color: var(--tp-common-black);
  width: 25px;
  height: 25px;
  border: 1.4px solid currentColor;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
  padding: 0;
}
.tp-header-login .tp-header-login-btn:hover {
  color: var(--tp-common-red);
}
.tp-header-login .tp-header-login-btn::after {
  display: none;
}
.tp-header-border {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.tp-header-cart {
  color: var(--tp-common-black);
}
.tp-header-cart:hover {
  color: var(--tp-theme-1);
}
.tp-header-cart span {
  width: 22px;
  height: 22px;
  background: var(--tp-theme-1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 12px;
  position: absolute;
  color: var(--tp-common-white);
  top: -7px;
  left: -12px;
}
.tp-header-typing-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 115px;
}
.tp-header-typing-wrap span {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 13px;
  color: var(--tp-theme-1);
}
.tp-header-one .tp-header-search .tp-input {
  font-size: 14px;
  width: 280px;
  padding-left: 44px;
  padding-right: 26px;
}
.tp-header-one .tp-header-search .tp-input::placeholder {
  font-size: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-one .tp-header-search .tp-input {
    width: 240px;
  }
}
.tp-header-one .tp-header-search-btn {
  right: auto;
  left: 20px;
}
.tp-header-one .tp-main-menu nav ul li a {
  padding: 23px 0;
}
.tp-header-one .tp-header-contact a {
  padding: 10px 25px;
}
.tp-header-two-bg {
  background: var(--tp-common-white);
  border-radius: 50px;
  padding: 14px 20px 14px 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-two-bg {
    margin-top: 15px;
  }
}
.tp-header-two .tp-main-menu nav ul li:not(:last-child) {
  margin-left: 0;
}
.tp-header-two .tp-main-menu nav > ul > li > a {
  padding: 10px 15px 10px 30px;
  border-radius: 33px;
  border: 1px solid transparent;
  font-size: 15px;
}
.tp-header-two .tp-main-menu nav > ul > li > a:hover {
  border-color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-two .tp-header-contact {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-two .tp-header-toogle {
    margin-right: 20px;
  }
}
.tp-header-two .tp-menu-dropdown nav > ul > li.has-dropdown > a::after {
  top: 36%;
  left: 15px;
}
.tp-header-two .tp-menu-dropdown nav ul li:hover.has-dropdown a {
  border-color: var(--tp-theme-1);
}
.tp-header-two .tp-header-logo {
  margin-right: 190px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-two .tp-header-logo {
    margin-right: 0;
  }
}
.tp-header-two .tp-header-search {
  border-right: 1px solid rgba(7, 21, 22, 0.2);
  padding-right: 23px;
  margin-right: 23px;
}
.tp-header-two .tp-header-contact a {
  padding: 13px 25px;
}
.tp-header-two .tp-header-search .tp-input {
  border-radius: 0;
  width: 105px;
  height: 25px;
  border: none;
  background: transparent;
  padding-right: 22px;
  padding-left: 0;
}
.tp-header-two .tp-header-search .tp-input::placeholder {
  font-size: 13px;
  letter-spacing: -0.03em;
  color: #5b5f60;
}
.tp-header-two .tp-header-search-btn {
  right: 0;
  color: var(--tp-grey-1);
}
.tp-header-four {
  background: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-main-menu nav > ul > li > a {
  color: var(--tp-common-black);
}
.tp-header-four.header-sticky .tp-menu-dropdown nav ul li.active > a {
  color: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-menu-dropdown nav ul li.active > a::after {
  color: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-main-menu nav > ul > li:hover > a {
  color: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-menu-dropdown nav > ul > li:hover.has-dropdown > a::after {
  color: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-header-cart {
  color: var(--tp-common-black);
}
.tp-header-four.header-sticky .tp-header-cart span {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-header-four.header-sticky .tp-header-login-btn {
  color: var(--tp-common-black);
}
.tp-header-four.header-sticky .tp-header-login-btn:hover {
  color: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-header-contact a {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
}
.tp-header-four.header-sticky .tp-header-contact a:hover {
  background: var(--tp-common-red);
  color: var(--tp-common-white);
}
.tp-header-four .tp-main-menu nav > ul > li > a {
  color: var(--tp-common-white);
}
.tp-header-four .tp-main-menu nav > ul > li:hover > a {
  color: var(--tp-common-white);
}
.tp-header-four .tp-menu-dropdown nav ul li.active > a {
  color: var(--tp-common-white);
}
.tp-header-four .tp-menu-dropdown nav ul li.active > a::after {
  color: var(--tp-common-white);
}
.tp-header-four .tp-menu-dropdown nav ul li .sub-menu li.active > a {
  color: var(--tp-theme-1);
}
.tp-header-four .tp-menu-dropdown nav > ul > li:hover.has-dropdown > a::after {
  color: var(--tp-common-white);
}
.tp-header-four .tp-header-contact a {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.tp-header-four .tp-header-contact a:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-header-four .tp-header-login-btn {
  color: var(--tp-common-white);
}
.tp-header-four .tp-header-login-btn:hover {
  color: var(--tp-common-white);
}
.tp-header-four .tp-header-cart {
  color: var(--tp-common-white);
}
.tp-header-four .tp-header-cart span {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-header-four .tp-header-toogle span {
  background: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-four .tp-main-menu.mr-50 {
    margin-left: 0;
  }
}
.tp-header-5 .tp-header-search .tp-input {
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.06);
  background: var(--tp-common-white);
  border: 1px solid rgba(17, 17, 17, 0.1);
}
.tp-header-5 .tp-header-search .tp-input:focus {
  border-color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  4.2 Main menu css
/*----------------------------------------*/
.tp-main-menu nav ul li {
  list-style-type: none;
  display: inline-block;
  white-space: nowrap;
  text-align: right;
}
.tp-main-menu nav ul li:not(:last-child) {
  margin-left: 35px;
}
.tp-main-menu nav ul li:hover > a {
  color: var(--tp-theme-1);
}
.tp-main-menu nav ul li a {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  padding: 27px 0;
  display: inline-block;
  line-height: 1;
}

.header-sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  z-index: 10;
  visibility: visible;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.08);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .tp-header-menu > nav > ul > li > a {
  padding: 22px 0;
}
.header-sticky.sticky-black-bg {
  background: rgba(38, 37, 40, 0.9);
}
.header-sticky.tp-header-blur::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(40px);
  z-index: -1;
}
.header-sticky .tp-header-two-bg {
  background: none;
  border-radius: 0;
}

/*----------------------------------------*/
/*  4.1 dropdown menu css
/*----------------------------------------*/
.tp-menu-dropdown nav ul li {
  position: relative;
}
.tp-menu-dropdown nav ul li.has-dropdown > a {
  position: relative;
}
.tp-menu-dropdown nav ul li.has-dropdown > a::after {
  position: absolute;
  top: 42%;
  left: -15px;
  display: block;
  content: "";
  height: 8px;
  width: 8px;
  -webkit-transform-origin: 34% 66%;
  -ms-transform-origin: 34% 66%;
  transform-origin: 34% 66%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-bottom: 1.3px solid currentColor;
  border-left: 1.3px solid currentColor;
}
.tp-menu-dropdown nav ul li.active > a {
  color: var(--tp-theme-1);
}
.tp-menu-dropdown nav ul li.active > a::after {
  transform: rotate(135deg);
  color: var(--tp-theme-1);
}
.tp-menu-dropdown nav ul li:hover.has-dropdown a::after {
  transform: rotate(135deg);
  color: var(--tp-theme-1);
}
.tp-menu-dropdown nav ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.tp-menu-dropdown nav ul li .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(10px);
  background: var(--tp-common-white);
  width: 220px;
  padding: 18px 0;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  z-index: 9;
  box-shadow: 0 20px 30px rgba(3, 4, 28, 0.1);
}
.tp-menu-dropdown nav ul li .sub-menu li {
  margin-left: 0px;
  display: block;
}
.tp-menu-dropdown nav ul li .sub-menu li a {
  padding: 8px 28px;
  display: block;
  text-transform: capitalize;
}
.tp-menu-dropdown nav ul li .sub-menu li .sub-menu {
  right: 100%;
  top: 0;
  transform: translateX(-10px);
}
.tp-menu-dropdown nav ul li .sub-menu li.menu-item-has-children:hover > a:after {
  transform: rotate(0deg);
  color: var(--tp-theme-1);
}
.tp-menu-dropdown nav ul li .sub-menu li.menu-item-has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-menu-dropdown nav ul li .sub-menu li.menu-item-has-children > a:after {
  content: "\f107";
  font-size: 16px;
  font-weight: 400;
  margin-right: 2px;
  color: var(--tp-common-black);
  display: inline-block;
  transform: rotate(90deg);
  transition: all 0.3s 0s ease-out;
  font-family: var(--tp-ff-fontawesome);
}
.tp-menu-dropdown nav ul li .sub-menu li:hover > .sub-menu {
  transform: translateX(0);
}

.tp-megamenu-wrapper {
  max-width: 900px;
  width: 900px !important;
  background: var(--tp-common-white);
  border-radius: 6px;
  z-index: 9;
  box-shadow: 0 20px 30px rgba(3, 4, 28, 0.1);
  padding: 20px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-wrapper {
    max-width: 750px;
    width: 750px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    box-shadow: none;
    margin-right: 0 !important;
  }
}
.tp-megamenu-list ul li {
  list-style: none;
}
.tp-megamenu-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-list ul li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-list ul li:last-child {
    border-bottom: 1px solid #ddd;
  }
}
.tp-megamenu-list ul li a {
  border-radius: 12px;
  padding: 8px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-list ul li a {
    border-radius: 0;
  }
}
.tp-megamenu-list ul li a:hover {
  background: #f5f5f5;
}
.tp-megamenu-list-thumb {
  flex: 0 0 auto;
}
.tp-megamenu-list-thumb img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 100px;
}
.tp-megamenu-list-content {
  line-height: 1;
}
.tp-megamenu-list-subtitle {
  color: var(--tp-grey-1);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}
.tp-megamenu-list-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-megamenu-center {
  left: 0;
  margin: 0 auto;
}

/*----------------------------------------*/
/*  4.3 Main menu css
/*----------------------------------------*/
.tp-offcanvas-menu ul li {
  list-style: none;
  position: relative;
}
.tp-offcanvas-menu ul li:last-child a {
  border: 0;
}
.tp-offcanvas-menu ul li a {
  font-size: 15px;
  font-weight: 500;
  display: block;
  padding: 8px 0;
  color: var(--tp-common-black);
  border-bottom: 1px solid #ddd;
}
.tp-offcanvas-menu ul li.active > a {
  color: var(--tp-theme-1);
}
.tp-offcanvas-menu ul li.active > button.tp-sidemenu-close i {
  transform: rotate(-90deg);
}
.tp-offcanvas-menu ul li .sub-menu {
  margin-right: 20px;
  display: none;
}

.tp-sidemenu-close {
  position: absolute;
  left: 0;
  top: 5px;
  border: 1px solid #ddd;
  font-size: 12px;
  width: 30px;
  height: 30px;
}
.tp-sidemenu-close i {
  transition: 0.3s;
}

/*----------------------------------------*/
/*  4.4 offcanvas
/*----------------------------------------*/
.tp-offcanvas {
  position: fixed;
  left: 0;
  z-index: 99;
  top: 0;
  width: 400px;
  background: var(--tp-common-white);
  padding: 50px 40px;
  height: 100%;
  overflow-y: scroll;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all 0.3s ease-out 0s;
}
.tp-offcanvas-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media (max-width: 574.98px) {
  .tp-offcanvas {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-offcanvas {
    width: 400px;
  }
}
.tp-offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 15;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
}
.tp-offcanvas-overlay-open {
  opacity: 0.4;
  visibility: visible;
}
.tp-offcanvas-overlay.apply {
  opacity: 0.4;
  visibility: visible;
}
.tp-offcanvas-overlay:hover {
  cursor: url(../../img/cross-out.png), pointer;
}
.tp-offcanvas-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tp-offcanvas .tp-header-search .tp-input {
  width: 100%;
}
.tp-offcanvas-close-button {
  font-size: 28px;
  color: var(--tp-common-black);
}
.tp-offcanvas-close-button:hover {
  color: var(--tp-theme-1);
}
.tp-offcanvas-gallery {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto auto auto;
}
.tp-offcanvas-gallery img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
@media (max-width: 574.98px) {
  .tp-offcanvas-gallery img {
    width: 60px;
    height: 60px;
  }
}
.tp-offcanvas-title {
  font-size: 28px;
}
.tp-offcanvas-info span {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
}
.tp-offcanvas-info span a:hover {
  color: var(--tp-theme-1);
}
.tp-offcanvas-social a {
  height: 44px;
  width: 44px;
  border: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  margin-left: 2px;
  color: var(--tp-common-black);
}
.tp-offcanvas-social a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.postbox-social a {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 60px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .postbox-details-main-wrap {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-main-wrap {
    padding-left: 0;
  }
}

.tp-postbox-title {
  font-size: 35px;
  line-height: 129%;
}
.tp-postbox-title a:hover {
  color: var(--tp-theme-1);
}
@media (max-width: 574.98px) {
  .tp-postbox-title {
    font-size: 25px;
  }
}
.tp-postbox-text {
  font-size: 18px;
  line-height: 144%;
  color: var(--tp-grey-1);
}
.tp-postbox-thumb img {
  border-radius: 16px;
}
.tp-postbox-slider-arrow-wrap button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  transition: 0.3s;
}
.tp-postbox-slider-arrow-wrap button:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-postbox-slider-arrow-wrap .tp-postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 9;
}
.tp-postbox-slider-arrow-wrap .tp-postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-postbox-wrapper {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-postbox-wrapper {
    margin-left: 0;
  }
}
.tp-postbox-video-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
}

/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/
.rc-post-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  margin-left: 30px;
  border-radius: 14px;
}
.rc-post-thumb img {
  transition: 0.5s;
  border-radius: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .rc-post-thumb img {
    height: 100px;
    width: 100px;
  }
}
.rc-post:hover .rc-post-thumb img {
  transform: scale(1.1);
}
.rc-post-category {
  margin-bottom: 7px;
}
.rc-post-category a {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: var(--tp-theme-1);
  padding: 3px 10px;
  border-radius: 15px;
  display: inline-block;
  border: 1px solid rgba(17, 17, 17, 0.1);
}
.rc-post-title {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 9px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
}
.rc-post-title a:hover {
  color: var(--tp-theme-1);
}
.rc-post-content .rc-post-meta span {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #5f556a;
}
.rc-post-content .tp-blog-meta span:not(:last-child)::after {
  top: 4px;
}
.rc-post-wrap .rc-post:not(:last-child) {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(45, 26, 14, 0.1);
}

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/
.sidebar-search-input input {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  border: none;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 0 0 rgba(32, 33, 36, 0.14);
  padding: 22px 0 23px 30px;
}
.sidebar-search-input input:focus {
  border-color: var(--tp-theme-1);
}
.sidebar-search-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.sidebar-search-input input::-moz-placeholder { /* Firefox 19+ */
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.sidebar-search-input input:-moz-placeholder { /* Firefox 4-18 */
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.sidebar-search-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.sidebar-search-input input::placeholder { /* MODERN BROWSER */
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.sidebar-search-input button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  color: var(--tp-common-black);
}
.sidebar-search-input button:hover {
  color: var(--tp-theme-1);
}
.sidebar-widget-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-black);
}
.sidebar-widget-category ul li {
  list-style: none;
}
.sidebar-widget-category ul li:not(:last-child) {
  margin-bottom: 6px;
}
.sidebar-widget-category ul li a {
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.8);
  background: #F6F6F9;
}
.sidebar-widget-category ul li a:hover {
  color: var(--tp-theme-1);
}

.tagcloud a {
  padding: 9px 18px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  margin-bottom: 7px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  display: inline-block;
  text-transform: capitalize;
  color: #5f556a;
  border-radius: 50px;
}
.tagcloud a:not(:last-child) {
  margin-left: 3px;
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  5.1 blog css
/*----------------------------------------*/
.tp-blog-thumb {
  border-radius: 16px;
}
.tp-blog-thumb img {
  transition: all 0.5s ease;
}
@media (max-width: 574.98px) {
  .tp-blog-thumb a {
    display: block !important;
  }
}
@media (max-width: 574.98px) {
  .tp-blog-item {
    flex-wrap: wrap;
  }
}
.tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.1);
}
.tp-blog-category {
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-common-black);
  border: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 34px;
  display: inline-block;
  padding: 6px 16px;
  line-height: 1;
  transition: all 0.4s ease;
  margin-left: 10px;
}
.tp-blog-category:hover {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-blog-meta span {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-blog-meta span:not(:last-child) {
  position: relative;
  padding-left: 18px;
}
.tp-blog-meta span:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: var(--tp-grey-1);
  border-radius: 100px;
  top: 10px;
  margin-right: 8px;
}
.tp-blog-title {
  font-size: 32px;
  line-height: 131%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-title br {
    display: none;
  }
}
.tp-blog-title a:hover {
  color: var(--tp-theme-1);
}
.tp-blog-col-1 .tp-blog-thumb img {
  height: 454px;
  object-fit: cover;
}
@media (max-width: 574.98px) {
  .tp-blog-col-1 .tp-blog-thumb img {
    height: 300px;
  }
}
.tp-blog-col-2 {
  display: flex;
  gap: 30px;
  align-items: center;
}
.tp-blog-col-2 .tp-blog-thumb {
  flex: 0 0 auto;
}
@media (max-width: 574.98px) {
  .tp-blog-col-2 .tp-blog-thumb {
    width: 100%;
  }
}
.tp-blog-col-2 .tp-blog-thumb img {
  width: 260px;
  height: 194px;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-col-2 .tp-blog-thumb img {
    width: 190px;
  }
}
@media (max-width: 574.98px) {
  .tp-blog-col-2 .tp-blog-thumb img {
    width: 100%;
  }
}
.tp-blog-col-2 .tp-blog-title {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-col-2 .tp-blog-title {
    font-size: 22px;
  }
}
.tp-blog-two-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.tp-blog-two-thumb img {
  border-radius: 16px;
  transition: all 0.4s ease;
}
.tp-blog-two-thumb .tp-blog-category {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--tp-common-white);
  border: none;
}
.tp-blog-two-item:hover .tp-blog-two-thumb img {
  transform: scale(1.1);
}
.tp-blog-two-item:hover .tp-blog-content {
  transform: translateY(-30px);
}
.tp-blog-two-item:hover .tp-blog-category {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-blog-two-item .tp-blog-title {
  font-size: 24px;
}
@media (max-width: 574.98px) {
  .tp-blog-two-item .tp-blog-title {
    font-size: 20px;
  }
}
.tp-blog-two-item .tp-blog-content {
  box-shadow: 0 4px 42px 0 rgba(0, 0, 0, 0.1);
  background: var(--tp-common-white);
  border-radius: 12px;
  padding: 30px 30px 25px 30px;
  margin: -120px 20px 0px 20px;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}
.tp-blog-two-shape {
  position: absolute;
  left: 70px;
  top: 126px;
  width: 11%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-two-shape {
    top: 26px;
  }
}
.tp-blog-3-item {
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 4px 39px 0 rgba(0, 0, 0, 0.05);
  background: var(--tp-common-white);
}
.tp-blog-3-item:hover {
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.05);
}
.tp-blog-3-item .tp-blog-title {
  font-size: 24px;
  line-height: 142%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-3-item .tp-blog-title br {
    display: none;
  }
}
.tp-blog-3-item .tp-blog-thumb {
  border-radius: 8px;
}
.tp-blog-3-item .tp-blog-thumb img {
  height: 358px;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-3-item .tp-blog-thumb img {
    height: 250px;
  }
}
.tp-blog-3-item .tp-blog-content {
  padding: 0px 20px 5px 20px;
}
.tp-blog-3-item .tp-blog-meta span:not(:last-child)::after {
  top: 8px;
}
.tp-blog-4-item {
  background: var(--tp-grey-3);
  border-radius: 12px;
}
.tp-blog-4-item .tp-blog-thumb img {
  width: 370px;
  height: 370px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-4-item .tp-blog-thumb img {
    width: 228px;
    height: 270px;
  }
}
@media (max-width: 574.98px) {
  .tp-blog-4-item .tp-blog-thumb img {
    width: 100%;
    height: 100%;
  }
}
.tp-blog-4-item .tp-blog-title {
  font-size: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-4-item .tp-blog-title {
    font-size: 24px;
  }
}
@media (max-width: 574.98px) {
  .tp-blog-4-item .tp-blog-content {
    padding: 0px 20px 20px 20px;
  }
}
.tp-blog-5-title {
  font-size: 24px;
  line-height: 142%;
}
.tp-blog-5-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.tp-blog-5-thumb img {
  transition: all 0.4s ease;
}
.tp-blog-5-item:hover .tp-blog-5-thumb img {
  transform: scale(1.1);
}
.tp-blog-7-item .tp-blog-content {
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  padding-top: 30px;
}
.tp-blog-7-item:hover .tp-blog-content {
  transform: translateY(0);
}
.tp-blog-7-item .tp-blog-title {
  font-size: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-7-item .tp-blog-title {
    font-size: 22px;
  }
}
.tp-blog-7-item .tp-blog-two-thumb {
  border-radius: 8px;
}
.tp-blog-7-item .tp-blog-two-thumb img {
  border-radius: 8px;
}
.tp-blog-grid-tab .tp-tour-tab ul {
  justify-content: center;
  gap: 5px;
}
.tp-blog-grid-tab .tp-tour-tab ul li a {
  background: var(--tp-grey-3);
  border: none;
  padding: 17px 33px;
}
.tp-blog-list-wrap .tp-blog-title {
  font-size: 32px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-list-wrap .tp-blog-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-title br {
    display: none;
  }
}
.tp-blog-list-wrap .tp-blog-4-item {
  background: transparent;
}
.tp-blog-list-wrap .tp-blog-thumb img {
  width: 480px;
  height: 320px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-thumb img {
    width: 320px;
    height: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-thumb img {
    width: 100%;
    height: auto;
  }
}
.tp-blog-list-wrap .tp-blog-thumb a {
  display: block !important;
}
.tp-blog-list-wrap .tp-blog-item {
  gap: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-item {
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-content {
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-wrap .tp-blog-content p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  6.1 Footer Style
/*----------------------------------------*/
.tp-footer-subscribe-form .tp-input {
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.02);
  background: var(--tp-common-white);
  border-radius: 60px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-right: 56px;
  padding-left: 140px;
}
.tp-footer-subscribe-form .tp-input:focus {
  border-color: rgba(255, 91, 0, 0.3);
}
.tp-footer-subscribe-form .tp-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 14px;
}
.tp-footer-subscribe-form .tp-input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 14px;
}
.tp-footer-subscribe-form .tp-input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 14px;
}
.tp-footer-subscribe-form .tp-input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 14px;
}
.tp-footer-subscribe-form .tp-input::placeholder { /* MODERN BROWSER */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 14px;
}
.tp-footer-subscribe-form p a {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-footer-subscribe-form p a:hover {
  color: var(--tp-theme-1);
}
.tp-footer-subscribe-icon {
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
  right: 25px;
  color: var(--tp-grey-1);
  line-height: 1;
}
.tp-footer-subscribe-btn {
  font-family: var(--tp-ff-inter);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--tp-theme-1);
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  position: absolute;
  top: 0;
  left: 0;
}
.tp-footer-subscribe-btn::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 30px;
  background: rgba(255, 91, 0, 0.1);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tp-footer-subscribe-title {
  font-size: 20px;
}
.tp-footer-subscribe-title.fs-32 {
  font-size: 32px;
}
.tp-footer-subscribe-wrap {
  border-bottom: 1px solid rgba(0, 53, 50, 0.08);
}
.tp-footer-shape {
  position: absolute;
  top: 26px;
  right: 0;
  width: 18%;
  z-index: -1;
}
.tp-footer-shape-2 {
  position: absolute;
  top: 26px;
  left: 0;
  width: 18%;
  z-index: -1;
}
.tp-footer-social a {
  color: var(--tp-grey-1);
  font-size: 20px;
  margin-left: 10px;
  display: inline-block;
}
.tp-footer-social a:hover {
  color: var(--tp-theme-1);
}
.tp-footer-col-2 {
  margin-right: 95px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-col-2 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-col-2 {
    margin-right: 0;
  }
}
.tp-footer-col-3 {
  margin-right: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-col-3 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-col-3 {
    margin-right: 0;
  }
}
.tp-footer-col-4 {
  margin-right: 112px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-col-4 {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-col-4 {
    margin-right: 0;
  }
}
.tp-footer-widget-title {
  font-size: 18px;
  line-height: 189%;
}
.tp-footer-widget-menu ul li {
  list-style: none;
}
.tp-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 15px;
}
.tp-footer-widget-menu ul li a {
  font-weight: 400;
  font-size: 16px;
  color: rgba(7, 21, 22, 0.8);
}
.tp-footer-widget-menu ul li a:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-widget-wrap.pb-70 {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-dec br {
    display: none;
  }
}
.tp-footer-contact a {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
}
.tp-footer-contact a:hover {
  color: var(--tp-theme-1);
}
.tp-footer-contact span {
  font-weight: 400;
  font-size: 16px;
  color: rgba(7, 21, 22, 0.8);
}
.tp-footer-contact .phone {
  font-size: 20px;
  color: var(--tp-theme-1);
}
.tp-footer-contact .phone:hover {
  color: var(--tp-common-black);
}
.tp-footer-two .tp-copyright-wrap {
  border-top: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-footer-three-subscribe {
  background: var(--tp-common-white);
  border-radius: 32px;
  padding: 40px 50px 0px 50px;
}
@media (max-width: 574.98px) {
  .tp-footer-three-subscribe {
    padding: 40px 30px 0px 30px;
  }
}
.tp-footer-three-subscribe-form .tp-input {
  box-shadow: none;
  background: #f7f9f9;
  padding-right: 30px;
  padding-left: 75px;
}
.tp-footer-three-subscribe-form .tp-input:focus {
  background: transparent;
}
.tp-footer-three-subscribe-form .tp-footer-subscribe-btn {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  width: 42px;
  height: 42px;
  border-radius: 100px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.tp-footer-three-subscribe-form .tp-footer-subscribe-btn:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-footer-three-subscribe-form .tp-footer-subscribe-btn::before {
  display: none;
}
.tp-footer-three-payment {
  border-top: 1px solid rgba(7, 21, 22, 0.1);
  padding-top: 24px;
  margin-top: 4px;
}
.tp-footer-three-payment .tp-copyright-payment a {
  margin-right: 0;
  margin-bottom: 0;
}
.tp-footer-three-privacy a {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-footer-three-privacy a:hover {
  color: var(--tp-theme-1);
}
.tp-footer-three-privacy a:not(:last-child) {
  margin-left: 34px;
}
.tp-footer-6-shape {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-footer-6-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
.tp-footer-6-shape-3 {
  position: absolute;
  top: 150px;
  right: -1px;
  width: 10%;
  z-index: -1;
}
.tp-footer-6-subscribe-form .tp-input {
  height: 80px;
  background: #fefbf5;
  font-size: 16px;
}
.tp-footer-6-subscribe-form .tp-input::placeholder {
  font-size: 16px;
}
.tp-footer-6-subscribe-form .tp-footer-subscribe-btn {
  width: 56px;
  height: 56px;
}
.tp-footer-6 .tp-footer-widget-wrap {
  border-bottom: 1px solid rgba(0, 53, 50, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-6 .tp-footer-widget {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-6 .tp-copyright-area {
    padding-bottom: 80px;
  }
}

.tp-copyright-text p {
  color: var(--tp-common-black);
}
.tp-copyright-text p a {
  color: var(--tp-theme-1);
  font-weight: 600;
}
.tp-copyright-payment p {
  font-size: 16px;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
.tp-copyright-payment a {
  margin-right: 10px;
  margin-bottom: 5px;
}
@media (max-width: 574.98px) {
  .tp-copyright-payment a {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  7.19 Hero css start
/*----------------------------------------*/
.tp-hero-subtitle {
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-common-white);
  box-shadow: 0 9px 16px 0 rgba(0, 0, 0, 0.12);
  background: var(--tp-theme-1);
  border-radius: 28px;
  padding: 7px 17px;
}
.tp-hero-title {
  font-size: 72px;
  line-height: 111%;
  color: var(--tp-common-white);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-title {
    font-size: 40px;
  }
  .tp-hero-title br {
    display: none;
  }
}
.tp-hero-dec {
  font-weight: 500;
  font-size: 18px;
  color: #f5f5f5;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}
.tp-hero-shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.tp-hero-bg {
  padding-top: 180px;
  padding-bottom: 190px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-bg {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.tp-hero-bg::before {
  position: absolute;
  content: "";
  background: rgba(7, 21, 22, 0.65);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-info {
    flex-wrap: wrap;
    padding-top: 60px;
    justify-content: flex-start !important;
    gap: 40px;
  }
}
.tp-hero-info-icon {
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 80px;
  height: 80px;
  color: var(--tp-common-white);
}
.tp-hero-info-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: var(--tp-common-white);
}
.tp-hero-info-title a:hover {
  color: var(--tp-theme-1);
}
.tp-hero-info-ratings span {
  color: var(--tp-theme-1);
}
.tp-hero-info-subtitle {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.8);
}
.tp-hero-info-item.tp-border {
  position: relative;
}
.tp-hero-info-item.tp-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 52px;
  background: rgba(255, 255, 255, 0.2);
  left: -90px;
  top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-info-item.tp-border::before {
    display: none;
  }
}
.tp-hero-two-ptb {
  padding-top: 280px;
  padding-bottom: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-two-ptb {
    padding-top: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-two-ptb {
    padding-top: 170px;
  }
}
.tp-hero-two-video {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.tp-hero-3-left-top {
  gap: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-3-left-top {
    gap: 10px;
    margin-bottom: 10px;
  }
}
.tp-hero-3-left-wrap {
  margin-right: -18px;
}
.tp-hero-3-left-bottom {
  margin-inline-start: -70px;
}
.tp-hero-3-left-thumb:hover img {
  transform: rotateY(-180deg);
}
.tp-hero-3-left-thumb img {
  border-radius: 10px;
  transition: all 0.4s ease;
}
.tp-hero-3-left-shape {
  position: absolute;
  bottom: 0;
  right: 30px;
  z-index: -1;
  width: 17%;
}
.tp-hero-3-right-wrap {
  margin-right: 0;
  margin-left: -18px;
}
.tp-hero-3-right-wrap .tp-hero-3-left-bottom {
  margin-inline-start: 0;
  margin-inline-end: -70px;
}
.tp-hero-3-right-top {
  gap: 24px;
  margin-right: -20px;
}
.tp-hero-3-right-shape {
  position: absolute;
  bottom: 0;
  left: 30px;
  z-index: -1;
  width: 23%;
}
.tp-hero-3-sub {
  font-size: 18px;
  color: var(--tp-common-black);
}
.tp-hero-3-best-search {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-3-best-search {
    justify-content: flex-start;
  }
}
.tp-hero-3-best-search span {
  font-size: 14px;
  color: var(--tp-grey-1);
}
.tp-hero-3-best-search ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tp-hero-3-best-search ul li {
  list-style: none;
}
.tp-hero-3-best-search ul li a {
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-common-black);
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 50px;
  padding: 8px 15px;
  display: inline-block;
  line-height: 1;
}
.tp-hero-3-best-search ul li a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.tp-hero-3-content {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-3-content {
    padding-top: 40px;
  }
}
.tp-hero-3-spacing {
  padding-top: 50px;
  padding-bottom: 90px;
}
.tp-hero-3-shape-1 {
  position: absolute;
  top: 88px;
  right: 24%;
  width: 10%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-3-shape-1 {
    right: 14%;
  }
}
.tp-hero-3-shape-2 {
  position: absolute;
  top: 130px;
  left: 31%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-3-shape-2 {
    left: 11%;
    top: 50px;
  }
}
.tp-hero-3-shape-3 {
  position: absolute;
  top: 263px;
  left: 26%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-3-shape-3 {
    left: 11%;
    top: 200px;
  }
}
.tp-hero-4-spacing {
  padding-bottom: 105px;
}
.tp-hero-4-subtitle {
  font-family: var(--tp-ff-dancing);
  font-size: 32px;
  color: var(--tp-common-white);
}
.tp-hero-4-title {
  font-size: 82px;
  line-height: 112%;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-4-title {
    font-size: 68px;
  }
  .tp-hero-4-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-4-title {
    font-size: 56px;
  }
}
@media (max-width: 574.98px) {
  .tp-hero-4-title {
    font-size: 40px;
  }
}
.tp-hero-4-dec {
  font-size: 20px;
  color: var(--tp-common-white);
}
.tp-hero-4-form {
  width: 468px;
}
@media (max-width: 574.98px) {
  .tp-hero-4-form {
    width: 100%;
  }
}
.tp-hero-4-form.tp-footer-subscribe-form .tp-input {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 500px;
  height: 60px;
  background: rgba(255, 255, 255, 0.03);
  font-size: 16px;
  color: var(--tp-common-white);
}
.tp-hero-4-form.tp-footer-subscribe-form .tp-input::placeholder {
  color: var(--tp-common-white);
  font-size: 16px;
}
.tp-hero-4-form .tp-footer-subscribe-icon {
  color: var(--tp-common-white);
}
.tp-hero-4-form .tp-footer-subscribe-btn {
  height: 50px;
  line-height: 50px;
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  left: 7px;
  padding: 0 20px;
}
.tp-hero-4-bottom-shape {
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  width: 100%;
}
.tp-hero-4-content {
  padding-top: 150px;
}
@media (max-width: 574.98px) {
  .tp-hero-4-content {
    padding-top: 80px;
  }
}
.tp-hero-4-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.tp-hero-4-shape-2 {
  position: absolute;
  top: 130px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-hero-4-shape-3 {
  position: absolute;
  top: 310px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-hero-4-shape-4 {
  position: absolute;
  top: 60px;
  left: 7%;
  z-index: 3;
}
.tp-hero-4-shape-5 {
  position: absolute;
  top: 60px;
  left: 19%;
  z-index: 3;
}
.tp-hero-4-video {
  position: absolute;
  top: 180px;
  left: -15px;
  z-index: -2;
}
.tp-hero-4-video video {
  width: 325px;
  height: 402px;
  object-fit: cover;
  border: 6px solid var(--tp-common-white);
  border-radius: 12px;
  transform: rotate(14deg);
}
.tp-hero-4-thumb-wrap {
  margin-top: -10px;
}
@media (max-width: 574.98px) {
  .tp-hero-4-thumb-wrap {
    margin-top: 10px;
  }
}
.tp-hero-4-thumb-2 {
  position: absolute;
  bottom: 130px;
  left: -143px;
  z-index: -1;
}
.tp-hero-4-thumb-3 {
  position: absolute;
  bottom: 10px;
  left: 61px;
  z-index: -1;
}
.tp-hero-4-shadow {
  border-radius: 100%;
  background: #ae59eb;
  filter: blur(200px);
  width: 380px;
  height: 380px;
  display: inline-block;
  position: absolute;
  bottom: -100px;
  left: 29%;
  z-index: -1;
}
.tp-hero-4-shadow.two {
  background: #ce5a8f;
  left: auto;
  right: 0;
  z-index: -2;
}
.tp-hero-5-bg {
  background: #f7f6f9;
  border-radius: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-5-bg {
    background: none;
  }
}
.tp-hero-5-content {
  padding-top: 150px;
  padding-bottom: 150px;
  padding-right: 120px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-5-content {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-5-content {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-5-content {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-5-content {
    padding-top: 90px;
    padding-right: 0;
  }
}
.tp-hero-5-subtitle {
  font-size: 14px;
  color: var(--tp-common-white);
  border-radius: 26px;
  padding: 7px 24px;
  background: var(--tp-theme-1);
  transform: rotate(17deg);
  margin-right: -15px;
}
.tp-hero-5-title {
  font-size: 116px;
  line-height: 91%;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-5-title {
    font-size: 80px;
  }
}
@media (max-width: 574.98px) {
  .tp-hero-5-title {
    font-size: 55px;
  }
}
.tp-hero-5-dec {
  font-size: 24px;
  line-height: 142%;
  color: var(--tp-common-black);
}
.tp-hero-5-gallery {
  height: 820px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-5-gallery {
    height: 520px;
  }
}
.tp-hero-5-gallery .tp-gallery-item::before {
  display: none;
}
.tp-hero-5-gallery .tp-gallery-item img {
  border-radius: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-5-gallery .tp-gallery-item img {
    border-radius: 12px;
  }
}
.tp-hero-5-shape {
  position: absolute;
  bottom: 258px;
  right: 3%;
  opacity: 0.1;
}
.tp-hero-5-shape-2 {
  position: absolute;
  bottom: 25px;
  right: 30%;
}
.tp-hero-5-shape-3 {
  position: absolute;
  top: 161px;
  right: 43%;
  opacity: 0.1;
}
.tp-hero-5-shape-4 {
  position: absolute;
  top: 86px;
  right: 5%;
  opacity: 0.1;
}
.tp-hero-6-subtitle {
  font-size: 28px;
}
.tp-hero-6-title {
  font-size: 62px;
  line-height: 116%;
  text-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-6-title {
    font-size: 42px;
  }
}
@media (max-width: 574.98px) {
  .tp-hero-6-title {
    font-size: 29px;
  }
}
.tp-hero-6-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-hero-6-dec {
  font-size: 18px;
}
.tp-hero-6-dec span {
  border-radius: 28px;
  padding: 3px 6px;
  background: var(--tp-theme-1);
}
.tp-hero-6-spacing {
  padding-bottom: 210px;
  padding-top: 115px;
}
.tp-hero-7-shape {
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 100%;
  z-index: -1;
}
.tp-hero-7-ptb {
  padding-top: 135px;
}
.tp-hero-7-ptb::before {
  background: rgba(7, 21, 22, 0.32);
}
.tp-hero-7-wrap .tp-hero-6-dec span {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  7.3 Booking css start
/*----------------------------------------*/
.tp-booking-input-icon {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-booking-input-angle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-booking-location {
  width: 240px;
  padding-left: 1px;
}
.tp-booking-location-suggested {
  font-size: 14px;
  color: var(--tp-grey-1);
  line-height: 1;
  padding: 0 10px;
  margin-bottom: 12px;
  display: inline-block;
}
.tp-booking-location-inner {
  max-height: calc(100vh - 400px);
  overflow-x: clip;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-left: 30px;
}
.tp-booking-location-inner::-webkit-scrollbar {
  width: 5px;
  cursor: pointer;
}
.tp-booking-location-inner::-webkit-scrollbar-track {
  background: transparent;
}
.tp-booking-location-inner::-webkit-scrollbar-thumb {
  background: rgba(116, 116, 116, 0.2784313725);
}
.tp-booking-location-inner::-webkit-scrollbar-thumb:hover {
  background: var(--tp-theme-1);
}
.tp-booking-location-list {
  width: 420px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  box-shadow: 0 10px 30px -10px rgba(20, 20, 20, 0.2);
  background: var(--tp-common-white);
  padding: 25px 22px 20px 5px;
}
@media (max-width: 574.98px) {
  .tp-booking-location-list {
    width: 320px;
  }
}
.tp-booking-location-list ul li {
  list-style: none;
  display: flex;
  padding: 7px;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
  align-items: center;
  border-radius: 7px;
  cursor: pointer;
}
.tp-booking-location-list ul li:hover {
  background: #f6f6f6;
}
.tp-booking-location-icon img {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  margin-left: 16px;
  object-fit: cover;
  flex-shrink: 0;
}
.tp-booking-location-content span {
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  font-size: 16px;
}
.tp-booking-location-content p {
  font-size: 14px;
  color: var(--tp-grey-1);
  line-height: 1;
  margin-bottom: 5px;
}
.tp-booking-location-input {
  z-index: 2;
}
.tp-booking-location-input::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 31px;
  background: rgb(240, 245, 250);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 574.98px) {
  .tp-booking-location-input::before {
    display: none;
  }
}
.tp-booking-location-input.no-border::before {
  display: none;
}
.tp-booking-location-input.active::before {
  display: none;
}
.tp-booking-location .tp-input {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
  padding-right: 50px;
  border-radius: 100px;
  width: 100%;
  height: 50px;
  border: none;
  background: transparent;
}
.tp-booking-location .tp-input:focus {
  border: none;
}
.tp-booking-location .tp-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-booking-location .tp-input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-booking-location .tp-input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-booking-location .tp-input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-booking-location .tp-input::placeholder { /* MODERN BROWSER */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-booking-location-label {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  padding-right: 24px;
  padding-top: 15px;
}
.tp-booking-toggle-active {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-top: 0;
  position: absolute;
  top: 100%;
  right: 0;
}
.tp-booking-toggle-active.booking-open {
  opacity: 1;
  visibility: visible;
  margin-top: 10px;
}
.tp-booking-quantity {
  width: 122px;
  border-radius: 0;
  position: relative;
}
.tp-booking-quantity-wrap {
  width: 420px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  box-shadow: 0 10px 30px -10px rgba(20, 20, 20, 0.2);
  background: var(--tp-common-white);
  padding: 25px 22px 20px 20px;
}
@media (max-width: 574.98px) {
  .tp-booking-quantity-wrap {
    width: 320px;
  }
}
.tp-booking-quantity-wrap ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tp-booking-quantity-wrap ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.tp-booking-quantity .tp-increment, .tp-booking-quantity .tp-dreckment {
  width: 24px;
  height: 24px;
  line-height: 23px;
  text-align: center;
  border-radius: 50%;
  right: 14px;
  top: 11px;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-booking-quantity .tp-increment:hover, .tp-booking-quantity .tp-dreckment:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-booking-quantity .tp-increment {
  right: auto;
  left: 14px;
}
.tp-booking-quantity .tp-input[type=text] {
  height: 46px;
  line-height: 47px;
  padding: 0 45px;
  font-size: 16px;
  background-color: transparent;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-border-1);
  border-radius: 50px;
  text-align: center;
  width: 122px;
}
.tp-booking-quantity-content {
  margin-left: 15px;
}
.tp-booking-quantity-content span {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  font-size: 18px;
  margin-bottom: 4px;
  display: inline-block;
}
.tp-booking-quantity-content p {
  font-size: 15px;
  color: var(--tp-grey-1);
  line-height: 1;
}
.tp-booking-quantity-content p a {
  text-decoration: underline;
}
.tp-booking-quantity-content p a:hover {
  color: var(--tp-theme-1);
}
.tp-booking-submit-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  z-index: 2;
}
.tp-booking-submit-btn button {
  border-radius: 36px;
  width: 50px;
  height: 50px;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-booking-submit-btn button:hover {
  background: var(--tp-common-red);
}
.tp-booking-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  background: var(--tp-common-white);
  border-radius: 50px;
  padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-wrap {
    border-radius: 20px;
  }
}
.tp-booking-col-2 {
  width: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-col-2 .tp-booking-location-input::before {
    display: none;
  }
}
.tp-booking-col-3 {
  width: 320px;
}
.tp-booking-col-3 .tp-input {
  padding-left: 80px;
}
.tp-booking-form-border {
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
  padding-bottom: 40px;
  margin-bottom: 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-booking-form-border {
    width: 70%;
  }
}
.tp-booking-form-border .tp-booking-wrap {
  border: 1px solid rgba(7, 21, 22, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-booking-form-border .tp-booking-col-1 {
    width: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-booking-form-border .tp-booking-col-2 {
    width: 175px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-booking-form-border .tp-booking-col-3 {
    width: 269px;
  }
}
.tp-booking-form-one {
  background: var(--tp-common-white);
  border-radius: 18px;
  padding: 45px 40px 50px 40px;
  margin-right: 77px;
  margin-left: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-form-one {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-booking-form-one {
    padding: 30px 15px 30px 15px;
  }
}
.tp-booking-form-one-title {
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-common-black);
}
.tp-booking-form-one-subtitle {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-booking-form-one .tp-booking-wrap {
  display: block;
  padding: 0;
}
.tp-booking-form-one .tp-booking-location {
  width: 100%;
  padding-left: 0;
}
.tp-booking-form-one .tp-booking-location .tp-input {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50px;
  background: transparent;
}
.tp-booking-form-one .tp-booking-input-icon {
  color: var(--tp-grey-1);
}
.tp-booking-form-one .tp-btn {
  padding: 17px 24px;
}
.tp-booking-form-two .tp-booking-col-2 {
  width: 265px;
}
@media (max-width: 574.98px) {
  .tp-booking-form-two .tp-booking-col-2 {
    width: 100%;
  }
}
.tp-booking-form-two .tp-booking-location .tp-input {
  padding-left: 67px;
}
.tp-booking-help a {
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-booking-help a:hover {
  color: var(--tp-theme-1);
}
.tp-booking-package-list ul li {
  list-style: none;
}
.tp-booking-package-list ul li:not(:last-child) {
  margin-bottom: 16px;
}
.tp-booking-package-list ul li a {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 60px;
  padding: 12px 20px 12px 40px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  display: block;
  position: relative;
}
.tp-booking-package-list ul li a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.tp-booking-package-list ul li a:hover i {
  opacity: 1;
  visibility: visible;
  left: 24px;
}
.tp-booking-package-list ul li a i {
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--tp-common-white);
  color: var(--tp-common-white);
  font-size: 12px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 34px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.tp-booking-3-sub {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  line-height: 1;
  margin-top: 4px;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-booking-3-form {
    margin-right: -50px;
    margin-left: -50px;
  }
}
.tp-booking-3-form .tp-booking-wrap {
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 12px;
  padding: 16px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-3-form .tp-booking-wrap {
    display: inline-block;
  }
}
.tp-booking-3-form .tp-booking-location-input {
  line-height: 1;
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-3-form .tp-booking-location-input {
    margin-bottom: 15px;
  }
}
.tp-booking-3-form .tp-booking-location-input .tp-input {
  padding-right: 0;
  border-radius: 0px;
  height: 28px;
  line-height: 1;
  font-size: 14px;
}
.tp-booking-3-form .tp-booking-location-input .tp-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
}
.tp-booking-3-form .tp-booking-location-input .tp-input::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
}
.tp-booking-3-form .tp-booking-location-input .tp-input:-moz-placeholder { /* Firefox 4-18 */
  font-size: 14px;
}
.tp-booking-3-form .tp-booking-location-input .tp-input:-ms-input-placeholder { /* IE 10+  Edge*/
  font-size: 14px;
}
.tp-booking-3-form .tp-booking-location-input .tp-input::placeholder { /* MODERN BROWSER */
  font-size: 14px;
}
.tp-booking-3-form .tp-booking-submit-btn button {
  width: auto;
  height: auto;
  font-size: 16px;
  padding: 17px 27px;
  border-radius: 6px;
}
@media (max-width: 574.98px) {
  .tp-booking-3-form .tp-booking-submit-btn button {
    padding: 12px 27px;
  }
}
.tp-booking-3-form .tp-booking-submit-btn {
  left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-3-form .tp-booking-col-1 {
    width: 100%;
  }
}
.tp-booking-3-form .tp-booking-col-3 {
  width: 360px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-booking-3-form .tp-booking-col-3 {
    width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-3-form .tp-booking-col-3 {
    width: 100%;
  }
}
.tp-booking-3-form .tp-booking-col-3 .tp-booking-location-input .tp-input {
  padding-left: 152px;
}
.tp-booking-3-form .tp-booking-location-input::before {
  height: 18px;
}
.tp-booking-3-form #lineMarker {
  border-radius: 6px;
}
.tp-booking-5-form .tp-booking-wrap {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-booking-5-form .tp-booking-location {
    width: 175px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-booking-5-form .tp-booking-col-3 {
    width: 310px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-5-form .tp-booking-col-3 {
    width: 270px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-5-form .tp-booking-col-3 {
    width: 100%;
  }
}
.tp-booking-5-form .tp-booking-col-3 .tp-booking-toggle-active {
  right: auto;
  left: 0;
}
.tp-booking-6-title {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-booking-6-dec {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-booking-6-dec a {
  color: var(--tp-theme-1);
}
.tp-booking-6-form {
  box-shadow: 0 20px 24px 0 rgba(20, 20, 20, 0.05);
  background: var(--tp-common-white);
  border-radius: 16px;
  padding: 33px 50px 30px 50px;
  margin-top: -110px;
  z-index: 3;
  position: relative;
}
@media (max-width: 574.98px) {
  .tp-booking-6-form {
    padding: 33px 20px 30px 20px;
  }
}
.tp-booking-6-form .tp-booking-submit-btn {
  position: inherit;
  transform: inherit;
  left: auto;
  top: auto;
}
.tp-booking-6-form .tp-booking-submit-btn button {
  border-radius: 6px;
  width: 192px;
  height: 60px;
}
.tp-booking-6-form .tp-booking-location {
  width: 100%;
}
@media (max-width: 574.98px) {
  .tp-booking-6-form .tp-booking-toggle-active {
    right: auto;
    left: 0;
  }
}
.tp-booking-6-form .tp-booking-location-input::before {
  display: none;
}
.tp-booking-6-form .tp-booking-wrap {
  flex-wrap: nowrap;
  gap: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-6-form .tp-booking-wrap {
    flex-wrap: wrap;
  }
}
.tp-booking-6-form .tp-booking-location-input .tp-input {
  height: 60px;
  background: var(--tp-grey-3);
  border-radius: 6px;
}
.tp-booking-6-form .tp-booking-input-icon {
  top: 48%;
  right: 23px;
  color: #5f556a;
}
.tp-booking-6-form .tp-booking-location-input .tp-input {
  padding-left: 20px;
}
.tp-booking-7-form .tp-booking-input-icon {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 8px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
}
.tp-booking-7-form .tp-booking-location-input {
  padding-right: 65px;
}
.tp-booking-7-form .tp-booking-location-input::before {
  display: none;
}
.tp-booking-7-form .tp-booking-location {
  width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-7-form .tp-booking-location {
    width: 100%;
  }
}
.tp-booking-7-form .tp-booking-col-3 {
  width: 312px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-7-form .tp-booking-col-3 {
    width: 100%;
  }
}
.tp-booking-7-form .tp-booking-submit-btn button {
  padding: 12px 20px;
}
.tp-booking-7-form .tp-booking-wrap {
  padding-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-7-form .tp-booking-wrap {
    padding-bottom: 0;
  }
}
.tp-booking-7-form .tp-booking-location-tour-type ul li {
  padding: 7px 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 574.98px) {
  .tp-booking-7-form .tp-booking-col-3 .tp-booking-toggle-active {
    right: auto;
    left: 0;
  }
}

#lineMarker {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  transition: 0.4s;
  border-radius: 50px;
  display: inline-block;
  background: rgb(240, 245, 250);
}

/*----------------------------------------*/
/*  7.13 Datepicker css start
/*----------------------------------------*/
.daterangepicker {
  margin-top: 10px;
  border: 1px solid #e4e4e4;
  border-radius: 32px;
  box-shadow: 0 10px 30px -10px rgba(20, 20, 20, 0.2);
  background: var(--tp-common-white);
}

 .daterangepicker option.disabled {
  text-decoration: none;
}

.daterangepicker .drp-buttons .btn.cancelBtn {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .daterangepicker .drp-buttons .btn.cancelBtn {
    margin-bottom: 5px;
  }
}
.daterangepicker .drp-buttons .btn.cancelBtn:hover {
  background: var(--tp-theme-1);
}

@media (max-width: 574.98px) {
  .daterangepicker {
    width: 320px;
    max-width: auto !important;
  }
}

.daterangepicker .drp-buttons .btn {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border-color: transparent;
}
.daterangepicker .drp-buttons .btn:hover {
  background: var(--tp-common-red);
}

.daterangepicker:before {
  display: none;
}

.daterangepicker:after {
  display: none;
}

.drp-calendar.left {
  border-left: 1px solid #e4e4e4;
}

.daterangepicker .drp-calendar {
  max-width: 320px;
  padding: 15px !important;
}

.daterangepicker .drp-buttons {
  padding: 10px 10px 10px 20px;
}

/*----------------------------------------*/
/*  7.32 tour css start
/*----------------------------------------*/
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
.tp-tour-filter-btn {
  color: var(--tp-common-black);
  font-size: 16px;
  letter-spacing: -0.02em;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50px;
  padding: 11px 24px;
  flex: 0 0 auto;
}
.tp-tour-filter-btn:hover {
  color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
.tp-tour-filter-btn svg {
  margin-left: 5px;
  transform: translateY(-2px);
}
.tp-tour-filter-result {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-tour-sort .tp-select {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  padding-left: 45px;
  height: 50px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50px;
  line-height: 48px;
}
.tp-tour-sort .tp-select:after {
  left: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-ptb-2 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
.tp-tour-item {
  backdrop-filter: blur(32px);
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.05);
  background: var(--tp-common-white);
  border-radius: 16px;
}
.tp-tour-item:hover .tp-tour-thumb .image::before {
  opacity: 1;
  visibility: visible;
}
.tp-tour-item:hover .tp-tour-thumb .image img {
  transform: scale(1.1);
}
.tp-tour-item:hover .tp-tour-media-meta span, .tp-tour-item:hover .tp-tour-media-meta a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tp-tour-item:hover .tp-tour-media-meta span:nth-child(1), .tp-tour-item:hover .tp-tour-media-meta a:nth-child(1) {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.tp-tour-item:hover .tp-tour-media-meta span:nth-child(2), .tp-tour-item:hover .tp-tour-media-meta a:nth-child(2) {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tp-tour-item:hover .tp-tour-media-meta span:nth-child(3), .tp-tour-item:hover .tp-tour-media-meta a:nth-child(3) {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tp-tour-thumb {
  border-radius: 16px 16px 0 0;
}
.tp-tour-thumb .image {
  position: relative;
  display: block;
  height: 233px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-tour-thumb .image {
    height: 320px;
  }
}
.tp-tour-thumb .image::before {
  position: absolute;
  content: "";
  background: rgba(7, 21, 22, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  z-index: 1;
}
.tp-tour-thumb .image img {
  transition: all 0.4s ease;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tp-tour-review span {
  color: var(--tp-common-yellow);
}
.tp-tour-review-score {
  font-size: 14px;
  letter-spacing: -0.05em;
  color: var(--tp-grey-1);
  margin-top: 2px;
}
.tp-tour-title {
  font-size: 24px;
  line-height: 125%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-tour-title {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-title {
    font-size: 20px;
  }
}
.tp-tour-title a:hover {
  color: var(--tp-theme-1);
}
.tp-tour-info {
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
  padding-bottom: 17px;
  margin-bottom: 12px;
}
.tp-tour-info > span, .tp-tour-info a {
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: var(--tp-grey-1);
  display: inline-block;
  align-items: center;
  position: relative;
}
.tp-tour-info > span:first-child, .tp-tour-info a:first-child {
  margin-bottom: 4px;
  margin-left: 0;
  padding-left: 0;
  display: block;
}
.tp-tour-info > span:first-child::before, .tp-tour-info a:first-child::before {
  display: none;
}
.tp-tour-info > span:not(:last-child), .tp-tour-info a:not(:last-child) {
  margin-left: 10px;
  padding-left: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-info > span:not(:last-child), .tp-tour-info a:not(:last-child) {
    margin-left: 7px;
  }
}
.tp-tour-info > span:not(:last-child)::before, .tp-tour-info a:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(17, 17, 17, 0.08);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.tp-tour-info > span svg, .tp-tour-info a svg {
  transform: translateY(-1px);
  margin-left: 2px;
}
.tp-tour-old-price {
  text-decoration: line-through;
}
.tp-tour-new-price {
  font-size: 28px;
  letter-spacing: -0.04em;
  color: var(--tp-theme-1);
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-tour-new-price {
    font-size: 22px;
  }
}
.tp-tour-top-price span {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--tp-grey-1);
}
.tp-tour-suffix {
  font-size: 14px;
  color: var(--tp-grey-1);
  display: inline-block;
  transform: translateY(-1px);
}
.tp-tour-meta {
  margin-bottom: 8px;
}
.tp-tour-content {
  padding: 14px 24px 20px 24px;
}
.tp-tour-wishlist {
  border-radius: 30px;
  width: 29px;
  height: 29px;
  backdrop-filter: blur(3px);
  background: var(--tp-common-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--tp-common-black);
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  cursor: pointer;
  transition: all 0.4s ease;
}
.tp-tour-wishlist:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-tour-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  display: flex;
  gap: 5px;
  align-items: start;
  flex-direction: column;
}
.tp-tour-badge .discount {
  font-size: 12px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border-radius: 24px;
  padding: 8px 12px;
  display: inline-block;
  background: var(--tp-theme-1);
  line-height: 1;
}
.tp-tour-media-meta {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 1;
}
.tp-tour-media-meta span, .tp-tour-media-meta a {
  border-radius: 24px;
  width: 29px;
  height: 29px;
  box-shadow: 0 1px 20px 0 rgba(17, 17, 17, 0.25);
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
}
.tp-tour-media-meta span:hover, .tp-tour-media-meta a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  transition: all 0.4s ease;
}
.tp-tour-dis-banner {
  border-radius: 16px;
  padding: 27px 30px 15px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-dis-banner {
    background-position: left;
  }
}
.tp-tour-dis-icon {
  color: var(--tp-common-white);
  flex-wrap: wrap;
  margin-left: 12px;
}
.tp-tour-dis-subtitle {
  font-family: var(--tp-ff-dancing);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.06em;
  color: var(--tp-common-white);
}
.tp-tour-dis-title {
  font-size: 18px;
  letter-spacing: -0.05em;
  color: var(--tp-common-white);
}
.tp-tour-list .tp-tour-thumb {
  width: 457px;
  height: 374px;
  border-radius: 8px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-tour-list .tp-tour-thumb {
    width: 257px;
    height: 330px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-tour-list .tp-tour-thumb {
    width: 357px;
    height: 330px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list .tp-tour-thumb {
    width: 100%;
    height: 100%;
  }
}
.tp-tour-list .tp-tour-thumb .image {
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list .tp-tour-dec br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list .tp-tour-title br {
    display: none;
  }
}
.tp-tour-list .tp-tour-item {
  display: flex;
  align-items: center;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 16px;
  padding: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list .tp-tour-item {
    flex-wrap: wrap;
  }
}
@media (max-width: 574.98px) {
  .tp-tour-list .tp-tour-item {
    padding: 20px;
  }
}
.tp-tour-list .tp-tour-content {
  width: 100%;
  padding-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-tour-list .tp-tour-content {
    padding-right: 24px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list .tp-tour-content {
    padding: 0;
    padding-top: 20px;
  }
}
.tp-tour-list .tp-tour-info {
  padding-bottom: 26px;
  margin-bottom: 27px;
}
.tp-tour-list .tp-tour-media-meta {
  left: auto;
  right: 16px;
}
.tp-tour-list .tp-tour-top-price {
  margin-bottom: 4px;
}
.tp-tour-list .tp-tour-info > span:not(:last-child), .tp-tour-list .tp-tour-info a:not(:last-child) {
  margin-left: 22px;
  padding-left: 22px;
}
@media (max-width: 574.98px) {
  .tp-tour-list .tp-tour-info > span:not(:last-child), .tp-tour-list .tp-tour-info a:not(:last-child) {
    padding-left: 8px;
    margin-left: 8px;
  }
}
.tp-tour-list-map .tp-tour-thumb {
  width: 333px;
  height: 330px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-tour-list-map .tp-tour-thumb {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-tour-list-map .tp-tour-thumb {
    width: 257px;
    height: 330px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list-map .tp-tour-thumb {
    width: 100%;
    height: 100%;
  }
}
.tp-tour-list-map .tp-tour-info > span svg, .tp-tour-list-map .tp-tour-info a svg {
  color: var(--tp-theme-1);
}
.tp-tour-list-map .tp-tour-info > span:not(:last-child), .tp-tour-list-map .tp-tour-info a:not(:last-child) {
  margin-left: 10px;
  padding-left: 10px;
}
.tp-tour-list-map .tp-tour-info {
  padding-bottom: 17px;
  margin-bottom: 12px;
}
.tp-tour-list-map .tp-tour-top-price {
  margin-bottom: 0;
}
.tp-tour-list-map .tp-tour-content {
  padding-right: 20px;
  padding-left: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list-map .tp-tour-content {
    padding-right: 0;
  }
}
.tp-tour-map {
  position: sticky;
  top: 0;
  width: 100%;
  height: 1268px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-tour-map {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-map {
    height: 600px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 574.98px) {
  .tp-tour-map {
    height: 400px;
  }
}
.tp-tour-map iframe {
  width: 100%;
  height: 100%;
  mix-blend-mode: luminosity;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-map-area {
    overflow: hidden;
  }
}
.tp-tour-grid-map {
  padding-top: 120px;
  padding-bottom: 160px;
  padding-right: 160px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-tour-grid-map {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-tour-grid-map {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-tour-grid-map {
    padding-right: 30px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-grid-map {
    padding-right: 15px;
    padding-bottom: 90px;
    padding-top: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-grid-map {
    padding-left: 15px;
  }
}
.tp-tour-gallery-thumb {
  border-radius: 16px;
}
.tp-tour-gallery-thumb img {
  transition: all 0.4s ease;
}
.tp-tour-gallery-thumb:hover img {
  transform: scale(1.1);
}
.tp-tour-gallery-thumb .tp-tour-media-meta {
  right: 32px;
  bottom: 32px;
  left: auto;
}
.tp-tour-gallery-thumb .tp-tour-media-meta span, .tp-tour-gallery-thumb .tp-tour-media-meta a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  width: 50px;
  height: 50px;
}
.tp-tour-gallery-thumb.gallery .tp-tour-media-meta {
  right: auto;
  left: 32px;
}
.tp-tour-gallery-thumb.gallery .tp-tour-media-meta span, .tp-tour-gallery-thumb.gallery .tp-tour-media-meta a {
  border-radius: 34px;
  width: auto;
  height: auto;
  padding: 7px 22px;
}
.tp-tour-gallery-thumb.gallery .tp-tour-media-meta span svg, .tp-tour-gallery-thumb.gallery .tp-tour-media-meta a svg {
  margin-left: 8px;
}
.tp-tour-gallery-thumb.gallery-col-1 {
  margin-left: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-gallery-thumb.gallery-col-1 {
    margin-left: 0;
  }
}
.tp-tour-gallery-inner {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-gallery-inner {
    margin-right: 0;
  }
}
.tp-tour-gallery-gg-rating span {
  color: var(--tp-theme-1);
  line-height: 1;
}
.tp-tour-gallery-gg-rating .rating-count {
  font-size: 16px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.tp-tour-gallery-gg-rating p {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-tour-gallery-gg-rating-wrap {
  background: #f5f7f7;
  border-radius: 16px;
  padding: 45px 50px 50px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-gallery-gg-rating-wrap {
    padding: 25px 30px 20px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-tour-gallery-gg-rating-wrap .mb-145 {
    margin-bottom: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-tour-gallery-gg-rating-wrap .mb-145 {
    margin-bottom: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-gallery-gg-rating-wrap .mb-145 {
    margin-bottom: 45px;
  }
}
.tp-tour-red .tp-tour-info > span svg, .tp-tour-red .tp-tour-info a svg {
  color: var(--tp-theme-1);
}
.tp-tour-tab ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-tab ul {
    justify-content: flex-start;
  }
}
.tp-tour-tab ul li {
  list-style: none;
}
.tp-tour-tab ul li a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  border: 1px solid rgba(0, 53, 50, 0.1);
  border-radius: 50px;
  padding: 16px 24px;
  display: inline-block;
  line-height: 1;
}
.tp-tour-tab ul li a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-tour-tab ul li a.active {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tp-animate-tab .tab-pane {
  display: block;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition-timing-function: ease-in;
  transition-duration: 0.2s;
}

.tp-animate-tab .tab-pane.active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
}

/*----------------------------------------*/
/*  7.20 Instagram Style
/*----------------------------------------*/
.tp-instagram-thumb {
  overflow: hidden;
  border-radius: 12px;
}
.tp-instagram-thumb:hover img {
  transform: scale(1.1);
}
.tp-instagram-thumb img {
  transition: all 0.5s ease;
}

/*----------------------------------------*/
/*  7.17 filter Style
/*----------------------------------------*/
.tp-filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.tp-filter-title {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
  margin-bottom: 0;
  transition: all 0.4s ease;
}
.tp-filter-sidebar {
  padding: 43px 28px 45px 28px;
  border: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 16px;
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.03);
}
.tp-filter-item:not(:last-child) {
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.tp-filter-icon {
  transform: rotate(-180deg);
  transition: all 0.4s ease;
}
.tp-filter-checkbox ul li {
  list-style: none;
}
.tp-filter-checkbox ul li:not(:last-child) {
  margin-bottom: 6px;
}
.tp-filter-checkbox ul li input {
  display: none;
}
.tp-filter-checkbox ul li input:checked ~ label::after {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
.tp-filter-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-filter-checkbox ul li label {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  position: relative;
  padding-right: 28px;
}
.tp-filter-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 13px;
  text-align: center;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
  border: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 4px;
  background: #f7f9f9;
}
.tp-filter-checkbox ul li label::before {
  position: absolute;
  content: url("../../img/tour/check.svg");
  top: 5px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-filter-checkbox ul li label:hover {
  cursor: pointer;
}
.tp-filter-showmore {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tp-theme-1);
  margin-top: 15px;
}
.tp-filter-showmore:hover {
  color: var(--tp-common-red);
}
.tp-filter-showmore-2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tp-theme-1);
  margin-top: 15px;
}
.tp-filter-showmore-2:hover {
  color: var(--tp-common-red);
}
.tp-filter-search .tp-input {
  height: 40px;
  border-color: rgba(7, 21, 22, 0.1);
  background: transparent;
  width: 100%;
}
.tp-filter-collapse {
  transition: all 0.4s ease;
}
.tp-filter-collapse.collapsed-item {
  margin-bottom: 0;
}
.tp-filter-collapse.collapsed-item .tp-filter-title {
  color: var(--tp-theme-1);
}
.tp-filter-collapse.collapsed-item .tp-filter-icon {
  transform: rotate(0deg);
  color: var(--tp-theme-1);
}
.tp-filter-collapse.collapsed-item:has(.tp-filter-item) {
  padding-bottom: 0;
  margin-bottom: 0;
}
.tp-filter-ratings {
  margin-left: 8px;
  transform: translateY(-2px);
}
.tp-filter-ratings i {
  color: var(--tp-theme-1);
}
.tp-filter-ratings-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tp-filter-offcanvas-area {
  position: fixed;
  right: 0;
  top: 0;
  width: 340px;
  height: 100%;
  -webkit-transform: translateX(calc(-1*(-100% - 80px)));
  -moz-transform: translateX(calc(-1*(-100% - 80px)));
  -ms-transform: translateX(calc(-1*(-100% - 80px)));
  -o-transform: translateX(calc(-1*(-100% - 80px)));
  transform: translateX(calc(-1*(-100% - 80px)));
  background: var(--tp-common-white) none repeat scroll 100% 0;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.tp-filter-offcanvas-area::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.tp-filter-offcanvas-area.offcanvas-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
@media (max-width: 380px) {
  .tp-filter-offcanvas-area {
    width: 100%;
  }
}
.tp-filter-offcanvas-area .tp-filter-sidebar {
  border: none;
  padding-top: 0;
}
.tp-filter-offcanvas-right {
  -webkit-transform: translateX(calc(-1*(100% + 80px)));
  -moz-transform: translateX(calc(-1*(100% + 80px)));
  -ms-transform: translateX(calc(-1*(100% + 80px)));
  -o-transform: translateX(calc(-1*(100% + 80px)));
  transform: translateX(calc(-1*(100% + 80px)));
  right: auto;
  left: 0;
}
.tp-filter-offcanvas-wrapper {
  position: relative;
  padding: 100px 0 0;
  z-index: 1;
  min-height: 100%;
}
.tp-filter-offcanvas-close-btn {
  background: #151515;
  padding: 15px 30px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.tp-filter-offcanvas-close-btn:hover {
  color: var(--tp-common-white);
}
.tp-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 32px;
}
.tp-filter-pills .tp-tour-sort .tp-select {
  color: var(--tp-grey-1);
  height: 40px;
  line-height: 38px;
  padding-left: 38px;
}
.tp-filter-pills .tp-tour-sort .tp-select .list {
  min-width: 200px;
}
.tp-filter-pills .nice-select::after {
  color: var(--tp-grey-1);
  left: 21px;
}

.load-more-content {
  height: 190px;
  overflow: hidden;
  transition: height 0.4s ease;
}

.load-more-content.active {
  max-height: 500px;
}

.toggle-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tp-theme-1);
  margin-top: 15px;
}

/*----------------------------------------*/
/* 7.27 review css
/*----------------------------------------*/
.tp-review-inner {
  padding: 45px 30px 25px 35px;
  background: var(--tp-grey-3);
  border-radius: 16px;
}
.tp-review-rating {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
.tp-review-rating-star {
  color: var(--tp-theme-1);
  font-size: 18px;
  transform: translateY(-2px);
  margin-left: 8px;
}
.tp-review-rating-title {
  font-size: 20px;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  margin-left: 9px;
}
.tp-review-rating-number {
  font-size: 14px;
  color: var(--tp-grey-1);
}
.tp-review-rating-content {
  font-size: 14px;
  color: var(--tp-common-black);
  font-weight: 500;
  width: 90px;
  margin-left: 8px;
  transform: translateY(-1px);
  flex: 0 0 auto;
}
.tp-review-rating-progress {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
  flex-wrap: wrap;
}
.tp-review-rating-bar {
  width: 100%;
  background: rgba(20, 20, 20, 0.1);
  border-radius: 5px;
  min-width: 170px;
  height: 4px;
  margin-left: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-review-rating-bar {
    min-width: 110px;
  }
}
@media (max-width: 574.98px) {
  .tp-review-rating-bar {
    min-width: 90px;
  }
}
.tp-review-rating-bar .single-progress {
  background-color: var(--tp-theme-1);
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.tp-review-rating-bar-text {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-grey-1);
}
.tp-review-count p {
  font-size: 15px;
  color: var(--tp-grey-1);
}
.tp-review-stats {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
.tp-review-rates span {
  color: var(--tp-theme-1);
}
.tp-review-rates-wrap ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 574.98px) {
  .tp-review-rates-wrap ul {
    grid-template-columns: 1fr 1fr;
  }
}
.tp-review-rates-wrap ul li {
  list-style: none;
  margin-bottom: 20px;
}
.tp-review-input .tp-label {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-review-input .tp-input {
  border-radius: 6px;
  background: var(--tp-grey-3);
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
  height: 56px;
}
.tp-review-input .tp-input:focus {
  background: transparent;
  border: 1px solid var(--tp-theme-1);
}
.tp-review-input .tp-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-review-input .tp-input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-review-input .tp-input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-review-input .tp-input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-review-input .tp-input::placeholder { /* MODERN BROWSER */
  color: var(--tp-grey-1);
  font-weight: 400;
  font-size: 16px;
}
.tp-review-input .tp-textarea {
  height: 180px;
}
.tp-review-input .tp-checkbox {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #e4e4e4;
  outline: none;
  flex: 0 0 auto;
  background: var(--tp-common-white);
  -webkit-transform: translateY(-2.5px);
  -moz-transform: translateY(-2.5px);
  -ms-transform: translateY(-2.5px);
  -o-transform: translateY(-2.5px);
  transform: translateY(-2.5px);
  padding: 0;
  margin-left: 10px;
  transform: translateY(3px);
  border-radius: 4px;
}
.tp-review-input .tp-checkbox:checked {
  position: relative;
  background-color: var(--tp-theme-1);
  border-color: transparent;
}
.tp-review-input .tp-checkbox:checked::after {
  box-sizing: border-box;
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.tp-review-input .tp-checkbox:hover {
  cursor: pointer;
}
.tp-review-input .tp-agree {
  font-size: 16px;
  color: var(--tp-grey-1);
  cursor: pointer;
}
.tp-review-input .tp-agree a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  display: inline-block;
  color: var(--tp-common-black);
}
.tp-review-input .tp-agree a:hover {
  color: var(--tp-theme-1);
}
.tp-review-2-score {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-1);
}
.tp-review-2-dec {
  font-weight: 500;
  font-size: 16px;
  line-height: 188%;
  color: var(--tp-common-black);
}
.tp-review-2-avater-thumb img {
  width: 60px;
  border-radius: 100px;
  flex: 0 0 auto;
}
.tp-review-2-avater-name {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
}
.tp-review-2-avater-date {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
}
.tp-review-2-gallery-item {
  border-radius: 8px;
  width: 88px;
  height: 80px;
  overflow: hidden;
  flex: 0 0 auto;
}
.tp-review-2-reaction a {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
  display: inline-flex;
  align-items: center;
  margin-left: 15px;
}
.tp-review-2-reaction a:hover {
  color: var(--tp-theme-1);
}
.tp-review-2-reaction a svg {
  margin-left: 5px;
}

.tp-tour-review-rating span {
  font-size: 12px;
  color: var(--tp-theme-1);
}
.tp-tour-review-item {
  border-top: 1px solid rgba(20, 20, 20, 0.1);
  padding-top: 32px;
  margin-bottom: 15px;
}
.tp-tour-review-item.children {
  margin-right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-review-item.children {
    margin-right: 0;
  }
}
.tp-tour-review-avater {
  display: flex;
}
@media (max-width: 574.98px) {
  .tp-tour-review-avater {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-review-avater-content p br {
    display: none;
  }
}
.tp-tour-review-avater-thumb {
  margin-left: 20px;
  transform: translateY(6px);
  flex: 0 0 auto;
}
@media (max-width: 574.98px) {
  .tp-tour-review-avater-thumb {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.tp-tour-review-avater-thumb img {
  border-radius: 50%;
  flex: 0 0 auto;
}
.tp-tour-review-avater-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
.tp-tour-review-avater-title span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
  position: relative;
  padding-right: 7px;
  display: inline-block;
  margin-right: 3px;
}
.tp-tour-review-avater-title span::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 20px;
  background: #dedede;
  right: -2px;
  top: 50%;
  transform: translateY(-1px);
}
.tp-tour-review-form-btn .tp-btn-4 {
  padding: 13px 43px;
  background: var(--tp-common-falured);
}
.tp-tour-review-form-btn .tp-btn-4:hover {
  background: var(--tp-theme-2);
}
.tp-tour-review-form-content {
  display: none;
}
.tp-tour-review-form-content p {
  font-family: var(--tp-ff-onest);
  line-height: 28px;
  color: var(--tp-grey-5);
}
.tp-tour-review-form-content-2 p {
  color: var(--tp-grey-1);
}
.tp-tour-review-form-btn .tp-btn {
  padding: 17px 32px;
}

/*----------------------------------------*/
/*  7.31 tour details css start
/*----------------------------------------*/
.tp-tour-details-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.tp-tour-details-meta span {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 39px;
  padding: 2px 15px;
  display: inline-block;
}
@media (max-width: 574.98px) {
  .tp-tour-details-meta span {
    border-radius: 12px;
  }
}
.tp-tour-details-meta span a {
  position: relative;
}
.tp-tour-details-meta span a:hover {
  color: var(--tp-theme-1);
}
.tp-tour-details-meta span a:not(:last-child)::after {
  content: "/";
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-grey-1);
  font-size: 14px;
  margin-right: 5px;
}
.tp-tour-details-price .tp-tour-prefix {
  color: var(--tp-common-black);
  font-size: 16px;
}
.tp-tour-details-price .tp-tour-old-price {
  color: var(--tp-grey-1);
  font-size: 16px;
}
.tp-tour-details-price .tp-tour-suffix {
  font-size: 16px;
}
.tp-tour-details-price-wrap .tp-tour-review, .tq-tour-card .tp-tour-review {
  line-height: 1;
  transform: translateY(-2px);
}
.tp-tour-details-price-wrap .tp-tour-review span, .tq-tour-card .tp-tour-review span {
  color: var(--tp-theme-1);
}
.tp-tour-details-price-wrap .tp-tour-info, .tq-tour-card .tp-tour-info {
  font-size: 16px;
  padding: 0;
  margin: 0;
  border: none;
  margin-left: 12px;
}
.tp-tour-details-price-wrap .tp-tour-info svg, .tq-tour-card .tp-tour-info svg {
  color: var(--tp-theme-1);
}
.tp-tour-details-price-wrap .tp-tour-info > span, .tp-tour-details-price-wrap .tp-tour-info a, .tq-tour-card .tp-tour-info > span, .tq-tour-card .tp-tour-info a {
  font-size: 16px;
}
.tp-tour-details-price-wrap .tp-tour-review-score, .tq-tour-card .tp-tour-review-score {
  font-size: 16px;
  margin-top: 0;
  margin-right: 4px;
}
.tp-tour-details-wishlist a, .tp-tour-details-wishlist button {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  display: flex;
  align-items: center;
}
.tp-tour-details-wishlist a:hover, .tp-tour-details-wishlist button:hover {
  color: var(--tp-theme-1);
}
.tp-tour-details-wishlist a:not(:last-child), .tp-tour-details-wishlist button:not(:last-child) {
  margin-left: 28px;
}
.tp-tour-details-wishlist a svg, .tp-tour-details-wishlist button svg {
  margin-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-content {
    margin-left: 0;
  }
}
.tp-tour-details-title {
  font-size: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-title {
    font-size: 26px;
  }
}
.tp-tour-details-title .icon {
  transform: translateY(-4px);
}
.tp-tour-details-info ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-tour-details-info ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 574.98px) {
  .tp-tour-details-info ul {
    grid-template-columns: 1fr;
  }
}
.tp-tour-details-info ul li {
  list-style: none;
  display: inline-flex;
  align-items: center;
}
.tp-tour-details-info-icon {
  width: 52px;
  height: 52px;
  background: var(--tp-grey-3);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  flex: 0 0 auto;
  margin-left: 16px;
}
.tp-tour-details-info-content span {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-tour-details-info-content h3 {
  font-size: 20px;
}
.tp-tour-details-place-thumb {
  overflow: hidden;
}
.tp-tour-details-place-thumb:hover img {
  transform: scale(1.1);
}
.tp-tour-details-place-thumb img {
  transition: all 0.4s ease;
}
.tp-tour-details-place-thumb a {
  border-radius: 16px;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
}
.tp-tour-details-place-thumb span {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-tour-details-map {
  border-radius: 16px;
  overflow: hidden;
  line-height: 1;
}
.tp-tour-details-map iframe {
  width: 100%;
  height: 300px;
}
.tp-tour-details-map-destinations {
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 24px;
}
.tp-tour-details-map-destinations a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  border-radius: 50px;
  padding: 10px 24px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  background: var(--tp-common-white);
  display: inline-block;
}
.tp-tour-details-map-destinations a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-tour-details-map-destinations a svg {
  margin-left: 7px;
}
.tp-tour-details-border {
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-tour-details-highlight ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 574.98px) {
  .tp-tour-details-highlight ul {
    grid-template-columns: 1fr;
  }
}
.tp-tour-details-highlight ul li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  display: flex;
}
.tp-tour-details-highlight ul li svg {
  color: var(--tp-theme-1);
  margin-left: 8px;
  flex: 0 0 auto;
  transform: translateY(2px);
}
.tp-tour-details-included-list {
  display: flex;
  align-items: start;
  gap: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-tour-details-included-list {
    gap: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-included-list {
    gap: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-tour-details-included-list {
    flex-wrap: wrap;
  }
}
.tp-tour-details-included-list .tp-filter-showmore-2 {
  color: var(--tp-common-black);
  margin-top: 20px;
}
.tp-tour-details-included ul {
  grid-template-columns: 1fr;
  gap: 17px;
}
.tp-tour-details-included ul li svg {
  transform: translateY(9px);
}
.tp-tour-details-plan-icon {
  position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--tp-theme-1);
  top: -10px;
  right: -70px;
  color: var(--tp-common-white);
  z-index: 1;
}
.tp-tour-details-plan-list ul {
  position: relative;
  padding-right: 70px;
}
.tp-tour-details-plan-list ul::after {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(7, 21, 22, 0.1);
  display: inline-block;
  position: absolute;
  top: 0;
  right: 25px;
}
.tp-tour-details-plan-list ul li {
  list-style: none;
  position: relative;
}
.tp-tour-details-plan-list ul li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px;
  border: 2px solid var(--tp-theme-1);
  top: 3px;
  right: -55px;
  background: var(--tp-common-white);
  z-index: 1;
}
.tp-tour-details-plan-list ul li:not(:last-child) {
  padding-bottom: 6px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-tour-details-plan-list ul li:first-child::before {
  display: none;
}
.tp-tour-details-plan-list ul li h4 {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-black);
  margin-bottom: 18px;
}
.tp-tour-details-init-title {
  font-size: 18px;
  letter-spacing: -0.02em;
}
.tp-tour-details-init-dec {
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.03em;
}
.tp-tour-details-init-item {
  border: 1px solid #e7eaea;
  border-radius: 8px;
  padding: 20px 24px 0 25px;
}
.tp-tour-details-policy {
  background: var(--tp-grey-3);
  border-radius: 16px;
  padding: 44px 50px 50px 40px;
}
@media (max-width: 574.98px) {
  .tp-tour-details-policy {
    padding: 24px 20px 30px 20px;
  }
}
.tp-tour-details-policy-title {
  font-size: 25px;
}
.tp-tour-details-policy-content h4 {
  font-size: 18px;
  letter-spacing: -0.03em;
}
.tp-tour-details-destination-badge {
  font-weight: 600;
  font-size: 20px;
  background: var(--tp-theme-1);
  border-radius: 50px;
  display: inline-block;
  padding: 10px 20px;
  color: var(--tp-common-white);
  line-height: 1;
  margin-bottom: 7px;
  flex: 0 0 auto;
}
.tp-tour-details-destination-count {
  font-size: 40px;
  color: rgba(7, 21, 22, 0.2);
}
.tp-tour-details-destination-route {
  font-size: 13px;
  color: var(--tp-grey-1);
  margin-bottom: 3px;
}
.tp-tour-details-destination-city {
  font-size: 16px;
}
.tp-tour-details-destination-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.tp-tour-details-destination-list ul li {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.tp-tour-details-destination-list ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 26px;
  background: rgba(7, 21, 22, 0.2);
  margin-right: 15px;
}
.tp-tour-details-support ul li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.tp-tour-details-support-icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--tp-theme-1);
  margin-left: 14px;
  color: var(--tp-common-white);
}
.tp-tour-details-support-title {
  font-size: 15px;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
.tp-tour-details-support-title.fs-20 {
  font-size: 20px;
}
.tp-tour-details-support-content {
  transform: translateY(-5px);
}
.tp-tour-details-slider-wrap {
  border-radius: 24px;
}
.tp-tour-details-slider-wrap .tp-tour-itinerary-slider-arrow button {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-tour-details-2-gallery .tp-instagram-thumb {
  border-radius: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-2-spacing {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-2-content {
    padding-top: 40px;
  }
}
.tp-tour-details-3-gallery-wrap .tp-tour-gallery-thumb.gallery-col-1 {
  margin-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-3-gallery-wrap .tp-tour-gallery-thumb.gallery-col-1 {
    margin-left: 0;
  }
}
.tp-tour-details-3-gallery-wrap .tp-tour-gallery-inner {
  margin-right: -45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-3-gallery-wrap .tp-tour-gallery-inner {
    margin-right: 0;
  }
}
.tp-tour-details-3-content-wrap .tp-tour-details-info ul {
  grid-template-columns: 1fr;
  gap: 20px;
}
.tp-tour-details-4-feature-list ul li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  display: inline-block;
  margin-left: 22px;
  margin-bottom: 20px;
}
.tp-tour-details-4-feature-list ul li span {
  transform: translateY(-2px);
  display: inline-block;
  margin-left: 6px;
}
.tp-tour-details-5-gallery .tp-instagram-thumb {
  border-radius: 12px;
}
.tp-tour-details-6-view-gallery a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tp-common-black);
}
.tp-tour-details-6-view-gallery a:hover {
  color: var(--tp-theme-1);
}
.tp-tour-details-6-about ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-6-about ul {
    grid-template-columns: 1fr;
  }
}
.tp-tour-details-6-bottom-content .tp-tour-details-info ul {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-tour-details-6-bottom-content .tp-tour-details-info ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-tour-details-6-bottom-content .tp-tour-details-info ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 574.98px) {
  .tp-tour-details-6-bottom-content .tp-tour-details-info ul {
    grid-template-columns: 1fr;
  }
}
.tp-tour-details-6-bottom-content .tp-tour-details-map iframe {
  height: 590px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-tour-details-6-bottom-content .tp-tour-details-map iframe {
    height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-details-6-bottom-content .tp-tour-details-map iframe {
    height: 300px;
  }
}
.tp-tour-dayfilter-item:hover .tp-tour-dayfilter-thumb img {
  transform: scale(1.1);
}
.tp-tour-dayfilter-thumb {
  border-radius: 12px;
}
.tp-tour-dayfilter-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 52px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.31) 60%, rgba(0, 0, 0, 0.63) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(6px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 40%, black 100%);
  bottom: 0;
  right: 0;
  z-index: 1;
}
.tp-tour-dayfilter-thumb img {
  transition: all 0.4s ease;
  width: 100%;
}
.tp-tour-dayfilter-duration {
  font-size: 20px;
  color: var(--tp-common-white);
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}
.tp-tour-dayfilter-subtitle {
  font-size: 13px;
  color: var(--tp-grey-1);
}
.tp-tour-dayfilter-price {
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-tour-destination-filters ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  box-shadow: 0 15px 20px 0 rgba(253, 70, 33, 0.05);
  background: #fcf3de;
  border: 1px solid var(--tp-theme-1);
  border-radius: 50px;
  padding: 16px 35px;
}
.tp-tour-destination-filters ul li {
  list-style: none;
}
.tp-tour-destination-filters ul li a {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  display: inline-flex;
}
.tp-tour-destination-filters ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-tour-destination-filters ul li a svg {
  margin-right: 20px;
}
.tp-tour-destination-filters-2 ul {
  display: inline-flex;
}
.tp-tour-itinerary-thumb {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  height: 250px;
}
.tp-tour-itinerary-thumb img {
  object-fit: cover;
  height: 100%;
}
.tp-tour-itinerary-thumb::before {
  position: absolute;
  content: "";
  background: linear-gradient(0deg, #111 0%, rgba(17, 17, 17, 0) 50%);
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
}
.tp-tour-itinerary-slider-arrow button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  color: var(--tp-common-white);
  background: rgba(17, 17, 17, 0.6);
  transition: 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 9;
}
.tp-tour-itinerary-slider-arrow button:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-tour-itinerary-slider-arrow button.tp-tour-itinerary-arrow-next {
  right: auto;
  left: 30px;
}
.tp-tour-itinerary-content {
  position: absolute;
  bottom: 20px;
  right: 30px;
  left: 30px;
  z-index: 2;
}
.tp-tour-itinerary-count {
  font-size: 62px;
  color: var(--tp-common-white);
}
.tp-tour-itinerary-route {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
.tp-tour-itinerary-city {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-activity-item {
    display: block !important;
  }
}
.tp-tour-activity-item .tp-tour-details-title {
  width: 260px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-activity-item .tp-tour-details-title {
    width: 100%;
  }
}
.tp-tour-activity-content ul li {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
  list-style: none;
  position: relative;
  padding-right: 18px;
}
.tp-tour-activity-content ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-tour-activity-content ul li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background: var(--tp-common-black);
  top: 9px;
  right: 0;
}
.tp-tour-activity-includes ul {
  grid-template-columns: 1fr;
}
.tp-tour-activity-includes ul li {
  margin-bottom: 10px;
}
.tp-tour-activity-includes ul li svg {
  color: #73b458;
  transform: translateY(7px);
}
.tp-tour-activity-includes ul.remove li svg {
  color: var(--tp-common-red);
}
.tp-tour-activity-map iframe {
  width: 100%;
  height: 200px;
  line-height: 1;
  border-radius: 16px;
}
.tp-tour-activity-info-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-tour-activity-info ul li {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-tour-activity-info ul li::before {
  background: var(--tp-grey-1);
}
.tp-tour-activity-info ul li:not(:last-child) {
  margin-bottom: 17px;
}
.tp-tour-activity-dec-img {
  position: sticky;
  top: 80px;
}
.tp-tour-activity-dec-img img {
  border-radius: 24px;
}
.tp-tour-guest-reviews-wrap .tp-review-rating {
  background: var(--tp-grey-3);
  border-radius: 10px;
  padding: 44px 20px;
  margin-left: -24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-guest-reviews-wrap .tp-review-rating {
    margin-left: 0;
  }
}
.tp-tour-guest-reviews-wrap .tp-review-rating-title {
  font-size: 80px;
  letter-spacing: -0.02em;
  margin-left: 0;
}
.tp-tour-guest-reviews-wrap .tp-review-rating-subtitle {
  font-size: 24px;
}
.tp-tour-guest-reviews-wrap .tp-review-rating-number {
  font-size: 16px;
}
.tp-tour-guest-reviews-wrap .tp-review-rating-progress {
  margin-bottom: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-guest-reviews-inner {
    margin-right: 0;
  }
}
.tp-tour-gallery-7-wrap .tp-tour-details-slider-wrap {
  margin-left: -15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-gallery-7-wrap .tp-tour-details-slider-wrap {
    margin-left: 0;
  }
}
.tp-tour-gallery-7-thumb {
  margin-right: -7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-gallery-7-thumb {
    margin-right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-tour-gallery-7-thumb {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 574.98px) {
  .tp-tour-gallery-7-thumb {
    grid-template-columns: 1fr;
  }
}
.tp-tour-city-sidebar .tp-filter-sidebar {
  border: none;
  border-left: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 0;
  box-shadow: none;
  padding: 55px 0 45px 28px;
}
.tp-tour-city-sidebar .tp-tour-filter-wrap {
  padding-top: 38px;
}
.tp-tour-city-sidebar .tp-tour-info > span:not(:last-child), .tp-tour-city-sidebar .tp-tour-info a:not(:last-child) {
  margin-left: 4px;
  padding-left: 7px;
}
.tp-tour-city-sidebar .tp-tour-content {
  padding: 14px 16px 20px 16px;
}
.tp-tour-city-sidebar .tp-tour-thumb .image {
  height: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-tour-city-sidebar .tp-tour-thumb .image {
    height: 250px;
  }
}
.tp-tour-city-sidebar .tp-tour-title {
  font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-city-sidebar-2 {
    padding-bottom: 50px;
  }
}
.tp-tour-city-slider-3-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 60px;
  left: 60px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 574.98px) {
  .tp-tour-city-slider-3-nav {
    right: 20px;
    left: 20px;
  }
}
.tp-tour-city-slider-3-nav button {
  width: 50px;
  height: 50px;
  color: var(--tp-common-black);
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 20px 0 rgba(17, 17, 17, 0.25);
  background: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .tp-tour-city-slider-3-nav button {
    width: 35px;
    height: 35px;
  }
}
.tp-tour-city-slider-3-nav button:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-tour-tips-title {
  font-size: 24px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-tips-content {
    margin-left: 0;
  }
}
.tp-tour-tips-content p {
  font-size: 15px;
  line-height: 227%;
  letter-spacing: -0.02em;
  color: var(--tp-grey-1);
}
.tp-tour-tips-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 574.98px) {
  .tp-tour-tips-list {
    grid-template-columns: 1fr;
  }
}
.tp-tour-tips-list span {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-grey-1);
  display: block;
}
.tp-tour-tips-wrap {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 16px;
  padding: 56px 60px 20px 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-tips-wrap {
    padding: 26px 20px 0px 20px;
  }
}
.tp-tour-tips-map iframe {
  width: 100%;
  height: 247px;
  border-radius: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-tips-map-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-tips-spacing {
    padding-bottom: 80px;
  }
}

.tp-social-modal-title {
  font-size: 28px;
}
.tp-social-modal-icon {
  display: flex;
  gap: 5px;
}
.tp-social-modal-icon a {
  width: 42px;
  height: 42px;
  color: var(--tp-grey-1);
  border: 1px solid rgba(17, 17, 17, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.tp-social-modal-icon a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-social-modal-wrap {
  padding: 30px 35px;
}

/*----------------------------------------*/
/* 7.15 faq css
/*----------------------------------------*/
.tp-faq-btn {
  font-weight: 600;
  font-size: 22px;
  color: var(--tp-common-black);
  padding: 23px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-btn {
    font-size: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-faq-btn {
    font-size: 18px;
  }
}
.tp-faq-wrap .accordion-item {
  border: 1px solid #e7eaea;
  border-radius: 8px;
  margin-bottom: 16px;
}
.tp-faq-wrap .accordion-button:not(.collapsed) {
  color: var(--tp-common-black);
  background: none;
  box-shadow: none;
}
.tp-faq-wrap .accordion-header {
  padding-right: 66px;
}
@media (max-width: 574.98px) {
  .tp-faq-wrap .accordion-header {
    padding-right: 40px;
  }
}
.tp-faq-wrap .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.tp-faq-wrap .accordion-body {
  padding: 24px 0 12px 0;
  margin: 0px 30px 0px 40px;
  border-top: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-faq-wrap .tp-faq-btn:after {
  background-image: inherit;
}
.tp-faq-wrap .accordion-btn {
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  display: inline-block;
  width: 12px;
  height: 12px;
}
@media (max-width: 574.98px) {
  .tp-faq-wrap .accordion-btn {
    right: -10px;
  }
}
.tp-faq-wrap .accordion-btn::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--tp-common-black);
  border-radius: 2px;
  transition: all 0.4s ease;
}
.tp-faq-wrap .accordion-btn::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 12px;
  right: -50%;
  top: 50%;
  background-color: var(--tp-common-black);
  transform: translate(50%, -50%) rotate(-90deg);
  border-radius: 2px;
  transition: all 0.4s ease;
}
.tp-faq-wrap .accordion-button:not(.collapsed) {
  color: var(--tp-common-black);
  background: none;
  box-shadow: none;
}
.tp-faq-wrap .accordion-button.collapsed .accordion-btn::before {
  transform: translate(50%, -50%);
}
.tp-faq-wrap:not(.collapsed) .accordion-btn::after {
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-city-ptb {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.tp-faq-two-wrap .accordion-item {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #e7eaea;
  margin-bottom: 0;
}
.tp-faq-two-wrap .accordion-header {
  padding-right: 32px;
}
.tp-faq-two-wrap .tp-faq-btn {
  font-size: 20px;
  padding: 27px 10px;
}
.tp-faq-two-wrap .accordion-body {
  padding: 0 0 12px 0;
  border-top: none;
  margin: 0 40px 0px 40px;
}
@media (max-width: 574.98px) {
  .tp-faq-two-wrap .accordion-body {
    margin: 0 40px 0px 0;
  }
}
.tp-faq-two-thumb img {
  border-radius: 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-two-left {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-two-right {
    margin-right: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-two-right {
    margin-right: 0;
  }
}
.tp-faq-status-wrap {
  position: absolute;
  bottom: 50px;
  right: -110px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-status-wrap {
    right: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-faq-status-wrap {
    position: inherit;
    bottom: 0;
    top: 30px;
  }
}
.tp-faq-status-item {
  border-radius: 12px;
  padding: 20px 30px 23px 30px;
}
.tp-faq-status-subtitle {
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-faq-status-title {
  font-size: 52px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-faq-form {
  background: var(--tp-grey-3);
  border-radius: 32px;
  padding: 55px 60px 45px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-form {
    padding: 25px 20px 25px 20px;
  }
}
.tp-faq-form .tp-contact-form .tp-review-input .tp-input {
  border: 1px solid transparent;
  background: var(--tp-common-white);
  border-radius: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-contact-content {
    margin-right: 0;
  }
}
.tp-faq-contact-content .tp-chose-two-item {
  border-radius: 0;
  padding: 0;
}
.tp-faq-contact-content .tp-about-two-service-icon {
  width: 60px;
  height: 60px;
  background: var(--tp-grey-3);
}
.tp-faq-contact-content .tp-about-two-service-title {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.02em;
}
.tp-faq-banner.tp-offer-banner-overly::before {
  background: rgba(0, 0, 0, 0.7);
}

/*----------------------------------------*/
/*  7.2 booking-sidebar css start
/*----------------------------------------*/
.tp-booking-sidebar-wrap {
  position: sticky;
  top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-sidebar-wrap {
    margin-right: 0;
  }
}
.tp-booking-sidebar-item {
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 16px;
  box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.03);
  padding: 47px 32px 45px 32px;
}
@media (max-width: 574.98px) {
  .tp-booking-sidebar-item {
    padding: 27px 22px 25px 22px;
  }
}
.tp-booking-sidebar-form .tp-booking-input-icon {
  color: var(--tp-grey-1);
  top: 46%;
  right: 24px;
}
.tp-booking-sidebar-form .tp-booking-location-input::before {
  display: none;
}
.tp-booking-sidebar-form .tp-booking-wrap {
  display: block;
  border-radius: 0;
  padding: 0;
}
.tp-booking-sidebar-form .tp-booking-location {
  width: 100%;
  padding-left: 0;
}
.tp-booking-sidebar-form .tp-booking-location-input .tp-input {
  background: var(--tp-grey-3);
  border-radius: 50px;
  height: 52px;
  padding-right: 54px;
  padding-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-booking-sidebar-form .tp-booking-toggle-active {
    right: auto;
    left: 0;
  }
}
.tp-booking-sidebar-warning {
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 16px;
  padding: 20px 15px 15px 15px;
}
.tp-booking-sidebar-warning .tp-tour-details-info-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #fff9e6;
}
.tp-booking-sidebar-warning .tp-tour-details-info-content h5 {
  font-size: 16px;
}
.tp-booking-sidebar-5-form .tp-booking-location {
  width: 100%;
  padding-left: 0;
  border: 1px solid var(--tp-border-1);
  border-radius: 16px;
}
.tp-booking-sidebar-5-form .tp-booking-location-input .tp-input {
  padding-right: 24px;
  padding-left: 24px;
  height: 25px;
}
.tp-booking-sidebar-5-form .tp-booking-location-input::before {
  display: none;
}
.tp-booking-sidebar-5-form .tp-booking-quantity-list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(7, 21, 22, 0.1);
  padding: 14px 24px 7px 24px;
}
.tp-booking-sidebar-5-form .tp-booking-location-input {
  padding-bottom: 12px;
}
.tp-booking-sidebar-5-form .tp-booking-quantity-content span {
  font-weight: 500;
  font-size: 16px;
}
.tp-booking-sidebar-5-form .tp-booking-wrap {
  display: flex;
}
.tp-booking-sidebar-6-form .tp-booking-location .tp-input {
  border: 1px solid rgba(7, 21, 22, 0.1);
  background: transparent;
  border-radius: 16px;
  height: 60px;
}
.tp-booking-sidebar-6-form .tp-booking-quantity-wrap {
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}
.tp-booking-sidebar-6-form .tp-booking-quantity-content span {
  color: #5f556a;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  margin-left: 6px;
}
.tp-booking-sidebar-6-form .tp-booking-quantity-content p {
  color: var(--tp-common-black);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.tp-booking-sidebar-6-form .tp-booking-quantity-wrap ul li {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-sidebar-6-form .tp-booking-quantity-wrap ul li {
    padding: 10px 0;
  }
}
.tp-booking-3-sidebar-wrap .tp-booking-input-icon {
  color: var(--tp-common-black);
}
.tp-booking-3-sidebar-wrap .tp-booking-location .tp-input {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-booking-3-sidebar-wrap .tp-booking-location .tp-input::placeholder {
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-booking-3-sidebar-info ul li {
  align-items: start;
}
.tp-booking-3-sidebar-info-icon {
  color: #73b458;
  margin-left: 12px;
}
@media (max-width: 574.98px) {
  .tp-booking-4-sidebar-wrap .tp-booking-sidebar-item {
    padding: 57px 22px 25px 22px;
  }
}
.tp-booking-4-sidebar-wrap .tp-tour-badge {
  top: 22px;
  left: 24px;
  right: auto;
}
.tp-booking-4-sidebar-wrap .tp-booking-location-input .tp-input {
  height: 60px;
  border: 1px solid rgba(7, 21, 22, 0.1);
  background: transparent;
}
.tp-booking-4-sidebar-wrap .tp-booking-input-icon {
  top: 48%;
}
.tp-booking-4-sidebar-wrap .tp-booking-col-2 {
  flex: 1 1 auto;
}
.tp-booking-4-sidebar-wrap .tp-booking-col-3 {
  flex: 0 0 78px;
}
.tp-booking-4-sidebar-wrap .tp-booking-col-3 .tp-booking-location-input .tp-input {
  padding-right: 33px;
  padding-left: 5px;
}
.tp-booking-4-sidebar-wrap .tp-booking-col-3 .tp-booking-input-icon {
  right: 15px;
}
.tp-booking-4-sidebar-wrap .tp-booking-toggle-active {
  right: auto;
  left: 0;
}
.tp-booking-extra-payment-price {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-booking-extra-payment-item:not(:last-child) {
  margin-bottom: 3px;
}
.tp-booking-extra-payment-item input {
  display: none;
}
.tp-booking-extra-payment-item input:checked ~ label::after {
  border-color: rgba(255, 91, 0, 0.3);
}
.tp-booking-extra-payment-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-booking-extra-payment-item label {
  font-size: 16px;
  position: relative;
  padding-right: 27px;
  font-weight: 400;
  color: var(--tp-grey-1);
}
.tp-booking-extra-payment-item label:hover {
  cursor: pointer;
}
.tp-booking-extra-payment-item label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgba(7, 21, 22, 0.1);
  transition: all 0.4s ease;
}
.tp-booking-extra-payment-item label::before {
  position: absolute;
  content: "";
  right: 3px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-booking-6-check-date {
  padding: 0 20px 16px 20px;
  border-bottom: 1px solid #ebebeb;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-booking-6-check-date {
    padding: 0 0 16px 0;
  }
}
.tp-booking-6-check-date-title {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  flex: 0 0 auto;
}
.tp-booking-6-check-date .tp-booking-extra-payment-item {
  display: flex;
}
.tp-booking-6-sidebar-help {
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 16px;
  box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.05);
  background: var(--tp-common-white);
  padding: 60px 30px 55px 30px;
}
.tp-booking-6-sidebar-help-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 100px;
}
.tp-booking-6-sidebar-help h5 {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-black);
}
.tp-booking-6-sidebar-help a {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-black);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-booking-6-sidebar-help a:hover {
  color: var(--tp-theme-1);
}

.tp-republic-day-price {
  font-weight: 500;
  font-size: 24px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-republic-day-price {
    font-size: 20px;
  }
}
.tp-republic-day-price span {
  color: var(--tp-theme-1);
}
.tp-republic-day-per {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-republic-day-sale {
    padding-top: 50px;
  }
}
.tp-republic-current-rating {
  top: 25px;
  left: 25px;
}
.tp-republic-current-rating-icon {
  color: var(--tp-theme-1);
  line-height: 1;
  transform: translateY(-3px);
  margin-left: 4px;
}
.tp-republic-current-rating-score {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-theme-1);
}
.tp-republic-current-rating-count {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}

.tp-enquiry-form .tp-tour-badge {
  top: 32px;
  left: 32px;
  right: auto;
}
.tp-enquiry-form .tp-booking-location .tp-input {
  padding-right: 30px;
  border: 1px solid transparent;
}
.tp-enquiry-form .tp-booking-location .tp-input:focus {
  background: transparent;
  border-color: var(--tp-theme-1);
}
.tp-enquiry-form .tp-booking-location .tp-textarea {
  height: 192px;
  border-radius: 24px;
}
.tp-enquiry-form-modal .modal-body {
  padding: 0;
}
.tp-enquiry-form-modal .btn-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.17);
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  opacity: 1;
}
.tp-enquiry-form-modal .modal-content {
  border-radius: 16px;
}

/*----------------------------------------*/
/*  7.7 category
/*----------------------------------------*/
.tp-category-title {
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-common-black);
}
.tp-category-title a:hover {
  color: var(--tp-theme-1);
}
.tp-category-item {
  border: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 16px;
  min-height: 144px;
  padding: 32px 20px 20px 20px;
  transition: all 0.4s ease;
}
.tp-category-item:hover {
  border: 1px solid var(--tp-theme-1);
}
.tp-category-icon {
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-category-city {
    flex-wrap: wrap;
  }
}
.tp-category-city-tab ul li {
  list-style: none;
  display: inline-block;
}
.tp-category-city-tab ul li:not(:last-child) {
  margin-left: 30px;
}
.tp-category-city-tab ul li a {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  display: flex;
  align-items: center;
  padding: 8px 0;
  position: relative;
  display: inline-block;
}
.tp-category-city-tab ul li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--tp-theme-1);
  bottom: -1px;
  right: 0;
}
.tp-category-city-tab ul li a svg {
  margin-left: 5px;
  transform: translateY(-1px);
}
.tp-category-city-tab ul li a.active {
  color: var(--tp-theme-1);
}
.tp-category-city-tab ul li a.active::before {
  width: 100%;
}
.tp-category-city-date .tp-input {
  color: var(--tp-common-black);
  font-size: 16px;
  letter-spacing: -0.02em;
  border-radius: 50px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  width: 230px;
  height: 50px;
  font-weight: 500px;
  padding-right: 48px;
  padding-left: 10px;
}
@media (max-width: 574.98px) {
  .tp-category-city-date .tp-input {
    width: 195px;
  }
}
.tp-category-city-date .tp-input:hover {
  color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
.tp-category-city-date .tp-input::placeholder {
  color: var(--tp-common-black);
  font-size: 16px;
  letter-spacing: -0.02em;
  font-weight: 500px;
}
.tp-category-city-select {
  padding-right: 110px;
  margin-right: 30px;
  border-right: 1px solid rgba(17, 17, 17, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-category-city-select {
    border: none;
    margin-right: 0;
    margin-top: 20px;
    padding-right: 94px;
  }
}
.tp-category-city-select input {
  display: none;
}
.tp-category-city-select input ~ span {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-black);
  border-radius: 30px;
  transition: all 0.4s ease;
  padding: 18px 24px;
  display: inline-block;
  cursor: pointer;
  background: #f8f8f8;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-category-city-select input ~ span {
    padding: 12px 30px;
  }
}
.tp-category-city-select input ~ span:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-category-city-select input:checked ~ span {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-category-city-select .swiper-slide {
  display: inline-block;
  width: auto !important;
}
.tp-category-city-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  left: 0;
  display: flex;
  gap: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-category-city-slider-nav {
    right: 0;
  }
}
.tp-category-city-slider-nav button {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  color: var(--tp-common-black);
  display: flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
}
.tp-category-city-slider-nav button:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.14 destination
/*----------------------------------------*/
.tp-destination-item {
  border-radius: 16px;
}
.tp-destination-item:hover .tp-destination-btn {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-destination-thumb {
  margin-bottom: 0;
}
.tp-destination-thumb::before {
  height: 100px;
}
.tp-destination-content {
  position: absolute;
  right: 23px;
  left: 23px;
  bottom: 24px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tp-destination-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-white);
}
.tp-destination-title:hover {
  color: var(--tp-common-white);
}
.tp-destination-btn {
  width: 32px;
  height: 32px;
  background: var(--tp-theme-1);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tp-common-white);
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
}
.tp-destination-btn:hover {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-destination-nearby-wrap {
    padding-bottom: 70px;
  }
}
.tp-destination-nearby-wrap .tp-tour-dayfilter-thumb::before {
  height: 100%;
  border-radius: 12px;
  background: rgba(7, 21, 22, 0.4);
  backdrop-filter: blur(0);
}
.tp-destination-nearby-wrap .tp-destination-content {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  justify-content: center;
}
.tp-destination-one-duration {
  font-weight: 600;
  font-size: 14px;
  color: var(--tp-common-white);
}
.tp-destination-one-item:hover .tp-destination-one-btn {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-destination-one-item .tp-tour-dayfilter-thumb::before {
  height: 120px;
}
.tp-destination-one-content {
  bottom: 15px;
}
.tp-destination-one-btn {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 36px;
  color: var(--tp-common-black);
  backdrop-filter: blur(4px);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
  background: var(--tp-common-white);
  display: inline-block;
  padding: 11px 20px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
}
.tp-destination-one-btn:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-destination-two-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.tp-destination-two-thumb img {
  border-radius: 16px;
  transition: all 0.4s ease;
}
.tp-destination-two-btn {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--tp-theme-1);
  position: relative;
  border-radius: 100px;
}
.tp-destination-two-title {
  font-weight: 600;
  font-size: 24px;
}
.tp-destination-two-title a:hover {
  color: var(--tp-theme-1);
}
.tp-destination-two-duration {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-destination-two-item:hover .tp-destination-two-content {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.tp-destination-two-item:hover .tp-destination-two-thumb img {
  transform: scale(1.1);
}
.tp-destination-two-content {
  background: var(--tp-common-white);
  border-radius: 12px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
  padding: 20px 24px;
  transform: translateY(20px);
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  direction: rtl;
}
.tp-destination-3-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--tp-theme-1);
  transform: scaleX(0);
  transition: all 0.4s ease;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.tp-destination-3-item:hover::before {
  transform: scaleX(1);
}
.tp-destination-3-item:hover .tp-destination-3-icon {
  color: var(--tp-theme-1);
}
.tp-destination-3-item:hover .tp-destination-3-content {
  color: var(--tp-theme-1);
}
.tp-destination-3-icon {
  transition: all 0.4s ease;
}
.tp-destination-3-content {
  font-weight: 500;
  font-size: 13px;
  color: var(--tp-common-black);
  transition: all 0.4s ease;
}
@media (max-width: 574.98px) {
  .tp-destination-3-content {
    font-size: 11px;
  }
}
.tp-destination-3-space {
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}
.tp-destination-3-slider .swiper-slide {
  text-align: center;
}
.tp-destination-3-shadow {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(-90deg, #fffefd 0%, #fffefd 41.18%, rgba(255, 254, 254, 0) 100%);
  width: 100px;
  height: 55px;
  z-index: 2;
}
.tp-destination-3-shadow.shadow-two {
  transform: rotate(180deg);
  right: auto;
  left: 0;
}
.tp-destination-3-navigation {
  position: absolute;
  width: 100%;
  bottom: 10px;
}
.tp-destination-3-navigation.tp-testimonial-two-navigation button {
  width: 40px;
  height: 40px;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-destination-3-badge {
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border-radius: 60px;
  padding: 4px 10px;
  background: var(--tp-theme-1);
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: 0;
  margin-right: 18px;
}
.tp-destination-4-item:hover .tp-destination-two-btn {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-destination-4-item .tp-destination-two-btn {
  width: 32px;
  height: 32px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
}
.tp-destination-4-item .tp-destination-one-content {
  bottom: 24px;
}
.tp-destination-4-shape {
  position: absolute;
  left: 30px;
  top: 230px;
  z-index: -1;
}
.tp-destination-5 .tp-destination-two-content {
  border-radius: 50px;
  bottom: 15px;
  right: 15px;
  left: 15px;
  padding: 6px 16px;
  padding-left: 6px;
}
.tp-destination-5 .tp-destination-two-title {
  font-weight: 500;
  font-size: 16px;
}
.tp-destination-5 .tp-destination-two-btn {
  width: 36px;
  height: 36px;
}
.tp-destination-5-pagination {
  text-align: center;
}
.tp-destination-5-pagination span {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #071516;
}
.tp-destination-5-pagination span.swiper-pagination-bullet-active {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-destination-5-title p br {
    display: none;
  }
}
.tp-destination-city-main .tp-tour-dayfilter-thumb::before {
  height: 250px;
}
.tp-destination-city-main .tp-destination-title {
  font-weight: 500;
  font-size: 32px;
}
@media (max-width: 574.98px) {
  .tp-destination-city-main .tp-destination-title {
    font-size: 20px;
  }
}
.tp-destination-city-main .tp-destination-one-content {
  bottom: 40px;
  right: 50px;
  left: 50px;
  align-items: end;
}
@media (max-width: 574.98px) {
  .tp-destination-city-main .tp-destination-one-content {
    bottom: 30px;
    right: 30px;
    left: 30px;
  }
}
.tp-destination-city-main .tp-destination-two-btn {
  width: 60px;
  height: 60px;
}
.tp-destination-city-main .tp-destination-two-btn {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-destination-city-main .tp-tour-dayfilter-thumb {
  border-radius: 0;
}
.tp-destination-city-main-2 .tp-destination-one-content {
  bottom: 30px;
  right: 40px;
  left: 40px;
}
.tp-destination-city-main-2 .tp-destination-two-btn {
  width: 40px;
  height: 40px;
}
.tp-destination-city-tour {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.05em;
  color: var(--tp-common-white);
  line-height: 1;
  border-radius: 24px;
  padding: 9px 14px;
  background: var(--tp-theme-1);
  display: inline-block;
}
.tp-destination-6-item:hover .tp-destination-6-thumb img {
  transform: scale(1.1) rotate(-10deg);
}
.tp-destination-6-item:hover .tp-destination-6-title {
  color: var(--tp-theme-1);
}
.tp-destination-6-thumb {
  border-radius: 180px;
  width: 120px;
  overflow: hidden;
  height: 120px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-destination-6-thumb {
    width: 90px;
    height: 90px;
  }
}
.tp-destination-6-thumb img {
  transition: all 0.4s ease;
}
.tp-destination-6-title {
  font-weight: 600;
  font-size: 24px;
  transition: all 0.4s ease;
}
.tp-destination-6-duration {
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-destination-7-item:hover .tp-bounce {
  opacity: 1;
  visibility: visible;
}
.tp-destination-7-item .tp-tour-dayfilter-thumb::before {
  height: 120px;
}
.tp-destination-7-item .tp-destination-content {
  justify-content: center;
  bottom: 28px;
}
.tp-destination-7-item .tp-bounce {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.tp-bounce a, .tp-bounce .bounce {
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  z-index: 1;
  position: relative;
}
.tp-bounce a:hover, .tp-bounce .bounce:hover {
  color: var(--tp-common-white);
}
.tp-bounce a:hover span, .tp-bounce .bounce:hover span {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tp-bounce a span, .tp-bounce .bounce span {
  display: block;
  border-radius: 100%;
  height: 100%;
  width: 100%;
  top: -1px;
  right: -1px;
  padding: 1px;
  box-sizing: content-box;
  margin: 0;
  position: absolute;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  pointer-events: none;
  z-index: -1;
  background-color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.22 offer
/*----------------------------------------*/
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offer-banner-title {
    font-size: 40px;
  }
}
.tp-offer-banner-title.fs-62 {
  font-size: 62px;
  line-height: 1;
}
.tp-offer-banner-title.fs-42 {
  font-size: 42px;
  line-height: 114%;
}
.tp-offer-banner-title.fs-30 {
  font-size: 30px;
  line-height: 1;
}
.tp-offer-banner-subtitle {
  font-family: var(--font3);
  font-weight: 700;
  font-size: 22px;
  color: var(--tp-common-white);
}
.tp-offer-banner-location span {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.05em;
  color: var(--tp-common-white);
}
.tp-offer-banner-location svg {
  color: var(--tp-common-white);
  transform: translateY(-2px);
  margin-left: 2px;
}
.tp-offer-banner-overly::before {
  position: absolute;
  content: "";
  background: linear-gradient(-90deg, #071516 0%, rgba(7, 21, 22, 0.5) 47.31%, rgba(0, 0, 0, 0) 80.77%);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.tp-offer-banner-six {
  padding-top: 240px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offer-banner-six {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.tp-offer-banner-six .tp-offer-banner-location span {
  font-size: 20px;
}
.tp-offer-3-banner {
  border-radius: 16px;
  padding: 70px 50px 70px 50px;
}
@media (max-width: 574.98px) {
  .tp-offer-3-banner {
    padding: 40px 30px 40px 30px;
  }
}

/*----------------------------------------*/
/*  7.29 team css start
/*----------------------------------------*/
.tp-team-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.tp-team-thumb img {
  transition: all 0.4s ease;
}
.tp-team-subtitle {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
  border-radius: 40px;
  padding: 7px 16px;
  background: var(--tp-grey-3);
  transition: all 0.4s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-ptb {
    padding-top: 100px;
    padding-bottom: 30px;
  }
}
.tp-team-title {
  font-weight: 600;
  font-size: 28px;
}
.tp-team-title a {
  transition: all 0.5s ease;
}
.tp-team-title a:hover {
  color: var(--tp-theme-1);
}
.tp-team-item:hover .tp-team-thumb img {
  transform: scale(1.1);
}
.tp-team-item:hover .tp-team-social {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.tp-team-item:hover .tp-team-subtitle {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-team-social {
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: var(--tp-common-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  border-radius: 8px;
  padding: 25px 19px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: all 0.4s ease;
}
.tp-team-social a:hover {
  color: var(--tp-theme-1);
}
.tp-team-details-ptb {
  padding-top: 100px;
}
.tp-team-details-subtitle {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-grey-1);
}
.tp-team-details-thumb img {
  width: 100%;
  border-radius: 14px;
}
.tp-team-details-info {
  padding: 10px 0;
  border-top: 1px solid rgba(17, 16, 19, 0.1);
  border-bottom: 1px solid rgba(17, 16, 19, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-info {
    flex-wrap: wrap;
  }
}
.tp-team-details-info-contact a {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  display: inline-block;
  letter-spacing: -0.28px;
}
.tp-team-details-info-contact a:hover {
  color: var(--tp-theme-1);
}
.tp-team-details-info-contact a:not(:last-of-type) {
  margin-left: 15px;
  padding-left: 20px;
  border-left: 1px solid rgba(17, 16, 19, 0.1);
}
.tp-team-details-info-contact a svg {
  margin-left: 5px;
  color: var(--tp-theme-1);
}
.tp-team-details-social {
  display: flex;
  gap: 15px;
}
.tp-team-details-social a {
  color: var(--tp-grey-1);
}
.tp-team-details-social a:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-wrap {
    margin-bottom: 30px;
  }
}
.tp-team-details-wrapper {
  padding-right: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-wrapper {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-wrapper {
    padding-right: 0;
  }
}
.tp-team-details-more-title {
  font-size: 32px;
  letter-spacing: -0.02em;
}
.tp-team-details-more ul li {
  list-style: none;
  color: #111013;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.tp-team-details-more ul li span {
  color: #525356;
  font-size: 16px;
  font-weight: 400;
  min-width: 100px;
  margin-left: 40px;
  display: inline-block;
}
.tp-team-details-progress-title {
  color: var(--tp-common-black);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 13px;
}
.tp-team-details-progress-inner {
  position: relative;
  width: 100%;
  height: 5px;
  background: #d9d9d9;
}
.tp-team-details-progress-bar {
  overflow: visible;
  display: flex;
  height: 5px;
  text-align: center;
  white-space: nowrap;
  transition: 0.6s ease;
  position: relative;
  background-color: var(--tp-theme-1);
}
.tp-team-details-progress-bar::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  left: 0px;
  top: -8px;
  margin: auto;
  background-color: var(--tp-theme-1);
}
.tp-team-details-progress-counter {
  margin-top: -29px;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: -15px;
  text-transform: uppercase;
}
.tp-team-details-input-content input, .tp-team-details-input-content textarea {
  border-radius: 6px;
  margin-bottom: 20px;
  background-color: #f7f9f9;
  color: var(--tp-common-black);
  border: 1px solid transparent;
}
.tp-team-details-input-content input:focus, .tp-team-details-input-content textarea:focus {
  background-color: transparent;
  border-color: var(--tp-theme-1);
  box-shadow: 0px 0px 0px 3px rgba(255, 87, 34, 0.1);
}
.tp-team-details-input-content input::placeholder, .tp-team-details-input-content textarea::placeholder {
  color: var(--tp-grey-1);
}
.tp-team-details-input-content textarea {
  resize: none;
  height: 160px;
}
.tp-team-details-input-btn button {
  font-size: 16px;
  font-weight: 500;
  padding: 15px 35px;
  border-radius: 6px;
  letter-spacing: 0;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  width: 100%;
}
.tp-team-details-input-btn button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-red);
}
.tp-team-3-wrap .tp-team-subtitle {
  border: 1px solid rgba(16, 16, 16, 0.1);
}

/*----------------------------------------*/
/*  7.28 service
/*----------------------------------------*/
.tp-service-title {
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-title {
    font-size: 18px;
  }
}
.tp-service-icon {
  border-radius: 100%;
  background: var(--tp-common-white);
  box-shadow: 0 1px 2px 0 rgba(17, 17, 17, 0.14);
  width: 64px;
  height: 64px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tp-service-shape {
  position: absolute;
  top: 58px;
  left: 0;
  width: 11%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-content p br {
    display: none;
  }
}

.icon-animetion-wrap:hover .icon-animetion-icon {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}
.icon-animetion-icon {
  transition: all 0.4s ease;
}

/*----------------------------------------*/
/*  7.1 about
/*----------------------------------------*/
.tp-about-left-thumb img {
  border-radius: 16px;
}
.tp-about-circale {
  width: 175px;
  height: 175px;
  display: inline-block;
  background: var(--tp-theme-1);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -76px;
  right: 68px;
}
.tp-about-circale-title {
  font-size: 50px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
.tp-about-circale-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  text-align: center;
}
.tp-about-shape {
  position: absolute;
  bottom: 24px;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-section-title {
    margin-right: 0;
  }
}
.tp-about-help-icon {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background: var(--tp-grey-3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tp-about-help-text span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
  display: block;
  line-height: 1;
}
.tp-about-help-text a {
  font-weight: 600;
  font-size: 14px;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-about-help-text a:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-help-wrap {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-help-wrap {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-right-content {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-right-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-right-content p br {
    display: none;
  }
}
.tp-about-rating-icon {
  line-height: 0.8;
}
.tp-about-rating-icon span {
  line-height: 0.7;
  display: inline-block;
}
.tp-about-rating-wrap a {
  font-weight: 700;
  font-size: 10px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--tp-common-black);
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-about-rating-wrap a svg {
  transform: translateY(-2px);
}
.tp-about-rating-wrap a:hover {
  color: var(--tp-theme-1);
}
.tp-about-rating-title {
  font-weight: 600;
  font-size: 40px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-about-row-custom {
  display: flex;
  margin: 0 -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-row-custom {
    padding-right: 0;
  }
}
.tp-about-col-custom {
  flex: 1;
  width: 120px;
  height: 376px;
  background-size: cover;
  margin: 0px 12px 0 12px;
  margin-top: 0;
  transition: 0.4s;
}
.tp-about-col-custom.active {
  flex: 3;
}
.tp-about-panel-thumb {
  height: 100%;
}
.tp-about-panel-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.tp-about-two-service:hover .tp-about-two-service-icon {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-about-two-service-icon {
  width: 70px;
  height: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: rgba(17, 17, 17, 0.06);
  transition: all 0.4s ease;
  flex: 0 0 auto;
}
.tp-about-two-service-title {
  font-weight: 600;
  font-size: 20px;
}
.tp-about-two-service-dec {
  line-height: 150%;
  color: var(--tp-grey-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-two-service-dec br {
    display: none;
  }
}
.tp-about-two-shape {
  position: absolute;
  bottom: 34%;
  right: 0;
  width: 22%;
  z-index: -1;
}
.tp-about-3-shape {
  position: absolute;
  left: 50px;
  bottom: 140px;
  width: 14%;
  z-index: -1;
}
.tp-about-3-review {
  border-radius: 8px;
  width: 338px;
  backdrop-filter: blur(4px);
  background: linear-gradient(-142deg, rgba(0, 0, 0, 0.54) 0%, rgba(4, 4, 4, 0.45) 100%);
  padding: 26px 24px 24px 24px;
  position: absolute;
  bottom: 90px;
  right: 0;
}
@media (max-width: 574.98px) {
  .tp-about-3-review {
    width: auto;
    position: inherit;
    bottom: 0;
  }
}
.tp-about-3-review p {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
.tp-about-3-review .tp-about-rating-wrap a {
  color: var(--tp-common-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.tp-about-3-awards-item {
  padding-left: 50px;
  padding-top: 34px;
  padding-bottom: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-3-awards-item {
    padding-left: 0;
  }
}
.tp-about-3-awards-item:not(:last-child) {
  border-left: 1px solid rgba(7, 21, 22, 0.1);
  padding-left: 78px;
  margin-left: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-3-awards-item:not(:last-child) {
    padding-left: 30px;
    margin-left: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-about-3-awards-item:not(:last-child) {
    padding-left: 0;
    margin-left: 0;
    border: none;
    display: flex !important;
    padding-bottom: 0;
  }
}
.tp-about-3-awards-text {
  font-size: 20px;
  line-height: 140%;
  color: var(--tp-common-black);
}
.tp-about-3-awards-wrap {
  border-top: 1px solid rgba(7, 21, 22, 0.1);
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
  display: inline-block;
}
@media (max-width: 574.98px) {
  .tp-about-3-awards-wrap {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-3-section-title .tp-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-3-section-title p br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-5-left {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-5-left {
    margin-left: 0;
  }
}
.tp-about-5-left-content {
  background: var(--tp-grey-3);
  padding: 30px 35px 30px 35px;
  border-radius: 16px;
}
.tp-about-5-left-content .tp-section-two-subtitle {
  margin-bottom: 210px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-5-left-content .tp-section-two-subtitle {
    margin-bottom: 100px;
  }
}
.tp-about-5-left-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 142%;
  color: var(--tp-common-black);
}
.tp-about-5-offer {
  height: 100%;
  padding: 32px 45px 100px 32px;
}
.tp-about-5-offer-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  z-index: -1;
}
.tp-about-5-offer-up {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.07em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  writing-mode: sideways-lr;
  position: absolute;
  right: 23px;
  top: 30px;
}
.tp-about-5-offer-dis {
  font-weight: 600;
  font-size: 100px;
  letter-spacing: -0.08em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  line-height: 0.8;
}
.tp-about-5-offer-per {
  font-weight: 700;
  font-size: 54px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  line-height: 0.8;
}
.tp-about-5-offer-of {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.07em;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-about-5-thumb img {
  border-radius: 16px;
}
.tp-about-5-content .tp-about-two-service-title {
  font-size: 24px;
}
.tp-about-5-shape {
  position: absolute;
  top: 40px;
  left: -70px;
  width: 16%;
}
.tp-about-5-shape-2 {
  position: absolute;
  left: 0;
  bottom: 15%;
  width: 12%;
}
.tp-about-5-shadow {
  border-radius: 100%;
  background: #ff5b00;
  filter: blur(150px);
  width: 100px;
  height: 100px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 15%;
  z-index: -1;
}
.tp-about-6-content .tp-chose-two-item {
  border-radius: 0;
  padding: 0;
}
.tp-about-6-content .tp-about-two-service-title {
  font-size: 16px;
}
.tp-about-6-thumb img {
  border-radius: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-6-thumb img {
    border-radius: 20px;
  }
}
.tp-about-6-bg {
  border-radius: 32px 0 0 32px;
  background: #f7f6f9;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-6-spacing {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.tp-about-7 .tp-about-3-shape {
  bottom: 30px;
}
.tp-about-7-shape {
  top: 85px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

/*----------------------------------------*/
/*  7.18 gallery
/*----------------------------------------*/
.tp-gallery-item {
  position: relative;
}
.tp-gallery-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(7, 21, 22, 0.2);
  top: 0;
  right: 0;
}
.tp-gallery-item img {
  border-radius: 16px;
}
.tp-gallery-space {
  height: 950px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gallery-space {
    height: 750px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gallery-space {
    height: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gallery-space {
    height: 450px;
  }
}
@media (max-width: 574.98px) {
  .tp-gallery-space {
    height: 250px;
  }
}
.tp-gallery-wrap {
  animation: TestimonialScroll 30s linear infinite;
  animation-duration: 30s;
  transition: all 0.4s ease-in;
}
.tp-gallery-wrap:hover {
  animation-play-state: paused;
}
.tp-gallery-wrap-2 {
  animation: TestimonialScroll2 30s linear infinite alternate;
}

/*----------------------------------------*/
/*  7.9 chose
/*----------------------------------------*/
.tp-chose-item {
  border-radius: 32px;
  overflow: hidden;
  position: sticky;
  top: 120px;
}
.tp-chose-item:hover .tp-chose-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-chose-item .row {
    align-items: center;
  }
}
.tp-chose-thumb {
  overflow: hidden;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-chose-thumb {
    margin-right: 0;
  }
}
.tp-chose-thumb img {
  transition: all 0.4s ease;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-chose-thumb img {
    height: 300px;
  }
}
.tp-chose-content {
  padding: 96px 45px 78px 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-chose-content {
    padding: 46px 45px 38px 25px;
  }
}
@media (max-width: 574.98px) {
  .tp-chose-content {
    padding: 26px 20px 30px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-chose-content p br {
    display: none;
  }
}
.tp-chose-numbar {
  font-weight: 700;
  font-size: 100px;
  line-height: 0.8;
  letter-spacing: -0.05em;
  background: linear-gradient(-180deg, rgba(95, 85, 106, 0.2) 0%, rgba(247, 228, 254, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: -10px;
}
.tp-chose-title {
  font-weight: 600;
  font-size: 28px;
}
.tp-chose-title a:hover {
  color: var(--tp-theme-1);
}
.tp-chose-section-title {
  position: sticky;
  top: 120px;
}
.tp-chose-two-thumb img {
  border-radius: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-chose-two-section-title br {
    display: none;
  }
}
.tp-chose-two-item {
  border-radius: 16px;
  padding: 29px 30px 12px 30px;
}
@media (max-width: 574.98px) {
  .tp-chose-two-item {
    flex-wrap: wrap;
  }
}
.tp-chose-two-item .tp-about-two-service-icon {
  background: transparent;
  border: 1px solid rgba(17, 17, 17, 0.1);
}
@media (max-width: 574.98px) {
  .tp-chose-two-item .tp-about-two-service-icon {
    margin-bottom: 15px;
  }
}

/*----------------------------------------*/
/*  7.30 testimonial
/*----------------------------------------*/
.tp-testimonial-title {
  font-weight: 600;
  font-size: 20px;
}
.tp-testimonial-rating span {
  color: var(--tp-theme-1);
}
.tp-testimonial-person img {
  border-radius: 100px;
}
.tp-testimonial-item {
  background: var(--tp-common-white);
  box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.05);
  border-radius: 32px;
  padding: 43px 40px 50px 45px;
  margin: 20px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-item {
    margin: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-testimonial-item {
    padding: 23px 20px 20px 25px;
  }
}
.tp-testimonial-item:hover .tp-testimonial-qoute {
  background: var(--tp-theme-1);
}
.tp-testimonial-qoute {
  width: 56px;
  height: 56px;
  background: var(--tp-common-black);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 2px solid var(--tp-common-white);
  margin-left: -15px;
  z-index: 1;
  position: relative;
  transition: all 0.4s ease;
}
.tp-testimonial-avatar-title {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 0;
}
.tp-testimonial-avatar-pos {
  font-weight: 400;
  font-size: 16px;
  color: rgba(95, 85, 106, 0.8);
}
.tp-testimonial-pagination {
  text-align: center;
}
.tp-testimonial-pagination span {
  border-radius: 7px;
  width: 50px;
  height: 6px;
  background: #e2e4e4;
  opacity: 1;
}
.tp-testimonial-pagination span.swiper-pagination-bullet-active {
  background: var(--tp-theme-1);
}
.tp-testimonial-shape {
  position: absolute;
  top: 110px;
  right: 24px;
  width: 18%;
}
.tp-testimonial-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-testimonial-thumb {
  border: 6px solid var(--tp-common-white);
  border-radius: 8px;
  overflow: hidden;
  background: var(--tp-common-white);
}
.tp-testimonial-thumb:hover .thumb img {
  transform: scale(1.06);
}
.tp-testimonial-thumb .thumb {
  border-radius: 8px;
  overflow: hidden;
}
.tp-testimonial-thumb .thumb img {
  transition: all 0.4s ease;
  width: 100%;
}
.tp-testimonial-icon {
  box-shadow: 0 4px 45px 0 rgba(0, 0, 0, 0.25);
  background: var(--tp-common-black);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px 40px;
  border: none;
}
.tp-testimonial-smile {
  width: 107px;
  height: 107px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--tp-theme-1);
  border-radius: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-two-content {
    padding-right: 65px;
  }
}
@media (max-width: 574.98px) {
  .tp-testimonial-two-content {
    padding-right: 0;
  }
}
.tp-testimonial-two-content p {
  font-weight: 500;
  font-size: 22px;
  line-height: 159%;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .tp-testimonial-two-content p {
    font-size: 16px;
  }
}
.tp-testimonial-two-content p span {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.tp-testimonial-two-ratings span {
  color: var(--tp-common-white);
}
.tp-testimonial-two-name {
  font-size: 24px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  writing-mode: sideways-lr;
  position: absolute;
  right: 20px;
  top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-two-name {
    right: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-testimonial-two-name {
    writing-mode: inherit;
    top: 0;
    right: 0;
    position: inherit;
    margin-bottom: 20px;
    display: inline-block;
  }
}
.tp-testimonial-two-navigation {
  display: flex;
  gap: 10px;
}
.tp-testimonial-two-navigation button {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--tp-common-white);
  border-radius: 100px;
}
.tp-testimonial-two-navigation button.bounce span {
  background-color: var(--tp-common-black);
}
.tp-testimonial-two-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}
.tp-testimonial-two-shape img {
  animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
  -webkit-animation: animationglob 50s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
.tp-testimonial-two-overly {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-two-title-wrap {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-two-title-wrap {
    margin-bottom: 30px;
  }
}
.tp-testimonial-4-slide {
  margin-right: -250px;
}
@media (max-width: 574.98px) {
  .tp-testimonial-4-slide {
    margin-right: 0;
  }
}
.tp-testimonial-4-slide .tp-testimonial-item {
  border-radius: 16px;
  box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-4-slide .tp-testimonial-item {
    margin: 20px 15px;
  }
}
.tp-testimonial-4-slide-2 .tp-testimonial-item {
  direction: rtl;
}
.tp-testimonial-5 .tp-testimonial-two-navigation button {
  border: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-testimonial-5 .tp-testimonial-two-content p {
  font-size: 32px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-5 .tp-testimonial-two-content p {
    font-size: 24px;
  }
}
.tp-testimonial-5-market span {
  font-size: 11px;
  color: var(--tp-common-black);
}
.tp-testimonial-5-author {
  border-top: 1px solid rgba(7, 21, 22, 0.1);
  padding-top: 45px;
  margin-top: 35px;
}
.tp-testimonial-5-author h2 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  margin-bottom: 2px;
}
.tp-testimonial-5-author span {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-grey-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-5 .tp-testimonial-two-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-5 .tp-testimonial-two-slider {
    margin-right: 0;
  }
}
.tp-testimonial-7-wrap {
  background: #f7f9f9;
  border-radius: 32px;
  padding: 110px 50px 120px 50px;
  margin-top: -320px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-7-wrap {
    margin-top: 30px;
    padding: 80px 50px 80px 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-7-wrap {
    padding: 80px 20px 80px 20px;
  }
}
.tp-testimonial-7-wrap .tp-testimonial-item {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.tp-testimonial-7-wrap .tp-testimonial-item p {
  font-weight: 400;
  font-size: 42px;
  line-height: 124%;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-7-wrap .tp-testimonial-item p {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-7-wrap .tp-testimonial-item p {
    font-size: 26px;
  }
}
@media (max-width: 574.98px) {
  .tp-testimonial-7-wrap .tp-testimonial-item p {
    font-size: 20px;
  }
}
.tp-testimonial-7-wrap .tp-testimonial-title {
  font-size: 24px;
}
.tp-testimonial-7-wrap .tp-testimonial-two-navigation {
  justify-content: space-between;
  position: absolute;
  top: 50%;
  right: 50px;
  left: 50px;
  transform: translateY(-50%);
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-testimonial-7-wrap .tp-testimonial-two-navigation {
    position: inherit;
    top: auto;
    right: 0;
    left: 0;
    transform: translateY(0);
    margin-top: 30px;
  }
}
.tp-testimonial-7-wrap .tp-testimonial-two-navigation button.bounce span {
  background-color: var(--tp-theme-1);
}
.tp-testimonial-inner .tp-testimonial-item {
  margin: 0;
  margin-bottom: 40px;
  border-radius: 16px;
  box-shadow: 0 2px 62px 0 rgba(0, 0, 0, 0.05);
}

/*----------------------------------------*/
/*  7.33 video
/*----------------------------------------*/
.tp-video-title-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 20px;
  padding-left: 20px;
}
.tp-video-frame {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.tp-video-frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-video-shadow::before {
  position: absolute;
  content: "";
  background: linear-gradient(-180deg, rgba(7, 21, 22, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tp-video-wrap {
  padding: 105px 30px 25px 30px;
  border-radius: 1000px 1000px 0px 0px;
  margin: 514px 30px 0 30px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-video-wrap {
    margin: 314px 0 0 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-video-wrap {
    margin: 200px 0 0 0;
  }
}
.tp-video-wrap::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1010px;
  background: var(--tp-theme-1);
  border-radius: 1000px 1000px 0px 0px;
  bottom: -610px;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-video-content-wrap br {
    display: none;
  }
}
.tp-video-6-bg {
  position: absolute;
  height: 529px;
  background: var(--tp-theme-1);
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
.tp-video-6-inner {
  border-radius: 12px;
  height: 720px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-video-6-inner {
    height: 520px;
  }
}
.tp-video-6-inner::before {
  position: absolute;
  content: "";
  background: rgba(2, 12, 12, 0.32);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.tp-video-6-inner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-video-6-content {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-video-6-popup .popup-video {
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--tp-common-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 100px;
  animation: animate-pulse 3s linear infinite;
}
.tp-video-2 {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.tp-video-2 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-video-2-mt {
    margin-top: 80px;
  }
}
.tp-video-2-content {
  padding: 70px 60px 45px 60px;
  border-radius: 32px 32px 0 0;
  backdrop-filter: blur(5px);
  background: linear-gradient(-142deg, rgba(0, 0, 0, 0.08) 0%, rgba(4, 4, 4, 0.5) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-video-2-content {
    margin-right: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-video-2-content {
    padding: 40px 20px 15px 20px;
  }
}
.tp-video-2-dec {
  font-weight: 400;
  font-size: 28px;
  line-height: 136%;
  color: var(--tp-common-white);
}
.tp-video-2-count {
  font-weight: 600;
  font-size: 70px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
.tp-video-2-count span {
  font-size: 35px;
  color: #c4ee18;
}

/*----------------------------------------*/
/*  7.4 brands
/*----------------------------------------*/
.tp-brands-slider .swiper-slide {
  display: inline-block;
  width: auto;
  margin: 0 80px;
}
@media (max-width: 574.98px) {
  .tp-brands-slider .swiper-slide {
    margin: 0 30px;
  }
}
.tp-brands-slider .swiper-slide a img {
  filter: saturate(0);
  transition: all 0.3s ease;
}
.tp-brands-slider .swiper-slide a img:hover {
  filter: saturate(1);
}
.tp-brands-border {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-brands-border {
    padding: 30px 0;
  }
}
.tp-brands-three {
  border-radius: 16px;
  margin-top: -85px;
}
.tp-brands-5 .tp-brands-item img {
  mix-blend-mode: luminosity;
  opacity: 0.7;
}

/*----------------------------------------*/
/*  7.6 Cart css
/*----------------------------------------*/
.cartmini__area {
  position: fixed;
  left: 0;
  top: 0;
  width: 340px;
  height: 100%;
  -webkit-transform: translateX(calc(-1*(100% + 80px)));
  -moz-transform: translateX(calc(-1*(100% + 80px)));
  -ms-transform: translateX(calc(-1*(100% + 80px)));
  -o-transform: translateX(calc(-1*(100% + 80px)));
  transform: translateX(calc(-1*(100% + 80px)));
  background: var(--tp-common-white) none repeat scroll 100% 0;
  z-index: 99999;
  scrollbar-width: none;
  transition: 0.3s;
}
.cartmini__area::-webkit-scrollbar {
  display: none;
}
.cartmini__area.cartmini-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cartmini__wrapper {
  position: relative;
  min-height: 100%;
  padding-right: 25px;
  padding-left: 25px;
}
.cartmini__top-title {
  padding: 20px 0;
  border-bottom: 1px solid #E0E2E3;
}
.cartmini__top-title h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}
.cartmini__close {
  position: absolute;
  top: 17px;
  left: 0;
}
.cartmini__close-btn {
  background: transparent;
  color: var(--tp-common-black);
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.cartmini__shipping {
  padding: 15px 0;
  border-bottom: 1px solid #E0E2E3;
}
.cartmini__shipping .progress {
  height: 10px;
  border-radius: 0;
}
.cartmini__shipping .progress-bar {
  background-color: #ffaf1b;
}
.cartmini__shipping p {
  margin-bottom: 5px;
  font-size: 16px;
}
.cartmini__shipping p span {
  color: red;
  font-weight: 600;
}
.cartmini__widget {
  height: calc(100vh - 380px);
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.cartmini__widget::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.cartmini__widget-item {
  position: relative;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}
.cartmini__widget-item:last-child {
  border-bottom: 0;
}
.cartmini__thumb {
  border: 1px solid #E0E2E3;
  margin-left: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: auto;
}
.cartmini__title {
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 500;
}
.cartmini__title a {
  display: inline;
  transition: all 0.3s linear;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 0% 100%, 100% 100%;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.cartmini__title a:hover {
  color: #4d3d30;
  background-size: 0% 1px, 100% 1px;
}
.cartmini__content {
  padding-left: 15px;
}
.cartmini__content .tp-product-quantity {
  width: 75px;
  padding: 0;
}
.cartmini__content .tp-product-quantity .tp-cart-input[type=text] {
  height: 30px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #E0E2E3;
  background-color: var(--tp-common-white);
  padding: 0;
}
.cartmini__content .tp-product-quantity .tp-cart-plus,
.cartmini__content .tp-product-quantity .tp-cart-minus {
  width: 20px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  right: 3px;
}
.cartmini__content .tp-product-quantity .tp-cart-plus svg,
.cartmini__content .tp-product-quantity .tp-cart-minus svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 10px;
}
.cartmini__content .tp-product-quantity .tp-cart-plus::after,
.cartmini__content .tp-product-quantity .tp-cart-minus::after {
  display: none;
}
.cartmini__content .tp-product-quantity .tp-cart-plus {
  right: auto;
  left: 3px;
}
.cartmini__del {
  position: absolute;
  top: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--tp-common-black);
  font-size: 14px;
}
.cartmini__del:hover {
  color: #4d3d30;
}
.cartmini__checkout {
  padding-top: 15px;
  padding-bottom: 85px;
  width: 100%;
  border-top: 2px solid #E0E2E3;
}
.cartmini__checkout-title h4 {
  font-size: 15px;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
}
.cartmini__checkout-title span {
  float: left;
  font-size: 15px;
  color: var(--tp-common-black);
  font-weight: 500;
  font-family: var(--tp-ff-inter);
}
.cartmini__price {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.cartmini__quantity {
  font-size: 12px;
  font-weight: 500;
}
.cartmini__empty {
  margin-top: 150px;
}
.cartmini__empty img {
  margin-bottom: 30px;
}
.cartmini__empty p {
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}

.tp-cart-header-product {
  padding-right: 30px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-cart-list {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-cart-list {
    overflow-x: scroll;
    margin-left: 0;
  }
}
.tp-cart-list .table > :not(caption) > * > * {
  padding: 20px 0;
  box-shadow: none;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-cart-list table {
    width: 840px;
  }
}
.tp-cart-img {
  width: 78px;
  margin-left: 20px;
}
.tp-cart-img img {
  width: 78px;
  height: 100px;
  object-fit: cover;
  border-radius: 6px;
}
.tp-cart-title a {
  margin-right: 20px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-cart-title a:hover {
  color: var(--tp-theme-1);
}
.tp-cart-price {
  width: 126px;
}
.tp-cart-price span {
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-cart-quantity {
  width: 180px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-cart-coupon {
    margin-bottom: 20px;
  }
}
.tp-cart-coupon-input-box label {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 7px;
}
.tp-cart-coupon-input input {
  background: var(--tp-grey-3);
  margin-left: 4px;
  max-width: 282px;
  font-size: 14px;
  padding-right: 26px;
  padding-left: 26px;
  border-radius: 0;
  color: var(--tp-common-black);
  border: 1px solid transparent;
  text-transform: capitalize;
  border-radius: 50px;
}
.tp-cart-coupon-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.4);
}
.tp-cart-coupon-input input::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.4);
}
.tp-cart-coupon-input input:-moz-placeholder { /* Firefox 4-18 */
  font-size: 14px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.4);
}
.tp-cart-coupon-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  font-size: 14px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.4);
}
.tp-cart-coupon-input input::placeholder { /* MODERN BROWSER */
  font-size: 14px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.4);
}
.tp-cart-coupon-input input:focus {
  border-color: var(--tp-common-black);
  background-color: transparent;
}
.tp-cart-coupon-input button {
  font-size: 16px;
  font-weight: 500;
  padding: 13px 30px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border-radius: 50px;
}
.tp-cart-coupon-input button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-cart-update-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 13px 29px;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-border-1);
  border-radius: 50px;
}
.tp-cart-update-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
.tp-cart-checkout-wrapper {
  margin-right: -24px;
  padding: 36px 24px 28px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-cart-checkout-wrapper {
    margin-top: 50px;
    margin-right: 0;
  }
}
.tp-cart-checkout-top {
  padding-bottom: 13px;
  margin-bottom: 19px;
  border-bottom: 1px solid var(--tp-border-1);
}
.tp-cart-checkout-top span {
  font-size: 20px;
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-cart-checkout-shipping {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--tp-border-1);
  margin-bottom: 15px;
}
.tp-cart-checkout-shipping-title {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 7px;
}
.tp-cart-checkout-shipping-option:not(:last-child) {
  margin-bottom: 4px;
}
.tp-cart-checkout-shipping-option input {
  display: none;
}
.tp-cart-checkout-shipping-option input:checked + label::after {
  border-color: var(--tp-common-black);
}
.tp-cart-checkout-shipping-option input:checked + label::before {
  opacity: 1;
  visibility: visible;
}
.tp-cart-checkout-shipping-option label {
  font-weight: 400;
  font-size: 14px;
  color: #161C2D;
  position: relative;
  padding-right: 25px;
}
.tp-cart-checkout-shipping-option label:hover {
  cursor: pointer;
}
.tp-cart-checkout-shipping-option label span {
  color: var(--tp-common-black);
}
.tp-cart-checkout-shipping-option label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  transition: all 0.4s ease;
}
.tp-cart-checkout-shipping-option label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-common-black);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-cart-checkout-total {
  margin-bottom: 25px;
}
.tp-cart-checkout-total span {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
}
.tp-cart-checkout-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 30px;
  text-align: center;
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border-radius: 50px;
}
.tp-cart-checkout-btn:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.cartmini-black {
  background: var(--tp-common-black);
}
.cartmini-black .cartmini__top-title h4 {
  color: var(--tp-common-white);
}
.cartmini-black .cartmini__top-title {
  border-bottom: 1px solid var(--tp-border-3);
}
.cartmini-black .cartmini__shipping p {
  color: var(--tp-grey-2);
}
.cartmini-black .progress {
  --bs-progress-bg: #1A1B1E;
}
.cartmini-black .cartmini__title {
  color: var(--tp-common-white);
}
.cartmini-black .cartmini__price {
  color: var(--tp-common-white);
}
.cartmini-black .cartmini__quantity {
  color: var(--tp-common-white);
}
.cartmini-black .cartmini__widget-item {
  border-color: var(--tp-border-3);
}
.cartmini-black .cartmini__checkout {
  border-color: var(--tp-border-3);
}
.cartmini-black .cartmini__shipping {
  border-color: var(--tp-border-3);
}

/*----------------------------------------*/
/*  7.11 counter
/*----------------------------------------*/
.tp-counter-bg {
  background: linear-gradient(-90deg, #f7f9f9 0%, #e8fafa 100%);
}
.tp-counter-count {
  font-size: 72px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-count {
    font-size: 50px;
  }
}
@media (max-width: 574.98px) {
  .tp-counter-count-wrap {
    display: block !important;
  }
}
.tp-counter-count-item:not(:last-child) {
  border-left: 1px solid rgba(7, 21, 22, 0.1);
  padding-left: 40px;
  margin-left: 40px;
  align-items: center;
}
@media (max-width: 574.98px) {
  .tp-counter-count-item:not(:last-child) {
    padding-left: 0;
    margin-left: 0;
    border: none;
    display: block;
    margin-bottom: 40px;
  }
}
.tp-counter-7-bigcount {
  font-size: 160px;
  letter-spacing: -0.05em;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-counter-7-bigcount {
    font-size: 100px;
  }
}
@media (max-width: 574.98px) {
  .tp-counter-7-bigcount {
    font-size: 56px;
  }
}
.tp-counter-7-smtitle {
  font-size: 20px;
  line-height: 142%;
}
.tp-counter-7-count {
  font-size: 62px;
  line-height: 110%;
  letter-spacing: -0.05em;
  line-height: 1;
}
.tp-counter-7-dec {
  font-size: 16px;
  letter-spacing: -0.05em;
}
.tp-counter-7-border {
  position: relative;
}
.tp-counter-7-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 44px;
  background: rgba(7, 21, 22, 0.2);
  left: -130px;
  top: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-counter-7-border::before {
    left: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-7-border::before {
    left: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-7-border::before {
    display: none;
  }
}
.tp-counter-7-shape {
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-counter-7-shape-2 {
  position: absolute;
  top: 120px;
  right: 92px;
  z-index: -1;
}
.tp-counter-7-shape-3 {
  position: absolute;
  top: 120px;
  right: 20%;
  z-index: -1;
}
.tp-counter-7-shape-4 {
  position: absolute;
  top: 70px;
  left: 20%;
  z-index: -1;
}
.tp-counter-7-shape-5 {
  position: absolute;
  bottom: 260px;
  left: 10%;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-7-bottom {
    justify-content: flex-start !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-pt {
    padding-top: 40px;
  }
}
.tp-counter-2-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tp-counter-2-shape svg path {
  stroke-dasharray: 12 12;
  animation: tpDashMove 1s linear infinite;
}
.tp-counter-2-content .tp-counter-7-icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7e4fe;
  border-radius: 100px;
  position: relative;
  z-index: 1;
}
.tp-counter-2-content .tp-counter-7-count {
  font-size: 46px;
}
.tp-counter-2-content .tp-counter-7-dec {
  color: #5f556a;
}
.tp-counter-2-content.column-2 {
  transform: translateY(-53px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-content.column-2 {
    transform: translateY(0);
  }
}
.tp-counter-2-content.column-3 {
  transform: translateY(-28px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-content.column-3 {
    transform: translateY(0);
  }
}
.tp-counter-2-content.column-4 {
  transform: translateY(-126px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-counter-2-content.column-4 {
    transform: translateY(0);
  }
}

/*----------------------------------------*/
/*  7.16 feature
/*----------------------------------------*/
.tp-feature-subtitle {
  color: var(--tp-common-black);
}
.tp-feature-title {
  font-size: 72px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-feature-title {
    font-size: 40px;
  }
}
.tp-feature-dec {
  color: var(--tp-grey-1);
}
.tp-feature-item {
  border-radius: 16px;
  padding: 72px 165px 60px 165px;
  background: #f7f9f9;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-feature-item {
    padding: 52px 65px 50px 65px;
  }
}
@media (max-width: 574.98px) {
  .tp-feature-item {
    padding: 22px 25px 20px 25px;
  }
}
.tp-feature-slider {
  margin-right: -360px;
  margin-left: -360px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-feature-slider {
    margin-right: 0;
    margin-left: 0;
  }
}
.tp-feature-slider .swiper-slide-active .tp-feature-item {
  background: #fff3ed;
}
.tp-feature-pagination {
  text-align: center;
}
.tp-feature-pagination span {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #071516;
}
.tp-feature-pagination span.swiper-pagination-bullet-active {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.24 pricing
/*----------------------------------------*/
.tp-pricing-subtitle {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-pricing-price {
  font-size: 66px;
  letter-spacing: -0.05em;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pricing-price {
    font-size: 42px;
  }
}
.tp-pricing-meta {
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-common-black);
}
.tp-pricing-item {
  background: var(--tp-common-white);
  padding: 45px 40px 44px 40px;
  border: 1px solid rgba(255, 253, 225, 0.1);
  border-radius: 16px;
  height: 100%;
}
.tp-pricing-header {
  padding-bottom: 4px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
}
.tp-pricing-badge {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  border-radius: 30px;
  display: inline-block;
  padding: 7px 17px;
  line-height: 1;
  background: var(--tp-theme-1);
}
.tp-pricing-feature {
  margin-bottom: 43px;
}
.tp-pricing-feature ul li {
  list-style: none;
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-grey-1);
  margin-bottom: 14px;
  padding-right: 13px;
  position: relative;
}
.tp-pricing-feature ul li::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--tp-grey-1);
  right: 0;
  top: 10px;
  border-radius: 100px;
}

/*----------------------------------------*/
/*  7.12 cta css
/*----------------------------------------*/
.tp-cta-5 {
  background: linear-gradient(-192deg, rgba(255, 219, 210, 0.8) 0%, rgba(217, 255, 253, 0.8) 100%);
}
.tp-cta-5-dec {
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-cta-5-dec br {
    display: none;
  }
}
.tp-cta-5-app {
  display: flex;
  gap: 14px;
}
.tp-cta-5-app img {
  box-shadow: 0 7px 19px 0 rgba(3, 46, 65, 0.15);
  background: var(--tp-common-white);
  border-radius: 12px;
}
.tp-cta-5-scaner span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  7.23 policy
/*----------------------------------------*/
.tp-policy-title {
  font-size: 24px;
}
.tp-policy-list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 163%;
  color: var(--tp-grey-1);
  list-style: none;
  position: relative;
  padding-right: 15px;
}
.tp-policy-list li:not(:last-child) {
  margin-bottom: 8px;
}
.tp-policy-list li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: var(--tp-grey-1);
  border-radius: 50%;
}
.tp-policy-list a {
  font-weight: 400;
  font-size: 16px;
  line-height: 163%;
  color: var(--tp-grey-1);
}
.tp-policy-list a:hover {
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.10 contact
/*----------------------------------------*/
.tp-contact-title-sm {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-contact-info {
  border-top: 1px solid rgba(7, 21, 22, 0.1);
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
  padding-top: 32px;
  margin-top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-info-wrap {
    margin-left: 0;
  }
}
.tp-contact-info-icon {
  width: 54px;
  height: 54px;
  border: 1px solid var(--tp-border-1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  flex: 0 0 auto;
}
.tp-contact-info-text span {
  font-weight: 400;
  font-size: 13px;
  color: var(--tp-grey-1);
  display: block;
  line-height: 1;
  margin-bottom: 3px;
}
.tp-contact-info-text a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
.tp-contact-info-text a:hover {
  color: var(--tp-theme-1);
}
.tp-contact-form .tp-review-input .tp-label {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tp-contact-form .tp-review-input .tp-label span {
  color: var(--tp-theme-1);
}
.tp-contact-form .tp-review-input .tp-input {
  border: 1px solid rgba(7, 21, 22, 0.1);
  background: none;
  font-size: 15px;
  height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 12px;
}
.tp-contact-form .tp-review-input .tp-input::placeholder {
  font-size: 15px;
}
.tp-contact-form .tp-review-input .tp-input:focus {
  border-color: var(--tp-theme-1);
}
.tp-contact-form .tp-review-input .tp-textarea {
  height: 180px;
}
.tp-contact-map-box {
  line-height: 0;
}
.tp-contact-map-box iframe {
  height: 620px;
  width: 100%;
  line-height: 1;
  filter: saturate(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-contact-map-box iframe {
    height: 400px;
  }
}
@media (max-width: 574.98px) {
  .tp-contact-map-box iframe {
    height: 300px;
  }
}

/*----------------------------------------*/
/*  7.5 carrer
/*----------------------------------------*/
.tp-career-content .tp-brands-slider .swiper-slide {
  margin: 0 30px;
}
.tp-career-list-title {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.tp-career-list-title a:hover {
  color: var(--tp-theme-1);
}
.tp-career-list-position {
  font-weight: 400;
  font-size: 16px;
  line-height: 163%;
  color: var(--tp-grey-1);
}
.tp-career-list-item {
  padding: 14px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-list-item {
    flex-wrap: wrap;
  }
}
.tp-career-list-item:not(:last-child) {
  border-bottom: 1px solid rgba(16, 16, 16, 0.1);
}
.tp-career-list .tp-btn {
  background: var(--tp-grey-3);
  color: var(--tp-common-black);
  padding: 10px 17px;
  flex: 0 0 auto;
}
.tp-career-list .tp-btn:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-career-employ-slider .swiper-slide {
  display: inline-block;
  width: auto;
}
.tp-career-perks-icon {
  background: #f3f6f3;
  border-radius: 24px;
  padding: 60px 30px 55px 30px;
}
.tp-career-perks-icon img {
  width: 218px;
  height: 180px;
  object-fit: contain;
}
.tp-career-perks-title {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
.tp-career-perks-item:hover .tp-career-perks-title {
  color: var(--tp-theme-1);
}
.tp-career-details-meta-subtitle {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
}
.tp-career-details-meta-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.tp-career-details-meta-title a:hover {
  color: var(--tp-theme-1);
}
.tp-career-details-tab ul {
  justify-content: flex-start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-content {
    margin-left: 0;
  }
}
.tp-career-flexibility {
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 20px;
  box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.03);
  background: var(--tp-common-white);
  padding: 40px 40px 50px 40px;
  position: sticky;
  top: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-flexibility {
    padding: 30px 20px 30px 20px;
  }
}
.tp-career-flexibility-subtitle {
  font-weight: 400;
  font-size: 16px;
  color: #6b6c74;
}
.tp-career-flexibility-title {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.02em;
}
.tp-career-flexibility-title.fs-20 {
  font-size: 20px;
}
.tp-career-flexibility-icon {
  border: 1px solid rgba(17, 16, 19, 0.1);
  border-radius: 150px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}
.tp-career-application-form-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.tp-career-application-form-title.tp-border {
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.tp-career-application-form .tp-review-input {
  width: 100%;
}
.tp-career-application-form .tp-review-input .tp-input {
  padding-left: 50px;
}
.tp-career-application-form .tp-review-input .tp-select {
  width: 100%;
  line-height: 60px;
}
.tp-career-application-form .tp-review-input .tp-select::after {
  left: 20px;
}
.tp-career-application-form .tp-review-input .tp-select .list {
  width: 100%;
}
.tp-career-application-form .tp-booking-input-icon {
  right: auto;
  left: 24px;
}
.tp-career-employ-check {
  column-count: 2;
}
.tp-career-employ-form-check .tp-radio {
  display: none;
}
.tp-career-employ-form-check .tp-radio:checked ~ label::after {
  border-color: #4d3d30;
  background: transparent;
}
.tp-career-employ-form-check .tp-radio:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-career-employ-form-check .tp-label {
  font-size: 14px;
  position: relative;
  padding-right: 27px;
  font-weight: 500;
  color: var(--tp-common-black);
  font-weight: 400;
  font-size: 16px;
}
.tp-career-employ-form-check .tp-label:hover {
  cursor: pointer;
}
.tp-career-employ-form-check .tp-label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: #eaeaea;
  transition: all 0.4s ease;
}
.tp-career-employ-form-check .tp-label::before {
  position: absolute;
  content: "";
  right: 3px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--tp-common-black);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-career-upload-box {
  position: relative;
  border: 1px solid var(--tp-theme-1);
  border-radius: 12px;
  padding: 60px 20px;
  text-align: center;
  background-color: var(--tp-grey-3);
  transition: 0.3s ease;
  cursor: pointer;
}
.tp-career-upload-box .tp-file-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.tp-career-upload-icon {
  font-size: 28px;
  margin-bottom: 10px;
  display: inline-block;
  color: #555;
}
.tp-career-upload-content p {
  margin-bottom: 15px;
  color: #666;
}
.tp-career-upload-btn {
  padding: 8px 20px;
  border-radius: 30px;
  border: 1px solid #ddd;
  background: #fff;
  transition: 0.3s;
}
.tp-career-upload-btn:hover {
  background: #000;
  color: #fff;
}

/*----------------------------------------*/
/* 7.25 process css
/*----------------------------------------*/
.tp-process-item {
  background: var(--tp-grey-3);
  padding: 26px 24px 50px 20px;
  border-radius: 16px;
}
.tp-process-icon img {
  width: 222px;
  height: 203px;
  object-fit: contain;
}
.tp-process-title {
  font-weight: 600;
  font-size: 24px;
}
.tp-process-title span {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border-radius: 18px;
  padding: 0px 5px;
  line-height: 1;
  background: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.21 Login Css
/*----------------------------------------*/
.tp-login-wrapper {
  padding: 50px 74px 70px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 60px rgba(3, 4, 28, 0.1);
  border-radius: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-wrapper {
    padding: 50px 50px 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-login-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-login-area {
    padding-top: 130px !important;
  }
}
.tp-login-title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 4px;
}
.tp-login-top p {
  font-size: 16px;
  font-weight: 400;
  color: #49535B;
}
.tp-login-top p a {
  position: relative;
  display: inline-block;
  color: var(--tp-common-black);
}
.tp-login-top p a:hover::after {
  right: 0;
  left: auto;
  width: 100%;
}
.tp-login-top p a::after {
  position: absolute;
  content: "";
  right: auto;
  left: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-login-option-item {
  margin-bottom: 10px;
}
.tp-login-option-item:not(:last-child) {
  margin-left: 10px;
}
.tp-login-option-item a {
  font-size: 16px;
  color: #041226;
  width: 98px;
  height: 56px;
  line-height: 54px;
  text-align: center;
  border-radius: 8px;
  display: inline-block;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(198, 198, 198, 0.4);
}
.tp-login-option-item a:hover {
  border-color: rgba(77, 61, 48, 0.2);
}
.tp-login-option-item a img {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-login-mail {
  position: relative;
  z-index: 1;
}
.tp-login-mail::after {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  bottom: 12px;
  width: 100%;
  height: 1px;
  z-index: -1;
  transition: 0.3s;
  background-color: #C6C6C6;
}
.tp-login-mail p {
  font-size: 15px;
  color: #55585B;
  margin-bottom: 0;
  padding: 0 20px;
  position: relative;
  display: inline-block;
  background-color: #fff;
}
.tp-login-mail p a {
  color: var(--tp-common-black);
}
.tp-login-mail p a:hover {
  color: var(--tp-common-black);
}
.tp-login-input-wrapper {
  margin-bottom: 20px;
}
.tp-login-input-box {
  position: relative;
}
.tp-login-input-box:not(:last-child) {
  margin-bottom: 15px;
}
.tp-login-input-title label {
  font-size: 16px;
  padding: 0 5px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--tp-common-black);
}
.tp-login-input-eye {
  position: absolute;
  left: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-login-input-eye:hover {
  cursor: pointer;
}
.tp-login-input-eye:hover span {
  color: var(--tp-common-black);
}
.tp-login-input-eye span {
  transition: 0.3s;
}
.tp-login-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-common-black);
  position: relative;
  display: inline-block;
}
.tp-login-forgot a:hover::after {
  right: 0;
  left: auto;
  width: 100%;
}
.tp-login-forgot a::after {
  position: absolute;
  content: "";
  right: auto;
  left: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-common-black);
  transition: 0.3s;
}

/*----------------------------------------*/
/*  7.26 product css start
/*----------------------------------------*/
.tp-product-item:hover .tp-product-thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-product-item:hover .tp-product-action {
  left: 20px;
  visibility: visible;
  opacity: 1;
}
.tp-product-item:hover .tp-product-add-cart-btn-large-wrapper {
  bottom: 15px;
  visibility: visible;
  opacity: 1;
}
.tp-product-thumb {
  border-radius: 10px;
}
.tp-product-thumb img {
  transition: all 0.3s 0s ease-out;
  border-radius: 10px;
}
.tp-product-action {
  position: absolute;
  top: 20px;
  left: 0;
  bottom: auto;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
@media (max-width: 574.98px) {
  .tp-product-action {
    top: 30px;
  }
}
.tp-product-action-btn {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: var(--tp-common-white);
  border: 1px solid #DFE0E1;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.1);
  margin-bottom: 4px;
  border-radius: 50px;
}
.tp-product-action-btn:last-child {
  margin-bottom: 0;
}
.tp-product-action-btn svg {
  transform: translateY(-2px);
}
.tp-product-action-btn .tp-product-tooltip {
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-common-white);
}
.tp-product-action-btn:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background: var(--tp-common-black);
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.1);
}
.tp-product-action-btn:hover .tp-product-tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(8px) translateY(-50%);
  -moz-transform: translateX(8px) translateY(-50%);
  -ms-transform: translateX(8px) translateY(-50%);
  -o-transform: translateX(8px) translateY(-50%);
  transform: translateX(8px) translateY(-50%);
}
.tp-product-tooltip {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
  font-weight: 500;
  font-size: 12px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  display: inline-block;
  width: max-content;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.tp-product-tooltip::before {
  position: absolute;
  content: "";
  left: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid var(--tp-common-black);
  border-bottom: 8px solid transparent;
}
.tp-product-tooltip-right {
  right: 100%;
  left: auto;
}
.tp-product-tooltip-right::before {
  right: -4px;
  left: auto;
  border-right: 0;
  border-left: 8px solid var(--tp-common-black);
}
.tp-product-add-cart-btn-large {
  font-size: 18px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  padding: 8px 30px;
  border-radius: 50px;
  width: 90%;
}
.tp-product-add-cart-btn-large-wrapper {
  position: absolute;
  bottom: -40px;
  right: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  text-align: center;
}
.tp-product-add-cart-btn-large svg, .tp-product-add-cart-btn-large i {
  margin-left: 5px;
}
.tp-product-add-cart-btn-large svg {
  transform: translateY(-2px);
}
.tp-product-add-cart-btn-large:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-product-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 4px;
}
.tp-product-title a:hover {
  color: var(--tp-theme-1);
}
.tp-product-price {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-product-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.tp-product-badge span {
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
  background-color: #F0A750;
  border-radius: 50px;
  color: var(--tp-common-white);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1;
}
.tp-product-top-select .tp-select {
  background-color: var(--tp-common-white);
  border-radius: 5px;
  border: solid 1px var(--tp-border-1);
  font-size: 16px;
  height: 50px;
  line-height: 48px;
  padding-left: 60px;
}
.tp-product-top-select .tp-select:after {
  color: var(--tp-common-black);
  left: 15px;
}
.tp-product-top-select .tp-select .current {
  color: #000;
}
.tp-product-top-select .tp-select .option {
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-wrapper {
    margin-top: 50px;
  }
}
.tp-product-details-sort-desc p {
  font-size: 15px;
  line-height: 1.7;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .tp-product-details-sort-desc p br {
    display: none;
  }
}
.tp-product-details-sort-desc p span {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-product-details-nav-main-thumb {
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-nav-main-thumb {
    margin-bottom: 20px;
  }
}
.tp-product-details-nav-main-thumb img {
  border-radius: 20px;
}
.tp-product-details-thumb-wrapper {
  margin-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-thumb-wrapper {
    margin-left: 0;
  }
}
.tp-product-details-thumb-wrapper .tab-content {
  margin-left: 24px;
}
@media (max-width: 574.98px) {
  .tp-product-details-thumb-wrapper .tab-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-thumb-wrapper .tab-content {
    margin-left: 15px;
  }
}
.tp-product-details-category span {
  font-size: 15px;
  line-height: 1;
  color: var(--tp-grey-1);
}
.tp-product-details-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.tp-product-details-stock {
  margin-left: 12px;
}
.tp-product-details-stock span {
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px 4px 12px;
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border-radius: 50px;
}
.tp-product-details-rating {
  margin-left: 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tp-product-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}
.tp-product-details-rating span:not(:last-child) {
  margin-left: 3px;
}
.tp-product-details-price {
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-black);
  letter-spacing: -0.02em;
}
.tp-product-details-variation {
  margin-bottom: 30px;
}
.tp-product-details-variation-title {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-common-black);
  margin-bottom: 10px;
}
.tp-product-details-variation-item:not(:last-child) {
  margin-bottom: 15px;
}
.tp-product-details-variation-list button {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: relative;
  -webkit-transition: box-shadow 0.2s 0s linear;
  -moz-transition: box-shadow 0.2s 0s linear;
  -ms-transition: box-shadow 0.2s 0s linear;
  -o-transition: box-shadow 0.2s 0s linear;
  transition: box-shadow 0.2s 0s linear;
}
.tp-product-details-variation-list button span[data-bg-color] {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.tp-product-details-variation-list button .tp-color-variation-tootltip {
  position: absolute;
  bottom: 100%;
  right: 50%;
  -webkit-transform: translateX(50%) translateY(2px);
  -moz-transform: translateX(50%) translateY(2px);
  -ms-transform: translateX(50%) translateY(2px);
  -o-transform: translateX(50%) translateY(2px);
  transform: translateX(50%) translateY(2px);
  width: max-content;
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -ms-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.tp-product-details-variation-list button .tp-color-variation-tootltip::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: 50%;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  width: 0;
  height: 0;
  border-top: 6px solid var(--tp-common-black);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.tp-product-details-variation-list button.tp-size-variation-btn {
  width: 40px;
  height: 40px;
  border-radius: 0;
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.tp-product-details-variation-list button.tp-size-variation-btn:hover, .tp-product-details-variation-list button.tp-size-variation-btn.active {
  box-shadow: none;
  border-color: var(--tp-common-black);
  box-shadow: none;
  color: var(--tp-common-black);
}
.tp-product-details-variation-list button:hover, .tp-product-details-variation-list button.active {
  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.2);
}
.tp-product-details-variation-list button:hover span[data-bg-color], .tp-product-details-variation-list button.active span[data-bg-color] {
  -webkit-transform: translate(50%, -50%) scale(0.7);
  -moz-transform: translate(50%, -50%) scale(0.7);
  -ms-transform: translate(50%, -50%) scale(0.7);
  -o-transform: translate(50%, -50%) scale(0.7);
  transform: translate(50%, -50%) scale(0.7);
}
.tp-product-details-variation-list button:hover .tp-color-variation-tootltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(50%) translateY(-6px);
  -moz-transform: translateX(50%) translateY(-6px);
  -ms-transform: translateX(50%) translateY(-6px);
  -o-transform: translateX(50%) translateY(-6px);
  transform: translateX(50%) translateY(-6px);
}
.tp-product-details-action-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-black);
  margin-bottom: 13px;
}
.tp-product-details-quantity .tp-product-quantity {
  width: 122px;
  border-radius: 0;
  position: relative;
}
.tp-product-details-quantity .tp-cart-plus, .tp-product-details-quantity .tp-cart-minus {
  width: 24px;
  height: 24px;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  right: 14px;
  top: 11px;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-product-details-quantity .tp-cart-plus:hover, .tp-product-details-quantity .tp-cart-minus:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-product-details-quantity .tp-cart-plus {
  right: auto;
  left: 14px;
}
.tp-product-details-quantity .tp-cart-input[type=text] {
  height: 46px;
  line-height: 46px;
  padding: 0 45px;
  font-size: 16px;
  background-color: transparent;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-border-1);
  border-radius: 50px;
  text-align: center;
}
.tp-product-details-add-to-cart-btn {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  border-radius: 50px;
  padding: 9px 30px;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-border-1);
}
.tp-product-details-add-to-cart-btn:hover {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-product-details-buy-now-btn {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 30px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 1px solid transparent;
  border-radius: 50px;
}
.tp-product-details-buy-now-btn:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-border-1);
  background-color: transparent;
}
.tp-product-details-action-wrapper {
  margin-bottom: 17px;
}
.tp-product-details-action-sm {
  padding-bottom: 9px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(77, 61, 48, 0.1);
}
.tp-product-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--tp-common-black);
}
.tp-product-details-action-sm-btn:not(:last-child) {
  margin-left: 10px;
}
.tp-product-details-action-sm-btn i, .tp-product-details-action-sm-btn svg {
  margin-left: 2px;
  color: var(--tp-common-black);
}
.tp-product-details-action-sm-btn:hover {
  color: var(--tp-grey-1);
}
.tp-product-details-query {
  margin-bottom: 22px;
}
.tp-product-details-query-item:not(:last-child) {
  margin-bottom: 3px;
}
.tp-product-details-query-item > span {
  font-size: 15px;
  line-height: 1.4;
  margin-left: 6px;
  color: var(--tp-common-black);
}
.tp-product-details-query-item p {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.4;
}
.tp-product-details-social {
  margin-bottom: 22px;
}
.tp-product-details-social span {
  font-size: 15px;
  margin-left: 2px;
  color: var(--tp-common-black);
}
.tp-product-details-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  color: var(--tp-common-black);
  border-radius: 50%;
  border: 1px solid #E6E7E8;
  background: var(--tp-common-white);
}
.tp-product-details-social a:hover {
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-product-details-msg ul li {
  font-size: 15px;
  list-style: none;
  padding-right: 25px;
  position: relative;
  color: var(--tp-grey-1);
}
.tp-product-details-msg ul li::after {
  position: absolute;
  content: url("../../img/product/icon/product-icon.svg");
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
}
.tp-product-details-payment {
  padding: 18px 30px;
  background: var(--tp-grey-3);
}
.tp-product-details-payment p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  margin-left: 46px;
  flex: 0 0 auto;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-product-details-payment p {
    margin-left: 25px;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-payment p {
    margin-left: 0;
    margin-bottom: 15px;
  }
  .tp-product-details-payment p br {
    display: none;
  }
}
.tp-product-details-desc-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-desc-title {
    font-size: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-desc-title {
    font-size: 26px;
  }
}
.tp-product-details-desc-title-2 {
  font-size: 34px;
  font-weight: 400;
  margin-bottom: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-desc-title-2 {
    font-size: 25px;
  }
}
.tp-product-details-desc-content {
  margin-bottom: 25px;
  padding-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 574.98px) {
  .tp-product-details-desc-content {
    padding-left: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-desc-content {
    padding-right: 0;
  }
}
.tp-product-details-desc-content span {
  font-size: 20px;
  color: var(--tp-common-black);
}
.tp-product-details-desc-content p {
  font-size: 17px;
  line-height: 1.8;
  color: #55585B;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-desc-thumb img {
    max-width: 100%;
  }
}
.tp-product-details-desc-list {
  padding-top: 13px;
}
.tp-product-details-desc-list ul li {
  list-style: none;
  font-size: 16px;
  color: var(--tp-common-black);
  position: relative;
  padding-right: 17px;
}
.tp-product-details-desc-list ul li:not(:last-child) {
  margin-bottom: 3px;
}
.tp-product-details-desc-list ul li::after {
  position: absolute;
  content: "";
  right: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #A8ACB0;
  border-radius: 50%;
}
.tp-product-details-desc-fact-thumb img {
  margin-bottom: 16px;
}
.tp-product-details-desc-fact-content span {
  display: inline-block;
  font-size: 50px;
  line-height: 1.2;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-product-details-desc-fact-content span {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-desc-fact-content span {
    font-size: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-desc-fact-content span {
    font-size: 25px;
  }
}
.tp-product-details-desc-fact-content p {
  font-size: 22px;
}
@media (max-width: 574.98px) {
  .tp-product-details-desc-fact-content p {
    font-size: 20px;
  }
}
.tp-product-details-additional-info {
  padding-top: 60px;
}
@media (max-width: 574.98px) {
  .tp-product-details-additional-info {
    overflow-x: scroll;
  }
}
.tp-product-details-additional-info-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
  display: none;
}
.tp-product-details-additional-info.tp-table-style-2 {
  padding-top: 50px;
}
.tp-product-details-additional-info.tp-table-style-2 .tp-product-details-additional-info-title {
  display: block;
}
.tp-product-details-additional-info.tp-table-style-2 table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0 7px;
}
.tp-product-details-additional-info.tp-table-style-2 table tr {
  border: 0;
}
.tp-product-details-additional-info.tp-table-style-2 table tr:not(:last-child) {
  border: 0;
  margin-bottom: 6px;
}
.tp-product-details-additional-info table {
  width: 100%;
  border: 1px solid var(--tp-border-1);
}
.tp-product-details-additional-info table tr:not(:last-child) {
  border-bottom: 1px solid var(--tp-border-1);
}
.tp-product-details-review-number {
  border: 1px solid var(--tp-border-1);
  padding: 35px 40px 33px 43px;
  background-color: var(--tp-grey-3);
}
@media (max-width: 574.98px) {
  .tp-product-details-review-number {
    padding: 35px 25px 33px 25px;
  }
}
.tp-product-details-review-number-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 14px;
}
.tp-product-details-review-summery {
  margin-bottom: 12px;
}
.tp-product-details-review-summery-value span {
  font-size: 40px;
  font-weight: 500;
  color: var(--tp-common-black);
  margin-left: 8px;
}
.tp-product-details-review-summery-rating {
  margin-left: 3px;
}
.tp-product-details-review-summery-rating span {
  color: #FFB21D;
}
.tp-product-details-review-summery-rating p {
  margin-right: 4px;
  font-size: 14px;
  margin-bottom: 0;
}
.tp-product-details-review-rating-item > span {
  color: #A0A2A4;
  font-size: 15px;
  margin-left: 10px;
}
.tp-product-details-review-rating-bar {
  width: 260px;
  height: 10px;
  position: relative;
  margin-left: 12px;
  background-color: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .tp-product-details-review-rating-bar {
    width: 130px;
  }
}
.tp-product-details-review-rating-bar-inner {
  height: 100%;
  background-color: #FFB21D;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.tp-product-details-review-rating-percent span {
  font-size: 14px;
}
.tp-product-details-review-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
}
@media (max-width: 574.98px) {
  .tp-product-details-review-list {
    padding-left: 0;
  }
}
.tp-product-details-review-avater:not(:last-child) {
  margin-bottom: 32px;
}
.tp-product-details-review-avater-thumb {
  flex: 0 0 auto;
}
.tp-product-details-review-avater-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 20px;
}
.tp-product-details-review-avater-rating {
  line-height: 1;
  margin-bottom: 3px;
}
.tp-product-details-review-avater-rating span {
  font-size: 10px;
  margin-left: 2px;
  color: #FFB21D;
}
.tp-product-details-review-avater-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 9px;
  display: inline-block;
}
.tp-product-details-review-avater-meta {
  font-size: 14px;
  position: relative;
  padding-right: 11px;
  margin-right: 3px;
}
.tp-product-details-review-avater-meta::after {
  position: absolute;
  content: "";
  right: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #A8ACB0;
}
.tp-product-details-review-avater-comment p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-review-form {
    margin-top: 50px;
  }
}
.tp-product-details-review-form > p {
  font-size: 16px;
  margin-bottom: 8px;
}
.tp-product-details-review-form-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 4px;
}
.tp-product-details-review-form-rating {
  margin-bottom: 28px;
}
.tp-product-details-review-form-rating p {
  margin-bottom: 0;
  font-size: 14px;
  margin-left: 8px;
}
.tp-product-details-review-form-rating-icon span {
  font-size: 12px;
  color: #FFB21D;
}
.tp-product-details-review-input-wrapper {
  margin-bottom: 11px;
}
.tp-product-details-review-input-box {
  position: relative;
  margin-bottom: 29px;
}
.tp-product-details-review-input label {
  font-size: 16px;
  font-weight: 500;
  color: #111013;
  line-height: 1;
  margin-bottom: 12px;
}
.tp-product-details-review-input input, .tp-product-details-review-input textarea {
  border-radius: 0px;
  border-color: var(--tp-border-1);
  background: var(--tp-grey-3);
  color: var(--tp-common-black);
  border-radius: 12px;
}
.tp-product-details-review-input input:focus, .tp-product-details-review-input textarea:focus {
  background: transparent;
  border-color: var(--tp-common-black);
}
.tp-product-details-review-input input::-webkit-input-placeholder, .tp-product-details-review-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-grey-1);
}
.tp-product-details-review-input input::-moz-placeholder, .tp-product-details-review-input textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-grey-1);
}
.tp-product-details-review-input input:-moz-placeholder, .tp-product-details-review-input textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-grey-1);
}
.tp-product-details-review-input input:-ms-input-placeholder, .tp-product-details-review-input textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-grey-1);
}
.tp-product-details-review-input input::placeholder, .tp-product-details-review-input textarea::placeholder { /* MODERN BROWSER */
  color: var(--tp-grey-1);
}
.tp-product-details-review-input textarea {
  resize: none;
  height: 160px;
}
.tp-product-details-review-input-title label {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  line-height: 1;
  margin-bottom: 12px;
}
.tp-product-details-review-remeber input {
  display: none;
}
.tp-product-details-review-remeber input:checked ~ label::after {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-product-details-review-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-product-details-review-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-right: 26px;
  z-index: 1;
}
.tp-product-details-review-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-product-details-review-remeber label::before {
  position: absolute;
  content: url("../../img/product/icon/check.svg");
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.tp-product-details-review-remeber label a:hover {
  color: var(--tp-theme-primary);
}
.tp-product-details-review-remeber label:hover {
  cursor: pointer;
}
.tp-product-details-review-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 9px 45px;
  color: var(--tp-common-white);
  border: 1px solid rgba(1, 15, 28, 0.08);
  background-color: var(--tp-common-black);
  border-radius: 50px;
}
.tp-product-details-review-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-product-details-bottom {
  border-bottom: 1px solid #E0E2E3;
}
.tp-product-details-tab-line {
  bottom: 0;
  height: 1px;
  position: absolute;
  background-color: var(--tp-common-black);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: block;
}
.tp-product-details-views {
  margin-bottom: 10px;
}
.tp-product-details-views > span {
  color: var(--tp-common-black);
  font-size: 16px;
  margin-left: 8px;
}
.tp-product-details-views p {
  font-size: 16px;
  margin-bottom: 0;
}
.tp-product-details-views p span {
  color: var(--tp-common-black);
  font-weight: 500;
}
.tp-product-details-stock-bar p {
  font-size: 15px;
  margin-bottom: 5px;
}
.tp-product-details-stock-bar p span {
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-product-details-stock-bar-line {
  height: 4px;
  position: relative;
}
.tp-product-details-stock-bar-line-inner {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--tp-theme-primary);
  height: 100%;
  display: inline-block;
}
.tp-product-details-wishlist-btn {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 3px rgba(1, 15, 28, 0.1);
}
.tp-product-details-wishlist-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

.tp-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.tp-pagination ul li {
  display: inline-block;
}
.tp-pagination ul li:not(:last-child) {
  margin-left: 6px;
}
.tp-pagination ul li a, .tp-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid rgba(1, 15, 28, 0.1);
  font-size: 16px;
  font-weight: 500;
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
  background: var(--tp-theme-color);
  border-color: var(--tp-theme-color);
  color: var(--tp-white);
}
.tp-pagination ul li a svg, .tp-pagination ul li span svg {
  transform: translateY(-2px);
}

.tp-product-price {
  color: var(--tp-grey-1);
}

/*----------------------------------------*/
/*  7.8 Checkout css
/*----------------------------------------*/
.tp-checkout-verify-item {
  margin-bottom: 40px;
}
.tp-checkout-verify-item:not(:last-child) {
  margin-bottom: 14px;
}
.tp-checkout-verify-reveal {
  width: 100%;
  font-size: 14px;
  margin-bottom: 0;
  padding: 8px 26px;
  display: inline-block;
  border: 1px dashed #AAB0B2;
  color: var(--tp-common-black);
}
.tp-checkout-verify-reveal button {
  position: relative;
  color: var(--tp-common-black);
}
.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-common-black);
}
.tp-checkout-btn {
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  padding: 0 30px;
  line-height: 50px;
  text-align: center;
  border-radius: 8px;
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 1px solid transparent;
}
.tp-checkout-btn:hover {
  border-color: var(--tp-common-black);
  color: var(--tp-common-black);
  background-color: transparent;
}
.tp-checkout-input {
  margin-bottom: 20px;
}
.tp-checkout-input label {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--tp-common-black);
}
.tp-checkout-input label span {
  color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
  width: 100%;
  padding: 0 26px;
  line-height: 52px;
  font-size: 14px;
  text-transform: capitalize;
  border: 1px solid transparent;
  color: var(--tp-common-black);
  background: var(--tp-grey-3);
}
.tp-checkout-input input::placeholder, .tp-checkout-input textarea::placeholder {
  font-size: 14px;
  line-height: 52px;
  text-transform: capitalize;
  color: var(--tp-grey-1);
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
  background: transparent;
  border-color: var(--tp-common-black);
}
.tp-checkout-input textarea {
  height: 200px;
  resize: none;
}
.tp-checkout-input .nice-select::after {
  left: 15px;
}
.tp-checkout-input .tp-select {
  height: 52px;
  line-height: 50px;
  border-radius: 0;
  border: 1px solid transparent;
  color: var(--tp-common-black);
  padding: 0px 25px 0;
  width: 100%;
  border-radius: 4px;
  background: var(--tp-grey-3);
  font-size: 14px;
}
.tp-checkout-input .tp-select .current {
  font-size: 14px;
  line-height: 52px;
  text-transform: capitalize;
  color: var(--tp-grey-1);
}
.tp-checkout-option {
  margin-bottom: 4px;
}
.tp-checkout-option-wrapper {
  margin-top: 10px;
  margin-bottom: 17px;
}
.tp-checkout-option input {
  display: none;
}
.tp-checkout-option input:checked ~ label::after {
  background-color: #4d3d30;
  border-color: #4d3d30;
}
.tp-checkout-option input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-checkout-option label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-right: 26px;
  z-index: 1;
}
.tp-checkout-option label::after {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  transition: all 0.4s ease;
}
.tp-checkout-option label::before {
  position: absolute;
  content: url("../../img/login/check.svg");
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: all 0.4s ease;
}
.tp-checkout-option label a:hover {
  color: var(--tp-common-black);
}
.tp-checkout-option label:hover {
  cursor: pointer;
}
.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  border-radius: 12px;
}
@media (max-width: 574.98px) {
  .tp-checkout-bill-area {
    padding: 45px 25px 24px;
  }
}
.tp-checkout-bill-title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 35px;
}
.tp-checkout-place {
  padding: 44px 50px 50px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-checkout-place {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-checkout-place {
    margin-top: 50px;
  }
}
@media (max-width: 574.98px) {
  .tp-checkout-place {
    padding: 45px 25px 24px;
  }
}
.tp-checkout-place-title {
  font-size: 26px;
  font-weight: 600;
  margin-left: 37px;
  margin-bottom: 30px;
}
.tp-checkout-payment {
  padding-bottom: 26px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E0E2E3;
}
.tp-checkout-payment-item:not(:last-child) {
  margin-bottom: 10px;
}
.tp-checkout-payment-item .tp-payment-input {
  display: none;
}
.tp-checkout-payment-item .tp-payment-input:checked ~ .tp-payment-label::after {
  border-color: #4d3d30;
}
.tp-checkout-payment-item .tp-payment-input:checked ~ .tp-payment-label::before {
  opacity: 1;
  visibility: visible;
}
.tp-checkout-payment-item .tp-payment-label {
  font-size: 14px;
  position: relative;
  padding-right: 27px;
  font-weight: 500;
  color: var(--tp-common-black);
}
.tp-checkout-payment-item .tp-payment-label:hover {
  cursor: pointer;
}
.tp-checkout-payment-item .tp-payment-label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  transition: all 0.4s ease;
}
.tp-checkout-payment-item .tp-payment-label::before {
  position: absolute;
  content: "";
  right: 3px;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-common-black);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-checkout-payment-item .tp-payment-label img {
  margin-right: 14px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-checkout-payment-item .tp-payment-label a {
  margin-right: 20px;
  position: relative;
}
.tp-checkout-payment-item .tp-payment-label a::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 3px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-common-black);
}
.tp-checkout-payment-desc {
  position: relative;
  padding-top: 10px;
  display: none;
}
.tp-checkout-payment-desc::after {
  position: absolute;
  content: "";
  right: 57px;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #F6F7F9;
  -webkit-transform: translateY(3px) rotate(-45deg);
  -moz-transform: translateY(3px) rotate(-45deg);
  -ms-transform: translateY(3px) rotate(-45deg);
  -o-transform: translateY(3px) rotate(-45deg);
  transform: translateY(3px) rotate(-45deg);
}
.tp-checkout-payment-desc p {
  font-size: 14px;
  color: #55585B;
  margin-bottom: 0;
  margin-right: 27px;
  line-height: 1.57;
  padding: 19px 30px;
  background-color: #F6F7F9;
}
.tp-checkout-payment-form::after {
  display: none;
}
.tp-checkout-agree {
  margin-bottom: 24px;
}

.tp-return-customer {
  display: none;
  margin-top: 14px;
  padding: 40px 40px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  border-radius: 12px;
}
.tp-return-customer-input {
  margin-bottom: 20px;
}
.tp-return-customer-input label {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--tp-common-black);
}
.tp-return-customer-input label span {
  color: red;
}
.tp-return-customer-input input, .tp-return-customer-input textarea {
  width: 100%;
  padding: 0 26px;
  line-height: 56px;
  font-size: 14px;
  text-transform: capitalize;
  border: 1px solid transparent;
  color: var(--tp-common-black);
  background: var(--tp-grey-3);
  border-radius: 6px;
}
.tp-return-customer-input input::placeholder, .tp-return-customer-input textarea::placeholder {
  font-size: 14px;
  line-height: 56px;
  text-transform: capitalize;
  color: var(--tp-grey-1);
}
.tp-return-customer-input input:focus, .tp-return-customer-input textarea:focus {
  background: transparent;
  border-color: var(--tp-theme-1);
}
.tp-return-customer-remeber input {
  display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.tp-return-customer-remeber input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-return-customer-remeber label {
  font-size: 15px;
  color: #55585B;
  position: relative;
  padding-right: 26px;
  z-index: 1;
}
.tp-return-customer-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  transition: all 0.4s ease;
}
.tp-return-customer-remeber label::before {
  position: absolute;
  content: url("../../img/login/check.svg");
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: all 0.4s ease;
}
.tp-return-customer-remeber label a:hover {
  color: var(--tp-common-black);
}
.tp-return-customer-remeber label:hover {
  cursor: pointer;
}
.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-common-black);
  position: relative;
  display: inline-block;
}
.tp-return-customer-forgot a::after {
  position: absolute;
  content: url("../../img/login/check.svg");
  right: auto;
  left: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-common-black);
  transition: all 0.4s ease;
}
.tp-return-customer-forgot a:hover::after {
  right: 0;
  left: auto;
  width: 100%;
}

.tp-order-details {
  padding: 70px 100px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-order-details {
    padding: 70px 70px 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-order-details {
    padding: 70px 30px 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-order-details {
    padding: 70px 50px 55px;
  }
}
@media (max-width: 574.98px) {
  .tp-order-details {
    padding: 40px 30px 45px;
  }
}
.tp-order-details-icon {
  margin-bottom: 22px;
}
.tp-order-details-icon span {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 118px;
  text-align: center;
  font-size: 55px;
  color: var(--tp-common-white);
  border-bottom: 1px solid #E0E2E3;
  border-radius: 50%;
}
.tp-order-details-icon span svg {
  transform: translateY(-1px);
}
.tp-order-details-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-common-white);
  margin-bottom: 7px;
}
.tp-order-details-content p {
  font-size: 16px;
  color: var(--tp-common-white);
  line-height: 1.38;
}
.tp-order-details-item {
  margin-bottom: 38px;
}
.tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
  padding-right: 40px;
}
@media (max-width: 574.98px) {
  .tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
    padding-right: 0;
  }
}
.tp-order-details-item h4 {
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 0;
  font-weight: 400;
}
.tp-order-details-item p {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
.tp-order-info-wrapper {
  padding: 42px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-order-info-wrapper {
    padding: 42px 40px;
  }
}
@media (max-width: 574.98px) {
  .tp-order-info-wrapper {
    padding: 42px 30px;
  }
}
.tp-order-info-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.tp-order-info-list ul li {
  list-style: none;
  padding: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tp-order-info-list ul li:not(:last-child) {
  border-bottom: 1px solid #E0E2E3;
}
.tp-order-info-list ul li span {
  font-size: 15px;
  color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-header {
  padding-top: 0;
  padding-bottom: 12px;
}
.tp-order-info-list ul li.tp-order-info-list-header h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p {
  font-size: 15px;
  margin-bottom: 0;
}
.tp-order-info-list ul li.tp-order-info-list-desc p span {
  font-size: 15px;
  font-weight: 500;
}
.tp-order-info-list ul li.tp-order-info-list-subtotal span:last-child {
  color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input {
  display: none;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::after {
  border-color: #4d3d30;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label {
  font-size: 14px;
  position: relative;
  padding-left: 27px;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label span {
  color: var(--tp-common-black);
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label:hover {
  cursor: pointer;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  transition: all 0.4s ease;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-common-black);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-order-info-list ul li.tp-order-info-list-total {
  padding: 14px 0;
}
.tp-order-info-list ul li.tp-order-info-list-total span {
  font-size: 16px;
  font-weight: 500;
}
.tp-order-inner {
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.gallery-col-3,
.gallery-col-4 {
    height: 150px;
    overflow: hidden;
}

.gallery-col-3 img,
.gallery-col-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-col-1 {
    height: 550px;
    overflow: hidden;
}

.gallery-col-1 > a,
.gallery-col-1 picture {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery-col-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tp-tour-area .container {
   display: flex;
}
.tp-tour-area .container > .row {
   width: 100%;
}

.tp-tour-filter-wrap {
   width: 100%;
}
.tp-offcanvas-logo img{
    width: 220px !important;
    max-width: none !important;
    height: auto;
}
/* === LOGO BÜYÜTME - EN GÜÇLÜ HALİ === */
.tp-header-logo img,
.tp-header-logo a img,
.logo img,
a[href*="index"] img,
.header .logo img {
    width: 220px !important;        /* İstediğin boyuta göre değiştir */
    max-width: 220px !important;
    height: auto !important;
    min-width: 180px !important;    /* Ekstra güvenlik */
}

/* Parent elementleri de serbest bırak */
.tp-header-logo,
.tp-header-logo a,
.logo {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
}
/* the hamburger is shown at every width (it opens the side menu); its look is in the "TQ NAV" section at the end of this file */
.tp-header-toogle-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Butonların Yeni Hali (İçi Beyaz, Yazı ve Çerçeve Koyu Turuncu) */
.tp-tour-btn {
    display: inline-block;
    text-decoration: none;
    background-color: #ffffff !important;  /* İç kısmı tamamen beyaz */
    color: #e93333 !important;             /* Yazılar koyu turuncu */
    border: 2px solid #e93333 !important;   /* Dış çerçeve çizgisi koyu turuncu (daha belirgin olması için 2px yapıldı) */
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;                       /* Yazıların okunabilirliği için kalınlık artırıldı */
    border-radius: 30px;                    /* Yuvarlak buton tasarımı */
    transition: all 0.3s ease-in-out;       /* Geçişlerin yumuşak olması için */
}

/* Fareyle Üzerine Gelindiğinde (Hover Efekti) */
.tp-tour-btn:hover {
    background-color: #e93333 !important;  /* Arka plan koyu turuncu olur */
    color: #ffffff !important;             /* Yazı rengi beyaza döner */
    border-color: #e93333 !important;
    box-shadow: 0 4px 15px rgba(224, 79, 0, 0.2); /* Koyu turuncu hafif parlama efekti */
}
/* Boş buton kutularını tamamen ortadan kaldırır */
 
[data-bs-toggle="tab"] {
    display: none !important;
}/* 1. Şablonun grid/list görünüm sekmelerini tamamen ortadan kaldırır */
.tp-tour-list-nav, 
.tp-tour-grid-nav,
[role="tablist"]:not(.tq-hotels-tabs) {
    display: none !important;
}

/* 2. Garanti olsun diye, Filter butonunun yakınındaki tüm bağımsız küçük butonları uçurur */
.tp-tour-list-nav button, 
.tp-tour-list-nav a,
button[data-bs-toggle="tab"],
a[data-bs-toggle="tab"] {
    display: none !important;
}
/* İkon kırık da olsa, gizli de olsa o buton yapısını komple ortadan kaldırır */
.tp-tour-list-nav,
[role="tablist"]:not(.tq-hotels-tabs),
.tp-tour-grid-nav {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Garanti olsun diye o alanın içindeki tüm aktif/pasif butonları ve linkleri uçurur */
.tp-tour-list-nav button, 
.tp-tour-list-nav a,
button[data-bs-toggle="tab"] {
    display: none !important;
}/* Nice-select eklentisinin o inatçı kutusunu tamamen ortadan kaldırır */
.nice-select.tp-select {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
@media (max-width: 767px) {
    /* 1. Dil butonunun masaüstü konumlandırma bağlarını mobilde tamamen koparıyoruz */
    .nice-select.tp-select {
        position: fixed !important; /* Ekran kaydırılsa bile menünün yanında sabit kalması için */
        top: 18px !important; /* Yukarıdaki iki çizginin tam hizası */
        left: 70px !important; /* İki çizginin hemen sol yanı */
        float: none !important;
        margin: 0 !important;
        padding: 0 6px !important;
        height: 30px !important;
        line-height: 28px !important;
        min-width: 45px !important;
        width: 45px !important;
        text-align: center !important;
        z-index: 999999 !important; /* Her şeyin, mobil menünün bile en üstüne çıkarıyoruz */
        background-color: #ffffff !important; /* Görselin üstünde kaybolmasın diye beyaz arka plan */
        border: 1px solid #e1e1e1 !important;
        border-radius: 4px !important;
    }

    /* 2. Sağdaki o küçük aşağı ok işaretini mobilde kesinlikle yok ediyoruz (Yazı sığsın diye) */
    .nice-select.tp-select::after {
        display: none !important;
        content: none !important;
    }

    /* 3. İçindeki EN veya TR yazısını kutuya tam ortalıyoruz */
    .nice-select.tp-select .current {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #111111 !important;
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }
}
/* Sadece mobil cihazlarda buton alanını küçültür */
@media (max-width: 767px) {
    /* 1. Butonların arasındaki boşluğu (gap) daraltıyoruz */
    .tp-tour-tab ul {
        gap: 6px !important; /* 16px olan boşluğu 6px'e düşürdük */
    }

    /* 2. Butonları kibarlaştırıp yazı boyutunu ve iç boşluğunu küçültüyoruz */
    .tp-tour-tab .tp-tour-btn {
        font-size: 14px !important; /* Yazı boyutunu mobilde ideal boyuta çektik */
        padding: 6px 12px !important; /* Üst-alt boşluğu 6px, sağ-sol boşluğu 12px yaparak kutuları küçülttük */
        border-radius: 6px !important; /* Köşe ovalini mobil ekrana göre eşitledik */
        display: inline-block !important;
        white-space: nowrap !important; /* Yazıların buton içinde çirkin şekilde alt satıra kırılmasını önler */
    }
}
/* --- MOBİL BUTON KÜÇÜLTME VE RENK UYUMLAMA --- */
@media (max-width: 767px) {
    /* 1. Butonların arasındaki boşluğu daraltıyoruz */
    .tp-tour-tab ul {
        gap: 6px !important; 
    }

    /* 2. Butonları küçültüp, renk tonunu üstteki canlı turuncuyla eşitliyoruz */
    .tp-tour-tab .tp-tour-btn {
        font-size: 12px !important; 
        padding: 6px 12px !important; 
        border-radius: 4px !important; 
        display: inline-block !important;
        white-space: nowrap !important; 
        
        /* Renk Ayarları */
        background-color: #d13b00 !important; /* Arka planı o canlı turuncu yaptık */
        color: #ffffff !important;            /* Yazı rengi bembeyaz */
        border: 1px solid #d13b00 !important; /* Kenarlık rengi */
        transition: all 0.2s ease !important;
    }

    /* 3. Butona tıklandığında veya parmak basılı tutulduğunda rengin bozulmamasını sağlıyoruz */
    .tp-tour-tab .tp-tour-btn:hover,
    .tp-tour-tab .tp-tour-btn:active,
    .tp-tour-tab .tp-tour-btn:focus,
    .tp-tour-tab .nav-tab-item.active .tp-tour-btn {
        background-color: #d04300 !important; /* Üzerine gelince çok hafif koyulaşan premium bir turuncu */
        border-color: #d04300 !important;
        color: #ffffff !important;
    }
}
/* Başlıktaki (Header) sepet ikonunu ve bildirimini tamamen kaldırır */
.tp-header-action-btn.tp-header-cart-toggle,
.tp-header-cart-toggle,
a[href*="cart"],
.tp-shop-cart {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* 1. ADIM: Sadece mobilde (767px ve altı) gizle */
@media screen and (max-width: 767px) {
    .tourquaz-fixed-lang {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}
/* 1. Fare üzerine gelse bile eski hover mantığının menüyü açmasını/kapatmasını engelliyoruz */
.tp-language-dropdown-wrap:hover .tp-language-list,
.dropdown:hover .tp-language-list,
li:hover .tp-language-list {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. SADECE bizim JavaScript ile atadığımız 'active' sınıfı varken menüyü ekrana kilitliyoruz */
.tp-language-dropdown-wrap.active .tp-language-list,
.active .tp-language-list {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important; /* Menü içindeki linklerin tıklanabilir olmasını garantiler */
}

/* 2. ADIM: Masaüstünde (768px ve üzeri) ZORLA GERİ GETİR */
@media screen and (min-width: 768px) {
    .tourquaz-fixed-lang {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}
/* 992px-1399px arasında telefon numarası iki satıra kayıyor ve sabit
   top:54px değeri header'daki "+(90) 212 999 9 642" linkiyle çakışıyor
   (görüldüğü genişlikler: 1200px, 1280px, 1366px). Bu aralıkta widget'ı
   header'ın altına indiriyoruz. */
@media screen and (min-width: 992px) and (max-width: 1399px) {
    .tourquaz-fixed-lang {
        top: 100px !important;
    }
}
/* 1. Dil menüsü açıldığında, buton ile liste arasındaki boşluğu 
   görünmez bir köprüyle (::before) kapatıyoruz. 
   Böylece fare aşağı kayarken tarayıcı hover durumunun bittiğini ASLA anlamaz. */
.tp-language-dropdown-wrap::before,
.dropdown::before,
li:has(.tp-language-list)::before {
    content: '';
    position: absolute;
    top: 30px; /* Butonun bittiği yer */
    right: 0;
    width: 100%;
    height: 40px; /* Alttaki menüye kadar uzanan görünmez alan */
    display: block;
    z-index: 999;
}

/* 2. Menünün üzerine tıklandığında (focus) veya fare üzerindeyken 
   sabit kalmasını ve hemen kapanmamasını garantiliyoruz */
.tp-language-list:hover,
.tp-language-list:focus-within {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Açılır dil listesinin (beyaz kutunun) üst boşluğunu görünmez bir alanla kapatıyoruz */
.tp-language-list, 
ul[class*="language"] {
    margin-top: 0 !important; /* Butona olan mesafeyi sıfırla */
    padding-top: 15px !important; /* Üst tarafa 15 piksellik görünmez bir hover köprüsü kur */
    background-clip: padding-box !important; /* Arka plan beyazlığının bu köprüye taşmasını engelle */
}

/* Fare kutunun üzerindeyken veya o görünmez boşluktayken açık kalmasını garantile */
.tp-language-dropdown-wrap:hover .tp-language-list,
li:has(ul):hover ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.tp-breadcrumb-overly::before {
  background: linear-gradient(-180deg, rgba(5,15,16,0.35) 0%, rgba(5,15,16,0.78) 100%) !important;
}
/* Başlık Metni */
.tq-hero-title {
   color: #ffffff !important;
   font-weight: 800 !important;
   letter-spacing: -0.5px;
   /* Çift Katmanlı Gölge: Kontrastı ve okunabilirliği maksimuma çıkarır */
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6), 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* Alt Açıklama Metni */
.tq-hero-subtitle {
   color: #ffffff !important;
   font-size: 1.1rem;
   font-weight: 500;
   display: inline-block;
   padding: 6px 18px;
   border-radius: 30px;
   /* Hafif karartılmış buzlu cam arka planı */
   background: rgba(0, 0, 0, 0.35);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   border: 1px solid rgba(255, 255, 255, 0.15);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
/* Travel Guide dropdown: ic ice sub-menu sadece kendi ust ogesi hover iken acilir + ok ikonu (Font Awesome Free) */
.tp-menu-dropdown nav ul li.tq-travel-guide-item .sub-menu li .sub-menu { opacity: 0 !important; visibility: hidden !important; }
.tp-menu-dropdown nav ul li.tq-travel-guide-item .sub-menu li:hover > .sub-menu { opacity: 1 !important; visibility: visible !important; }
.tp-menu-dropdown nav ul li.tq-travel-guide-item .sub-menu li.menu-item-has-children > a:after { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; }

/* Ana sayfa header: logo menu genisliginden bagimsiz, cubugun tam ortasinda */
@media (min-width: 1400px) {
  .tp-header-two .tp-header-two-bg { position: relative; }
  .tp-header-two .tp-header-logo { position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); margin: 0 !important; }
}

/* Rezervasyon kutusundaki "WhatsApp'tan ozellestirin" CTA'si: eski buyuk turuncu
   buton yerine kucuk, modern, WhatsApp yesili bir buton */
.tq-wa-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #1a7f3c !important;
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  padding: 13px 20px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.28);
  transition: background 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none !important;
}
.tq-wa-cta::before {
  content: "\f232";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 17px;
  line-height: 1;
  flex-shrink: 0;
}
.tq-wa-cta:hover {
  background: #146b31 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);
}

/* "Where You'll Stay" - tur detay sayfalarinda paket/tier basina otel karuseli
   (tek kart, sag/sol oklarla gezinme) */
.tq-hotel-carousel {
  position: relative;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(17, 17, 17, 0.06);
  max-width: 480px;
}
.tq-hotel-carousel-track {
  display: flex;
  transition: transform 0.35s ease;
}
.tq-hotel-slide { flex: 0 0 100%; width: 100%; position: relative; }
.tq-hotel-slide-img { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #f2f3f5; }
.tq-hotel-slide-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tq-hotel-tier-badge {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(17, 17, 17, 0.18);
}
.tq-hotel-slide[data-tier="standart"] .tq-hotel-tier-badge { background: #eef1ff; color: #4c5fd6; }
.tq-hotel-slide[data-tier="konfor"] .tq-hotel-tier-badge { background: #fff6df; color: #b9780a; }
.tq-hotel-slide[data-tier="fulvip"] .tq-hotel-tier-badge,
.tq-hotel-slide[data-tier="premium"] .tq-hotel-tier-badge,
.tq-hotel-slide[data-tier="private"] .tq-hotel-tier-badge { background: #fff0ec; color: var(--tp-theme-1); }
/* Text overlaid directly on the hotel photo (instead of below it) to save vertical space */
.tq-hotel-slide-body {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 46px 16px 14px;
  background: linear-gradient(-180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.65) 55%, rgba(17, 17, 17, 0.86) 100%);
}
.tq-hotel-slide-body h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}
.tq-hotel-features { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.tq-hotel-features li {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.94);
  padding-right: 20px;
  position: relative;
  line-height: 1.4;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.tq-hotel-features li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  color: #6fe0a3;
  position: absolute;
  right: 0;
  top: 3px;
}
.tq-hotel-arrow {
  position: absolute;
  top: calc(37.5% - 18px); /* 4:3 image ortasi (image yuksekligi = genislik*0.75) */
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(17, 17, 17, 0.2);
  cursor: pointer;
  transition: background 0.2s ease;
}
.tq-hotel-arrow:hover { background: #ffffff; }
.tq-hotel-arrow-prev { right: 12px; }
.tq-hotel-arrow-next { left: 12px; }
.tq-hotel-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 0 16px;
}
.tq-hotel-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(17, 17, 17, 0.16);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
.tq-hotel-dots span.active { background: var(--tp-theme-1); transform: scale(1.25); }

/* Tur bilgi seridi (Accommodation, Best Season, vb.) - eski dikey liste yerine
   kompakt, tek satira siga bilen minimal chip'ler */
.tq-info-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tq-info-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f7f7f8;
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 10px;
  padding: 9px 14px;
  font-size: 12.5px;
  line-height: 1.3;
}
.tq-info-chip-icon { display: flex; align-items: center; flex-shrink: 0; color: #6b6e76; font-size: 14px; line-height: 1; }
.tq-info-chip-icon svg { width: 16px; height: 16px; display: block; }
.tq-info-chip-icon i { font-size: 14px; }
.tq-info-chip-label { color: #8a8d94; margin-left: 4px; }
.tq-info-chip strong { color: #111111; font-weight: 600; }
@media (max-width: 480px) {
  .tq-info-chip { font-size: 12px; padding: 7px 12px; }
}

/* --- Mobile homepage hero/header compaction --- */
@media (max-width: 767.98px) {
  .tp-hero-two-ptb {
    padding-top: 110px;
    padding-bottom: 40px;
  }
  .tp-header-two-bg {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
  .tp-header-two-bg > .row {
    flex-wrap: nowrap;
  }
  .tp-header-two-bg > .row > .col-6 {
    flex: 0 0 auto;
    width: auto;
  }
  .tp-header-two-bg > .row > .col-6:first-child {
    padding-left: 20px;
  }
}

/* --- Homepage: modern floating info card, detached from the hero photo --- */
.tp-hero-info-strip-wrap {
  position: relative;
  z-index: 3;
  margin-top: -130px;
  margin-bottom: 16px;
}
.tp-hero-info-strip {
  background: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(17, 17, 17, 0.12);
  padding: 26px 34px;
  flex-wrap: wrap;
  row-gap: 20px;
}
.tp-hero-info-strip .tp-hero-info-icon {
  color: var(--tp-theme-1);
  background: #FFF3ED;
  border-color: transparent;
}
.tp-hero-info-strip .tp-hero-info-title {
  color: var(--tp-header-1, #17181A);
}
.tp-hero-info-strip .tp-hero-info-subtitle {
  color: #6b7076;
}
.tp-hero-info-strip .tp-hero-info-item.tp-border::before {
  background: rgba(17, 17, 17, 0.08);
}
@media (max-width: 767.98px) {
  .tp-hero-info-strip-wrap {
    margin-top: -70px;
    margin-bottom: 30px;
  }
  .tp-hero-info-strip {
    padding: 20px;
    justify-content: center !important;
    gap: 22px;
  }
  .tp-hero-info-strip .tp-hero-info-thumb {
    order: -1;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
  }
  .tp-hero-info-strip .tp-hero-info-item.tp-border::before {
    display: none;
  }
  .tp-hero-info-strip .tp-hero-info-item {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
  }
  .tp-hero-info-strip .tp-hero-info-item.d-flex {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .tp-hero-info-strip .tp-hero-info-icon {
    margin-left: 0 !important;
    width: 60px;
    height: 60px;
  }
  .tp-hero-info-strip .tp-hero-info-ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FFF3ED;
    color: var(--tp-theme-1);
    margin: 0 auto 12px;
  }
  .tp-hero-info-strip .tp-hero-info-title {
    font-size: 16px;
  }
}

/* --- Homepage hero: experimental colored "frosted glow" text shadows --- */
.tp-hero-area .tursab-header-strip p {
  text-shadow: 0 2px 8px rgba(229, 39, 0, 0.55), 0 2px 22px rgba(229, 39, 0, 0.45);
}
.tp-hero-area .tp-hero-title {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35), 0 4px 24px rgba(0, 0, 0, 0.25);
}
.tp-hero-area .tp-hero-dec {
  text-shadow: 0 2px 8px rgba(253, 70, 33, 0.55), 0 2px 22px rgba(253, 70, 33, 0.4);
}

/* --- Modern light top bar (header redesign) --- */
.tp-header-top-modern {
  background: #EAF3FB;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
}
.tp-header-top-modern .tp-header-top-info ul li a {
  color: #384454;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.tp-header-top-modern .tp-header-top-info ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-top-modern .tp-header-top-info ul li:not(:last-child)::after {
  background: rgba(17, 17, 17, 0.15);
}
.tp-header-top-modern .tp-header-top-tursab-text {
  color: #384454 !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.tp-header-top-modern .tp-header-top-menu-item > span {
  color: #384454;
  display: inline-flex;
  align-items: center;
}
.tp-header-top-support {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #384454;
  font-size: 14px;
  font-weight: 500;
}
.tp-header-top-support:hover {
  color: var(--tp-theme-1);
}

/* --- Hero: eyebrow tag + two-tone title accent --- */
.tp-hero-eyebrow {
  display: inline-block;
  color: var(--tp-theme-1);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  margin-bottom: 12px;
}
.tp-hero-title-accent {
  color: var(--tp-theme-1);
}

/* --- Hero: trust badges row --- */
.tp-hero-trust-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px 28px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}
.tp-hero-trust-badges li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.tp-hero-trust-badges svg {
  flex-shrink: 0;
  color: var(--tp-theme-1);
}
@media (max-width: 767.98px) {
  .tp-hero-trust-badges {
    gap: 12px 18px;
    margin-top: 18px;
  }
  .tp-hero-trust-badges li {
    font-size: 12.5px;
  }
}

/* --- Hero: real-stats strip (Years / Travelers / Tours / Award) --- */
.tp-hero-stats-strip-wrap {
  margin-top: 0;
  margin-bottom: 40px;
  position: relative;
  z-index: 3;
}
.tp-hero-stats-strip {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 24px 30px;
  background: var(--tp-common-white);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(17, 17, 17, 0.06);
}
.tp-hero-stats-strip li {
  flex: 1 1 0;
  min-width: 140px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 12px;
}
.tp-hero-stats-strip li:not(:last-child) {
  border-left: 1px solid rgba(17, 17, 17, 0.08);
}
.tp-hero-stats-icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #FFF3ED;
  color: var(--tp-theme-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-hero-stats-strip strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: var(--tp-header-1, #17181A);
  line-height: 1.2;
}
.tp-hero-stats-strip span {
  display: block;
  font-size: 13px;
  color: #6b7076;
}
@media (max-width: 767.98px) {
  .tp-hero-stats-strip {
    padding: 18px;
    gap: 16px 0;
  }
  .tp-hero-stats-strip li {
    flex: 1 1 45%;
    min-width: 45%;
    border-left: none !important;
  }
  .tp-hero-stats-icon {
    width: 38px;
    height: 38px;
  }
  .tp-hero-stats-strip strong {
    font-size: 16px;
  }
  .tp-hero-stats-strip span {
    font-size: 11.5px;
  }
}
.tp-booking-location-list {
  z-index: 50;
}
/* .tp-hero-info-strip-wrap / .tp-hero-stats-strip-wrap sit at z-index:3 as a SIBLING
   of .tp-hero-area (which is only z-index:2 via the shared .z-index-2 class), so the
   "Where to?" dropdown living inside .tp-hero-area was capped below them no matter
   its own z-index. Raise .tp-hero-area's stacking above those cards so its dropdown
   can paint on top; this doesn't affect normal (non-overlapping) page flow. */
/* Only raise .tp-hero-area above the floating cards WHILE its own "Where to?"
   dropdown is open, so the dropdown can paint over the cards, but the cards
   go back to floating over the photo edge the rest of the time. */
.tp-hero-area:has(.tp-booking-toggle-active.booking-open) {
  z-index: 4;
}

/* a11y: old (struck-through) prices need 4.5:1 contrast on white */
.tp-tour-item .tp-tour-old-price,
.tp-tour-details-price .tp-tour-old-price { color: #6b6b6b !important; }

/* CLS: reserve gallery height before Swiper initialises */
.tp-tour-details-2-gallery .tp-instagram-slide { min-height: 260px; }

/* a11y contrast */
.tp-footer-contact .phone { color: #BF3212; }
.tp-input::placeholder, textarea::placeholder { color: #767676; opacity: 1; }

/* Tour pages with the sticky price widget: on desktop the widget sits in a right column that starts at the top of the page content (beside the title block) instead of below the gallery */
@media (min-width: 992px) {
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) { display: grid; grid-template-columns: minmax(0, 1fr) clamp(340px, 32%, 418px); column-gap: 32px; align-items: start; }
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) > .tp-tour-details { grid-column: 1; grid-row: 1; min-width: 0; }
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) > .tp-tour-details-gallery-wrap { grid-column: 1; grid-row: 2; min-width: 0; }
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) > .tp-tour-details-content-wrap,
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) > .tp-tour-details-content-wrap > .row { display: contents; }
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) > .tp-tour-details-content-wrap > .row > .col-lg-8 { grid-column: 1; grid-row: 3; width: auto; max-width: none; min-width: 0; padding: 0; }
  .tp-tour-details-area .col-12:has(> .tp-tour-details-content-wrap #tq-desktop-sidebar-col) > .tp-tour-details-content-wrap > .row > .col-lg-4 { grid-column: 2; grid-row: 1 / span 3; align-self: stretch; width: auto; max-width: none; padding: 0; }
}

/* ---- Tour pages: every section is its own card (Tour Overview, Itinerary with one card per day, Included, FAQ ...) ---- */
.tq-card-sections { --tq-sec-accent: #1d4aa0; --tq-sec-line: #e4e9f2; --tq-sec-ink: #0f172a; }
.tq-card-sections > div:not(#tq-mobile-price-slot):not(.tq-pricing-section):not(.tq-info-strip),
.tq-card-sections > .tp-tour-details-plan,
.tq-card-sections > .tp-faq-wrap {
  background: #fff; border: 1px solid var(--tq-sec-line); border-radius: 26px; padding: 28px 30px 30px;
  margin: 0 0 26px !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.tq-card-sections > .tp-tour-details-plan { padding-bottom: 16px !important; }
.tq-card-sections > div > h2,
.tq-card-sections > .tp-faq-wrap > h2 {
  font-size: 12px; line-height: 1.3; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
  color: var(--tq-sec-accent); margin: 0 0 16px !important;
}
.tq-card-sections .tq-intro { color: #475569; }
.tq-card-sections .tq-quick-facts-list li::before { background: var(--tq-sec-accent); }
/* itinerary: one card per day */
.tq-card-sections .tp-tour-details-plan-list ul { padding-right: 0; margin: 0; }
.tq-card-sections .tp-tour-details-plan-list ul::after,
.tq-card-sections .tp-tour-details-plan-list ul li::before,
.tq-card-sections .tp-tour-details-plan-icon { display: none !important; }
.tq-card-sections .tp-tour-details-plan-list ul li {
  border: 1px solid var(--tq-sec-line) !important; border-radius: 22px; padding: 24px 26px 22px !important; margin: 0 0 18px !important; background: #fff;
}
.tq-card-sections .tp-tour-details-plan-list ul li h3 {
  margin: 0 0 14px; font-size: 24px; line-height: 1.25; font-weight: 700; color: var(--tq-sec-ink);
}
.tq-card-sections .tq-day-label { color: var(--tq-sec-accent); font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.tq-card-sections .tq-day-sep { color: var(--tq-sec-accent); font-weight: 500; }
.tq-card-sections .tq-plan-bullets .tq-plan-bullet {
  display: flex; align-items: flex-start; gap: 12px; padding: 0; margin: 0 0 10px; font-size: 15.5px; line-height: 1.55; color: #1f2937;
}
.tq-card-sections .tq-plan-bullets .tq-plan-bullet::before { display: none; }
.tq-card-sections .tq-plan-bullet > i { flex: 0 0 20px; width: 20px; margin-top: 3px; text-align: center; font-size: 15px; color: var(--tq-sec-accent); }
.tq-card-sections .tq-plan-bullet > i.fa-star { color: #f5a524; }
.tq-card-sections .tq-plan-bullet > i.fa-bed { color: var(--tq-sec-accent); }
.tq-card-sections .tq-plan-bullet > span strong { color: var(--tq-sec-ink); }
.tq-card-sections .tp-tour-details-plan-list + h3 { margin-top: 28px; }
@media (max-width: 767px) {
  .tq-card-sections > div:not(#tq-mobile-price-slot):not(.tq-pricing-section):not(.tq-info-strip),
  .tq-card-sections > .tp-tour-details-plan,
  .tq-card-sections > .tp-faq-wrap { padding: 20px 16px 22px; border-radius: 20px; margin-bottom: 18px !important; }
  .tq-card-sections .tp-tour-details-plan-list ul li { padding: 18px 16px 16px !important; border-radius: 18px; }
  .tq-card-sections .tp-tour-details-plan-list ul li h3 { font-size: 20px; }
}

/* itinerary on phones: the day cards slide sideways (one card and a peek of the next), a small bar shows the day */
.tq-day-rail-nav { display: none; }
@media (max-width: 767px) {
  .tq-card-sections .tp-tour-details-plan-list ul {
    display: flex; gap: 12px; overflow-x: auto; margin: 0 -16px; padding: 2px 16px 8px !important;
    scroll-snap-type: x mandatory; scroll-padding: 0 16px; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .tq-card-sections .tp-tour-details-plan-list ul::-webkit-scrollbar { display: none; }
  .tq-card-sections .tp-tour-details-plan-list ul li {
    flex: 0 0 calc(100% - 20px); min-width: 0; margin: 0 !important; scroll-snap-align: start; scroll-snap-stop: always;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .06);
  }
  .tq-card-sections .tp-tour-details-plan-list ul li h3 { font-size: 19px; }
  .tq-card-sections .tp-tour-details-plan-list ul li .tq-day-text { font-size: 15px; line-height: 1.6; }
  .tq-card-sections .tp-tour-details-plan-list ul li .tq-plan-bullet { font-size: 14.5px; }
  .tq-day-rail-nav { display: flex; align-items: center; gap: 12px; margin: 6px 0 4px; }
  .tq-day-rail-bar { flex: 1 1 auto; height: 3px; border-radius: 3px; background: #e4e9f2; overflow: hidden; }
  .tq-day-rail-bar i { display: block; height: 100%; width: 0; background: #3A84BC; border-radius: 3px; transition: width .2s ease; }
  .tq-day-rail-count { flex: 0 0 auto; font-size: 13px; font-weight: 600; color: #475569; font-variant-numeric: tabular-nums; }
}
@media (prefers-reduced-motion: reduce) { .tq-day-rail-bar i { transition: none; } }

/* ---- Google review cards on tour pages ---- */
.tq-reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.tq-review-card { border: 1px solid #e4e9f2; border-radius: 18px; padding: 18px 18px 16px; background: #f8fafc; }
.tq-review-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.tq-review-head > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.25; flex: 1 1 auto; min-width: 0; }
.tq-review-head strong { font-size: 15px; color: #0f172a; }
.tq-review-head small { font-size: 12px; color: #64748b; }
.tq-review-avatar { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: #1d4aa0; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.tq-review-stars { color: #f5a524; font-size: 14px; letter-spacing: 1px; white-space: nowrap; }
.tq-review-card p { margin: 0; font-size: 14.5px; line-height: 1.6; color: #334155; }
.tq-card-sections > .tp-review-wrap { background: #fff; border: 1px solid #e4e9f2; border-radius: 26px; padding: 28px 30px 30px; margin: 0 0 26px !important; }

/* tour pages, desktop: the price / booking sidebar sits in one frame in the blue of the logo */
@media (min-width: 992px) {
  .tq-pricing-section { border: 2px solid #3A84BC; border-radius: 20px; padding: 22px 20px 12px; background: #ffffff; }
  .tq-pricing-section .tp-booking-sidebar-item { border: 0; box-shadow: none; padding: 20px 6px 10px; }
}

/* ---- tour pages: the summary card under the H1 (price + Google rating, location, info grid, buttons); same frame as the section cards ---- */
.tq-tour-card { background: #fff; border: 1px solid #e4e9f2; border-radius: 26px; padding: 28px 30px 30px; margin: 0 0 26px; box-shadow: 0 1px 2px rgba(15, 23, 42, .03); }
.tq-tour-card .tq-card-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 10px; }
.tq-tour-card .tq-card-from { font-size: 17px; color: #0f172a; line-height: 1.3; }
.tq-tour-card .tq-card-rating { margin-right: auto; }
.tq-tour-card .tq-card-loc { margin: 0 0 16px; }
.tq-tour-card .tq-card-grid { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 28px; }
.tq-tour-card .tq-card-row { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.45; color: #1f2937; }
.tq-tour-card .tq-card-row > i { flex: 0 0 20px; width: 20px; margin-top: 3px; text-align: center; font-size: 15px; color: #1d4aa0; }
.tq-tour-card .tq-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tq-tour-card .tq-card-toggle { display: none; background: none; border: 0; padding: 0; margin: -6px 0 16px; font: inherit; font-size: 14.5px; font-weight: 600; color: #1d4aa0; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.tq-tour-card .tq-hero-actions { margin: 0; }
@media (min-width: 992px) {
  .tq-tour-card .tq-card-from { display: none; }      /* the booking box next to it already shows the price */
  .tq-tour-card .tq-card-rating { margin-right: 0; }
}
@media (max-width: 767px) {
  .tq-tour-card { padding: 20px 16px 22px; border-radius: 20px; margin-bottom: 18px; }
  .tq-tour-card .tq-card-grid { grid-template-columns: 1fr; gap: 9px; margin-bottom: 18px; }
  .tq-tour-card:not(.is-open) .tq-card-more { display: none; }
  .tq-tour-card .tq-card-toggle { display: block; }
}

/* ---- Blog: Related Tours (image cards). Right column on desktop, sticky; a swipe row under the post title below 1200px (tools/lib/blog-aside.js) ---- */
.tq-rt { position: sticky; top: 100px; }
.tq-rt-h { margin: 0 0 16px; font-size: 22px; font-weight: 700; color: #0e1a2b; }
.tq-rt-list { display: flex; flex-direction: column; gap: 14px; }
.tq-rt > .tq-rt-list { max-height: calc(100vh - 190px); overflow-y: auto; padding: 2px; scrollbar-width: thin; }
.tq-rt-card { position: relative; display: block; flex: 0 0 auto; aspect-ratio: 16 / 10; border-radius: 16px; overflow: hidden; background: #0e1a2b; color: #fff; text-decoration: none; isolation: isolate; box-shadow: 0 8px 22px -12px rgba(14,26,43,.55); transition: transform .25s ease, box-shadow .25s ease; }
.tq-rt-card:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 14px 28px -12px rgba(14,26,43,.65); }
.tq-rt-card picture, .tq-rt-card > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.tq-rt-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.tq-rt-card:hover img { transform: scale(1.06); }
.tq-rt-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(-180deg, rgba(14,26,43,.05) 25%, rgba(14,26,43,.55) 60%, rgba(14,26,43,.9) 100%); }
.tq-rt-dur { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.93); color: #0e1a2b; font-size: 12px; font-weight: 700; line-height: 1.2; }
.tq-rt-body { position: absolute; z-index: 2; right: 0; left: 0; bottom: 0; display: flex; flex-direction: column; gap: 9px; padding: 14px 16px 15px; }
.tq-rt-title { color: #fff; font-size: 17px; font-weight: 700; line-height: 1.25; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
.tq-rt-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tq-rt-price { display: flex; flex-direction: column; gap: 2px; color: #fff; font-size: 13px; line-height: 1.1; white-space: nowrap; }
.tq-rt-price small { font-size: 11.5px; opacity: .85; }
.tq-rt-price b { font-size: 18px; font-weight: 700; }
.tq-rt-go { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: #d93b1a; color: #fff; font-size: 12.5px; font-weight: 600; line-height: 1; white-space: nowrap; }
.tq-rt-card:focus-visible { outline: 3px solid #d93b1a; outline-offset: 2px; }
.tq-rt-strip { display: none; margin: 4px 0 26px; }
.tq-rt-strip-h { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
@media (max-width: 1199.98px) {
  .tq-blog-aside { display: none; }
  .tq-rt-strip { display: block; }
  .tq-rt-strip .tq-rt-list { flex-direction: row; gap: 12px; margin: 0 -12px; padding: 2px 12px 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 12px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .tq-rt-strip .tq-rt-list::-webkit-scrollbar { display: none; }
  .tq-rt-strip .tq-rt-card { flex: 0 0 74%; max-width: 300px; scroll-snap-align: start; }
  .tq-rt-strip .tq-rt-title { font-size: 15px; }
  .tq-rt-strip .tq-rt-price b { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .tq-rt-card, .tq-rt-card img { transition: none; } .tq-rt-card:hover { transform: none; } .tq-rt-card:hover img { transform: none; } }

/* ---- Home page: everything below the first screen is laid out and painted only when it comes near the viewport (content-visibility), so the first load does not pay for it.
   The placeholder heights are the measured heights of the sections (phone / tablet / desktop), so the page length does not jump while scrolling ---- */
.tq-home .tq-dest, .tq-home .tp-offer-banner-area, .tq-home .tp-about-area, .tq-home .tp-destination-area, .tq-home .tp-chose-area, .tq-home .tp-testimonial-area, .tq-home .tp-faq-area, .tq-home footer { content-visibility: auto; }
.tq-home .tq-dest { contain-intrinsic-size: auto 790px; }
.tq-home .tp-offer-banner-area { contain-intrinsic-size: auto 763px; }
.tq-home .tp-about-area { contain-intrinsic-size: auto 1911px; }
.tq-home .tp-destination-area { contain-intrinsic-size: auto 630px; }
.tq-home .tp-chose-area { contain-intrinsic-size: auto 1862px; }
.tq-home .tp-testimonial-area { contain-intrinsic-size: auto 904px; }
.tq-home .tp-faq-area { contain-intrinsic-size: auto 1651px; }
.tq-home footer { contain-intrinsic-size: auto 2588px; }
@media (min-width: 768px) {
  .tq-home .tq-dest { contain-intrinsic-size: auto 930px; }
  .tq-home .tp-offer-banner-area { contain-intrinsic-size: auto 757px; }
  .tq-home .tp-about-area { contain-intrinsic-size: auto 1385px; }
  .tq-home .tp-chose-area { contain-intrinsic-size: auto 1506px; }
  .tq-home .tp-testimonial-area { contain-intrinsic-size: auto 918px; }
  .tq-home .tp-faq-area { contain-intrinsic-size: auto 1342px; }
  .tq-home footer { contain-intrinsic-size: auto 1797px; }
}
@media (min-width: 1200px) {
  .tq-home .tq-dest { contain-intrinsic-size: auto 754px; }
  .tq-home .tp-offer-banner-area { contain-intrinsic-size: auto 394px; }
  .tq-home .tp-about-area { contain-intrinsic-size: auto 790px; }
  .tq-home .tp-chose-area { contain-intrinsic-size: auto 970px; }
  .tq-home .tp-testimonial-area { contain-intrinsic-size: auto 485px; }
  .tq-home .tp-faq-area { contain-intrinsic-size: auto 817px; }
  .tq-home footer { contain-intrinsic-size: auto 1195px; }
}

/*----------------------------------------*/
/*  TQ NAV: hamburger · language selector · side menu (assets/js/main.js "TQ NAV")  */
/*----------------------------------------*/
:root { --tq-nav-ink: #14181f; --tq-nav-muted: #5b6472; --tq-nav-line: #e6e9ee; --tq-nav-soft: #f4f6f9; --tq-nav-accent: var(--tp-theme-1, #d93b1a); --tq-nav-wa: #1fa855; }
html.tq-oc-lock, html.tq-oc-lock body { overflow: hidden; }
html.tq-oc-lock body { padding-inline-end: var(--tq-sbw, 0px); }

/* ---- hamburger: two rounded bars (long over short), the short one grows on hover, both turn into a cross when the menu is open.
        A white round button with dark bars: readable on the white header, on the sticky header and on top of a photo. ---- */
.tp-header-toogle { position: relative; display: inline-block; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(20, 24, 31, .16); border-radius: 50%; background: #fff; color: var(--tq-nav-ink); box-shadow: 0 1px 3px rgba(20, 24, 31, .08); cursor: pointer; transition: border-color .25s ease, color .25s ease, box-shadow .25s ease; -webkit-tap-highlight-color: transparent; }
.tp-header-toogle span { position: absolute; inset-inline-end: 13px; display: block; height: 2px; border-radius: 2px; background: currentColor; transition: transform .25s ease, width .25s ease, top .25s ease; animation: none !important; }
.tp-header-toogle span:first-child { top: 15px; width: 18px; }
.tp-header-toogle span:nth-child(2) { top: 25px; width: 12px; }
.tp-header-toogle:hover, .tp-header-toogle:focus-visible { color: var(--tq-nav-accent); border-color: var(--tq-nav-accent); background: #fff; }
.tp-header-toogle:hover span { background: currentColor; animation: none !important; }
.tp-header-toogle:hover span:nth-child(2) { width: 18px; }
.tp-header-toogle:focus-visible { outline: 3px solid rgba(217, 59, 26, .35); outline-offset: 2px; }
.tp-header-toogle.is-open span:first-child { top: 20px; width: 18px; transform: rotate(-45deg); }
.tp-header-toogle.is-open span:nth-child(2) { top: 20px; width: 18px; transform: rotate(45deg); }

/* ---- language selector (header) ---- */
.tq-lang { position: relative; display: inline-flex; align-items: center; margin-inline-end: 10px; font-family: inherit; }
.tq-lang-btn { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border: 1px solid rgba(20, 24, 31, .16); border-radius: 999px; background: #fff; color: var(--tq-nav-ink); font: 600 13px/1 inherit; cursor: pointer; transition: border-color .2s ease, color .2s ease; }
.tq-lang-btn:hover, .tq-lang.is-open .tq-lang-btn { border-color: var(--tq-nav-accent); color: var(--tq-nav-accent); }
.tq-lang-btn:focus-visible, .tq-lang-menu a:focus-visible, .tq-seg-btn:focus-visible, .tq-cur-btn:focus-visible, .tq-acc-btn:focus-visible, .tq-acc-link:focus-visible, .tq-plain-link:focus-visible, .tq-oc-close:focus-visible, .tq-oc-wa:focus-visible { outline: 3px solid rgba(217, 59, 26, .35); outline-offset: 2px; }
.tq-lang-btn .tq-ic:last-child { transition: transform .2s ease; }
.tq-lang.is-open .tq-lang-btn .tq-ic:last-child { transform: rotate(-180deg); }
.tq-lang-code { min-width: 1.4em; letter-spacing: .02em; }
.tq-lang-menu { position: absolute; inset-inline-end: 0; top: calc(100% + 8px); z-index: 1000; min-width: 176px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--tq-nav-line); border-radius: 14px; box-shadow: 0 14px 34px rgba(20, 24, 31, .18); animation: tq-pop .16s ease-out; }
.tq-lang-menu[hidden] { display: none; }
.tq-lang-menu li { margin: 0; padding: 0; list-style: none; }
.tq-lang-menu a { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 44px; padding: 0 12px; border-radius: 10px; color: var(--tq-nav-ink); font: 500 15px/1.2 inherit; text-decoration: none; }
.tq-lang-menu a:hover { background: var(--tq-nav-soft); color: var(--tq-nav-ink); }
.tq-lang-menu a[aria-current] { color: var(--tq-nav-accent); font-weight: 700; }
.tq-lang-menu a[lang="ar"] { font-family: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif; }
.tq-lang-top .tq-lang-btn { height: 32px; padding: 0 8px; border-color: transparent; background: transparent; font-weight: 500; }
.tq-lang-top { margin-inline-end: 0; }
@keyframes tq-pop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (max-width: 767.98px) { .tq-lang-head { display: none; } }

/* ---- side menu ---- */
.tp-offcanvas-overlay { z-index: 999990; transition: opacity .25s ease, visibility .25s ease; }
.tp-offcanvas-overlay-open { opacity: .5; }
/* Arabic pages load assets/css/rtl/main.css (this file mirrored by tools/build-ar-css.js): the side menu opens from the left there, nothing to override */
.tp-offcanvas.tq-oc { display: flex; flex-direction: column; left: 0; width: min(400px, 100%); max-width: 100vw; height: 100%; height: 100dvh; padding: 0; overflow: hidden; background: #fff; color: var(--tq-nav-ink); z-index: 1000000; visibility: hidden; box-shadow: 14px 0 44px rgba(20, 24, 31, .2); transform: translateX(-100%); transition: transform .25s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .25s; }
.tp-offcanvas.tq-oc.tp-offcanvas-open { visibility: visible; transform: translateX(0); transition-delay: 0s; }
.tq-oc-head { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; padding: 14px 20px; border-bottom: 1px solid var(--tq-nav-line); }
.tq-oc-logo img { display: block; width: 130px; height: auto; }
.tq-oc-close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--tq-nav-soft); color: var(--tq-nav-ink); cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.tq-oc-close:hover { background: var(--tq-nav-ink); color: #fff; }
.tq-oc-body { flex: 1 1 auto; min-height: 0; padding: 16px 20px 8px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.tq-oc-search { margin: 0 0 16px; }
.tq-oc-search .tp-input { width: 100%; height: 46px; padding-inline: 16px 44px; border: 1px solid var(--tq-nav-line); border-radius: 999px; background: var(--tq-nav-soft); color: var(--tq-nav-ink); font-size: 15px; }
.tq-oc-search .tp-header-search-btn { position: absolute; inset-inline-end: 14px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: var(--tq-nav-muted); }
.tq-oc-sec { margin: 0 0 14px; }
.tq-oc-label { display: block; margin: 0 0 8px; color: var(--tq-nav-muted); font: 700 12px/1 inherit; letter-spacing: .06em; text-transform: uppercase; }
.tq-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 4px; border-radius: 14px; background: var(--tq-nav-soft); }
.tq-seg-btn { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 11px; color: var(--tq-nav-ink); font: 700 14px/1 inherit; text-decoration: none; transition: background-color .2s ease, color .2s ease; }
.tq-seg-btn:hover { background: #fff; color: var(--tq-nav-ink); }
.tq-seg-btn.is-active, .tq-seg-btn.is-active:hover { background: var(--tq-nav-accent); color: #fff; }
.tq-cur-row { display: flex; gap: 6px; }
.tq-cur-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; min-height: 36px; padding: 0 12px; border: 1px solid var(--tq-nav-line); border-radius: 999px; background: #fff; color: var(--tq-nav-muted); font: 600 12px/1 inherit; text-decoration: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.tq-cur-btn:hover { color: var(--tq-nav-ink); border-color: #c9ced6; }
.tq-cur-btn.active { background: var(--tq-nav-ink); border-color: var(--tq-nav-ink); color: #fff; }
.tq-oc-nav ul { margin: 0; padding: 0; list-style: none; }
.tq-oc-nav > ul > li { border-top: 1px solid var(--tq-nav-line); }
.tq-oc-nav > ul > li:first-child { border-top: 0; }
.tq-acc-row { display: flex; align-items: center; }
.tq-acc-link, .tq-plain-link { display: flex; align-items: center; flex: 1 1 auto; min-height: 52px; padding: 0; color: var(--tq-nav-ink); font: 600 17px/1.25 inherit; text-decoration: none; border: 0; }
.tq-acc-link:hover, .tq-plain-link:hover { color: var(--tq-nav-accent); }
.tq-acc-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 48px; height: 48px; margin-inline-end: -8px; border: 0; background: none; color: var(--tq-nav-muted); cursor: pointer; }
.tq-acc-btn .tq-ic { transition: transform .25s ease; }
.tq-acc-btn[aria-expanded="true"] .tq-ic { transform: rotate(-180deg); }
.tq-acc-btn[aria-expanded="true"] { color: var(--tq-nav-accent); }
.tq-acc-panel { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .25s ease, visibility 0s linear .25s; }
.tq-acc.is-open > .tq-acc-panel { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
.tq-acc-panel > ul { min-height: 0; overflow: hidden; padding-inline-start: 4px; }
.tq-acc-panel li a { display: flex; align-items: center; min-height: 44px; padding: 0 4px; color: var(--tq-nav-muted); font: 500 15px/1.3 inherit; text-decoration: none; }
.tq-acc-panel li a:hover { color: var(--tq-nav-accent); }
.tq-acc.is-open > .tq-acc-panel > ul { padding-bottom: 8px; }
.tq-sub2 { padding-inline-start: 14px; border-inline-start: 2px solid var(--tq-nav-line); margin-inline-start: 4px; }
.tq-sub2 li a { min-height: 40px; font-size: 14px; }
.tq-oc-foot { flex: 0 0 auto; padding: 14px 20px calc(16px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--tq-nav-line); background: #fff; }
.tq-oc-wa { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; border-radius: 14px; background: var(--tq-nav-wa); color: #fff; font: 700 16px/1 inherit; text-decoration: none; box-shadow: 0 6px 16px rgba(31, 168, 85, .28); transition: filter .2s ease; }
.tq-oc-wa:hover { filter: brightness(.94); color: #fff; }
.tq-oc-contact { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin: 12px 0 10px; }
.tq-oc-contact a { color: var(--tq-nav-ink); font: 600 14px/1.6 inherit; text-decoration: none; unicode-bidi: isolate; }
.tq-oc-contact a:hover { color: var(--tq-nav-accent); }
.tq-oc-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tq-oc-social { display: flex; gap: 8px; }
.tq-oc-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--tq-nav-line); border-radius: 50%; color: var(--tq-nav-ink); transition: background-color .2s ease, color .2s ease; }
.tq-oc-social a:hover { background: var(--tq-nav-accent); border-color: var(--tq-nav-accent); color: #fff; }
.tq-oc-badge { display: block; height: 40px; width: auto; max-width: 140px; object-fit: contain; }
@media (max-width: 380px) { .tq-oc-head, .tq-oc-body, .tq-oc-foot { padding-inline: 16px; } }
@media (prefers-reduced-motion: reduce) {
  .tp-offcanvas.tq-oc, .tp-offcanvas-overlay, .tq-acc-panel, .tq-acc-btn .tq-ic, .tp-header-toogle span, .tq-lang-menu { transition: none !important; animation: none !important; }
}
/* header row: language selector + search + phone + hamburger share one line */
.tp-header-option { flex-wrap: nowrap; }
.tp-header-contact a { white-space: nowrap; }
.tp-header-option .tp-header-search .tp-input { width: clamp(120px, 13vw, 305px); }
@media (min-width: 1200px) { .tp-header-option .tp-header-search .tp-input { width: clamp(120px, 13vw, 305px); } }
/* the header (with its menus and the language list) stays above the page content, e.g. the photo strip of a tour page */
.tp-header-height { position: relative; z-index: 120; }