@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
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&family=Dancing+Script:wght@400..700&family=Marcellus&display=swap" rel="stylesheet');
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -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: #FD4621;
  --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%;
}

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;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
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-left: 26px;
  padding-right: 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=password]::-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=password]::-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=password]:-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=password]:-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=password]::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=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]: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=password]: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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gx-50 {
  --bs-gutter-x: 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) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

.gx-60 {
  --bs-gutter-x: 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) {
  .gx-60 {
    --bs-gutter-x: 30px;
  }
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.p-inherit {
  position: inherit !important;
}

.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: 100% 100%, 0 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: 100% 100%, 0 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;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

@media (min-width: 1400px) {
  .container-1800 {
    max-width: 1800px;
  }
}
@media (min-width: 1400px) {
  .container-1876 {
    max-width: 1876px;
  }
}
@media (min-width: 1400px) {
  .container-1350 {
    max-width: 1350px;
  }
}
/* Font weight */
.fw-100 {
  font-weight: 100;
}

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

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

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

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

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

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

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

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

.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%;
  left: 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;
  right: 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 {
    right: 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-left: 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-white.hover-border:hover {
  background: var(--tp-common-black);
  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);
  }
}
.rotate-infinite {
  -webkit-animation: rotate-infinite 15s linear infinite;
  animation: rotate-infinite 15s linear infinite;
}

@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);
  }
}
.tpswing {
  animation: tpSwing 2s linear infinite alternate;
}

@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
/*----------------------------------------*/
/* Ana Preloader Arka Planı */
#loading {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff; /* Temiz beyaz lüks bir açılış için */
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 99999;
}

.loader {
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 20px;
}

/* İkonların Kapsayıcısı */
.accommodation-icon-wrapper {
   position: relative;
   width: 100px;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
}

/* Kapı İkonu Stili */
.room-door {
   font-size: 60px;
   color: #1e293b; /* Koyu şık gri/lacivert tonu */
   position: absolute;
}

/* Anahtar İkonu Animasyonu (Kapıya doğru süzülen akıllı anahtar efekti) */
.room-key {
   font-size: 30px;
   color: #ff4a22; /* TourQuaz Canlı Turuncu */
   position: absolute;
   z-index: 2;
   transform-origin: center;
   animation: keyInsert 2s infinite ease-in-out;
}

/* Marka İsmi Stili */
.loading-text-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
}

.loading-brand {
   font-family: 'Segoe UI', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: #1e293b;
   letter-spacing: 1px;
}

/* Altındaki Modern Yüklenme Çubuğu */
.loading-bar {
   width: 120px;
   height: 3px;
   background-color: #f1f5f9;
   border-radius: 2px;
   position: relative;
   overflow: hidden;
}

.loading-bar::after {
   content: '';
   position: absolute;
   left: -50%;
   width: 50%;
   height: 100%;
   background-color: #ff4a22;
   animation: loadingProgress 1.5s infinite linear;
}

/* ANIMASYONLAR (KEYFRAMES) */

/* Anahtarın kapıya yaklaşma ve dönme efekti */
@keyframes keyInsert {
   0% {
      transform: translate(-40px, -20px) rotate(-45deg) scale(0.8);
      opacity: 0;
   }
   30% {
      transform: translate(0, 0) rotate(0deg) scale(1);
      opacity: 1;
   }
   50% {
      transform: translate(0, 0) rotate(90deg) scale(1); /* Anahtar kapı kilidinde dönüyor */
      opacity: 1;
   }
   70% {
      transform: translate(0, 0) rotate(90deg) scale(1);
      opacity: 1;
   }
   100% {
      transform: translate(10px, 0) scale(0.7); /* Kapının içine süzülüp kayboluyor */
      opacity: 0;
   }
}

/* Çizgisel Yüklenme Efekti */
@keyframes loadingProgress {
   0% { left: -50%; }
   100% { left: 100%; }
}
/*----------------------------------------*/
/*  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.titel-black {
  color: var(--tp-common-black);
}
.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;
  left: 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-left: 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: 100% 100%, 0 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: 100% 100%, 0 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-right: 18px;
  margin-right: 8px;
}
.breadcrumbs ul li:not(:last-child)::before {
  position: absolute;
  content: "\f105";
  font-family: var(--tp-ff-fontawesome);
  top: 0;
  right: 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-74 {
  font-size: 74px;
  line-height: 114%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-title.fs-74 {
    font-size: 45px;
  }
}
.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-title.fs-24 {
  font-size: 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-title.fs-24 {
    font-size: 20px;
  }
}
.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
/*----------------------------------------*/
.search__popup {
  padding: 70px;
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99999;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--tp-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__input {
  position: relative;
  height: 80px;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.3s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tp-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder { /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::placeholder { /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-orange);
  -webkit-transition: 0.5s 0.3s 0s ease-out;
  -moz-transition: 0.5s 0.3s 0s ease-out;
  -ms-transition: 0.5s 0.3s 0s ease-out;
  -o-transition: 0.5s 0.3s 0s ease-out;
  transition: 0.5s 0.3s 0s ease-out;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: 0.5s 0.3s 0s ease-out;
  -moz-transition: 0.5s 0.3s 0s ease-out;
  -ms-transition: 0.5s 0.3s 0s ease-out;
  -o-transition: 0.5s 0.3s 0s ease-out;
  transition: 0.5s 0.3s 0s ease-out;
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}
.search__close-btn:hover {
  color: var(--tp-common-white);
}

/* 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-right: 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-left: 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-right: 20px;
}
.tp-header-top-menu-item > span::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  margin-left: 7px;
}
.tp-header-top-menu-item > span:hover {
  cursor: pointer;
}
.tp-header-top-menu-item ul {
  position: absolute;
  top: 125%;
  right: 0;
  z-index: 4;
  background-color: var(--tp-common-white);
  padding: 10px 32px 11px 18px;
  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-right: 3px;
}
.tp-header-top-menu-item ul li a img {
  width: 20px;
  border-radius: 100px;
  margin-right: 6px;
}
.tp-header-top-currency ul li:not(:last-child) {
  margin-bottom: 7px;
}
.tp-header-top-currency-toggle img {
  width: 20px;
  margin-right: 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-right: 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-left: 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;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--tp-grey-2);
  line-height: 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;
  right: -12px;
}
.tp-header-typing-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 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-right: 44px;
  padding-left: 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 {
  left: auto;
  right: 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 14px 14px 20px;
}
@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-right: 0;
}
.tp-header-two .tp-main-menu nav > ul > li > a {
  padding: 10px 30px 10px 15px;
  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-left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-two .tp-header-toogle {
    margin-left: 20px;
  }
}
.tp-header-two .tp-menu-dropdown nav > ul > li.has-dropdown > a::after {
  top: 36%;
  right: 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-left: 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-left: 0;
  }
}
.tp-header-two .tp-header-search {
  border-left: 1px solid rgba(7, 21, 22, 0.2);
  padding-left: 23px;
  margin-left: 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-left: 22px;
  padding-right: 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 {
  left: 0;
  color: var(--tp-grey-1);
}
.tp-header-four {
  background: var(--tp-theme-1);
}
.tp-header-four.header-sticky .logo-1 {
  display: none;
}
.tp-header-four.header-sticky .logo-2 {
  display: block !important;
}
.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-right: 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: left;
}
.tp-main-menu nav ul li:not(:last-child) {
  margin-right: 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;
  left: 0;
  right: 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;
  left: 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%;
  right: -15px;
  display: block;
  content: "";
  height: 8px;
  width: 8px;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 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-right: 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%;
  left: 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-right: 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 {
  left: 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-left: 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-menu-dropdown nav ul li.position-inherit {
  position: inherit;
}
@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-menu-dropdown nav ul li.position-inherit {
    position: relative;
  }
}

.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-left: 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 {
  right: 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-left: 20px;
  display: none;
}

.tp-sidemenu-close {
  position: absolute;
  right: 0;
  top: 5px;
  border: 1px solid #ddd;
  font-size: 12px;
  width: 30px;
  height: 30px;
}
.tp-sidemenu-close i {
  transition: 0.3s;
}
/* 4.4 offcanvas - Daraltılmış ve Şıklaştırılmış Sürüm */
.tp-offcanvas {
  position: fixed;
  right: 0;
  z-index: 99;
  top: 0;
  width: 310px; /* 👈 400px yerine 310px yaparak daralttık */
  background: var(--tp-common-white);
  padding: 35px 25px; /* 👈 İç boşlukları derli toplu yaptık */
  height: 100%;
  overflow-y: auto;
  -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;
  box-shadow: -5px 0 25px rgba(0,0,0,0.1);
}

.tp-offcanvas-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/* Küçük Ekranlarda (Mobil) Ekranı Komple Kaplamasın, Dar Kalsın */
@media (max-width: 574.98px) {
  .tp-offcanvas {
    width: 310px; /* 👈 Cep telefonlarında ekranın %80'ini kaplar, arkası hafif görünür */
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-offcanvas {
    width: 310px;
  }
}

/* 🎯 Kapatma Butonunu (X) Sağ Üste Sabitleme */
.tp-offcanvas-close-button {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  font-size: 22px !important;
  color: var(--tp-common-black) !important;
  width: 36px !important;
  height: 36px !important;
  background-color: #f1f5f9 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 999 !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.tp-offcanvas-close-button:hover {
  background-color: var(--tp-theme-1, #ff4a22) !important;
  color: #ffffff !important;
}
/*----------------------------------------*/
/* 🎯 Sol Taraftaki Şeffaf / Siyah Arka Plan (Overlay) */
.tp-offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6); /* Yarı şeffaf siyah zemin */
  z-index: 90; /* Menünün hemen arkası */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Menü Açıldığında Şeffaf Alan Görünsün */
.tp-offcanvas-overlay-open,
.tp-offcanvas-overlay.apply,
.tp-offcanvas-overlay.opened {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 🎯 Şeffaf Alanın Sol Üstüne Kapatma (X) İkonu Koyma */
.tp-offcanvas-overlay::before {
  content: '✕';
  position: absolute;
  top: 20px;
  left: 20px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.postbox-title {
  font-weight: 600;
  font-size: 52px;
  line-height: 115%;
}
@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) {
  .postbox-title {
    font-size: 40px;
  }
}
.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-right: 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-right: 0;
  }
}
.postbox-details-thumb {
  border-radius: 32px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-thumb {
    border-radius: 16px;
  }
}
.postbox-details-thumb img {
  border-radius: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-thumb img {
    border-radius: 16px;
  }
}
.postbox-details-thumb-info span {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
.postbox-details-thumb-info p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.8);
}
.postbox-details-thumb-btn {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .postbox-details-thumb-overly img {
    height: 250px;
    object-fit: cover;
  }
}
.postbox-details-thumb-overly::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0) 55%, #111 100%);
}
.postbox-details-thumb-content {
  position: absolute;
  bottom: 30px;
  left: 50px;
  right: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-thumb-content {
    bottom: 10px;
    left: 20px;
    right: 20px;
  }
}
.postbox-details-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 138%;
  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) {
  .postbox-details-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-title {
    font-size: 26px;
  }
}
.postbox-details-title-sm {
  font-weight: 600;
  font-size: 24px;
  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), 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-title-sm br {
    display: none;
  }
}
.postbox-details-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 163%;
}
.postbox-details-text p span {
  color: var(--tp-common-black);
}
.postbox-details-quote p {
  font-weight: 500;
  font-size: 35px;
  line-height: 129%;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
@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) {
  .postbox-details-quote p {
    font-size: 25px;
  }
  .postbox-details-quote p br {
    display: none;
  }
}
.postbox-details-quote span {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.postbox-details-quote span.destination {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.postbox-details-quote span.destination::after {
  display: none;
}
.postbox-details-quote span::after {
  content: "";
  height: 4px;
  width: 4px;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-3px);
  background: var(--tp-grey-1);
  border-radius: 10px;
  margin-right: 7px;
}
.postbox-details-quote-box {
  border-radius: 16px;
  background: var(--tp-grey-3);
  padding: 40px 10px 40px 40px;
}
@media (max-width: 574.98px) {
  .postbox-details-quote-box {
    flex-wrap: wrap;
  }
}
.postbox-details-quote-box i {
  flex: 0 0 auto;
  margin-right: 35px;
  display: inline-block;
}
@media (max-width: 574.98px) {
  .postbox-details-quote-box i {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.postbox-details-tag-wrap {
  border-top: 1px solid rgba(45, 26, 14, 0.1);
  border-bottom: 1px solid rgba(45, 26, 14, 0.1);
  padding: 24px 0;
}
.postbox-details-tag-wrap .postbox-social a {
  width: 40px;
  height: 40px;
}
.postbox-details-tag-wrap .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.postbox-details-tag-wrap .tagcloud a {
  margin-bottom: 0;
}
.postbox-details-tag-wrap .tagcloud a:not(:last-child) {
  margin-right: 0;
}
.postbox-details-navigation a:hover span {
  color: var(--tp-theme-1);
}
.postbox-details-navigation a:hover .postbox-details-navigation-title {
  color: var(--tp-theme-1);
}
.postbox-details-navigation span {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-1);
  transition: all 0.4s ease;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: inline-block;
}
.postbox-details-navigation span svg {
  transform: translateY(-2px);
}
.postbox-details-navigation-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.02em;
  transition: all 0.4s ease;
}
.postbox-details-author {
  background: var(--tp-grey-3);
  border-radius: 16px;
  padding: 40px 40px 40px 40px;
}
@media (max-width: 574.98px) {
  .postbox-details-author {
    flex-wrap: wrap;
  }
}
.postbox-details-author-img {
  flex: 0 0 auto;
}
@media (max-width: 574.98px) {
  .postbox-details-author-img {
    margin-bottom: 15px;
  }
}
.postbox-details-author-img img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.postbox-details-author-name {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.02em;
}
.postbox-details-author-content span {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.02em;
  color: var(--tp-grey-1);
}
.postbox-details-author-content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 173%;
  color: var(--tp-grey-1);
}
.postbox-details-author .postbox-social a {
  width: 40px;
  height: 40px;
}
.postbox-comment .tp-tour-review-item {
  margin-bottom: 33px;
}
.postbox-comment-reply a {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 11px 20px;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.postbox-comment-reply a span {
  margin-left: 6px;
  display: inline-block;
}
.postbox-comment-reply a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
  background-color: var(--tp-theme-1);
}

.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%);
  left: 30px;
  z-index: 9;
}
.tp-postbox-slider-arrow-wrap .tp-postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-postbox-wrapper {
    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-postbox-wrapper {
    margin-right: 0;
  }
}
.tp-postbox-video-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/
.rc-post-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  margin-right: 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 30px 23px 0;
}
.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;
  right: 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-right: 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-right: 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-right: 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-left: 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;
  left: 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;
  right: 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-left: 56px;
  padding-right: 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%);
  left: 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;
  right: 0;
}
.tp-footer-subscribe-btn::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 30px;
  background: rgba(255, 91, 0, 0.1);
  left: 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;
  left: 0;
  width: 18%;
  z-index: -1;
}
.tp-footer-shape-2 {
  position: absolute;
  top: 26px;
  right: 0;
  width: 18%;
  z-index: -1;
}
.tp-footer-social a {
  color: var(--tp-grey-1);
  font-size: 20px;
  margin-right: 10px;
  display: inline-block;
}
.tp-footer-social a:hover {
  color: var(--tp-theme-1);
}
.tp-footer-col-2 {
  margin-left: 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-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-footer-col-2 {
    margin-left: 0;
  }
}
.tp-footer-col-3 {
  margin-left: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-col-3 {
    margin-left: 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-left: 0;
  }
}
.tp-footer-col-4 {
  margin-left: 112px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-col-4 {
    margin-left: 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-left: 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-left: 30px;
  padding-right: 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%);
  right: 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-left: 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-right: 34px;
}
.tp-footer-6-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-footer-6-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.tp-footer-6-shape-3 {
  position: absolute;
  top: 150px;
  left: -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-left: 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-left: 10px;
  margin-bottom: 5px;
}
@media (max-width: 574.98px) {
  .tp-copyright-payment a {
    margin-left: 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);
}
@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: #e8e8e8;
}
.tp-hero-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.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;
  left: 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);
  right: -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;
  left: 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-left: -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;
  left: 30px;
  z-index: -1;
  width: 17%;
}
.tp-hero-3-right-wrap {
  margin-left: 0;
  margin-right: -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-left: -20px;
}
.tp-hero-3-right-shape {
  position: absolute;
  bottom: 0;
  right: 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;
  left: 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 {
    left: 14%;
  }
}
.tp-hero-3-shape-2 {
  position: absolute;
  top: 130px;
  right: 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 {
    right: 11%;
    top: 50px;
  }
}
.tp-hero-3-shape-3 {
  position: absolute;
  top: 263px;
  right: 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 {
    right: 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;
  right: 7px;
  padding: 0 20px;
}
.tp-hero-4-bottom-shape {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 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;
  left: 0;
  z-index: -1;
}
.tp-hero-4-shape-2 {
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-hero-4-shape-3 {
  position: absolute;
  top: 310px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-hero-4-shape-4 {
  position: absolute;
  top: 60px;
  right: 7%;
  z-index: 3;
}
.tp-hero-4-shape-5 {
  position: absolute;
  top: 60px;
  right: 19%;
  z-index: 3;
}
.tp-hero-4-video {
  position: absolute;
  top: 180px;
  right: -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;
  right: -143px;
  z-index: -1;
}
.tp-hero-4-thumb-3 {
  position: absolute;
  bottom: 10px;
  right: 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;
  right: 29%;
  z-index: -1;
}
.tp-hero-4-shadow.two {
  background: #ce5a8f;
  right: auto;
  left: 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-left: 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-left: 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-left: 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-left: 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-left: -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;
  left: 3%;
  opacity: 0.1;
}
.tp-hero-5-shape-2 {
  position: absolute;
  bottom: 25px;
  left: 30%;
}
.tp-hero-5-shape-3 {
  position: absolute;
  top: 161px;
  left: 43%;
  opacity: 0.1;
}
.tp-hero-5-shape-4 {
  position: absolute;
  top: 86px;
  left: 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;
  left: 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%);
  left: 30px;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-booking-input-angle-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 23px;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-booking-location {
  width: 240px;
  padding-right: 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-right: 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 5px 20px 22px;
}
@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-right: 16px;
}
.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);
  right: 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-left: 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-left: 24px;
  padding-top: 15px;
}
.tp-booking-toggle-active {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
}
.tp-booking-toggle-active.booking-open {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  z-index: 999999;
}
.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 20px 20px 22px;
}
@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%;
  left: 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 {
  left: auto;
  right: 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-right: 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%);
  right: 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-right: 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-left: 77px;
  margin-right: 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-right: 0;
    margin-left: 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-right: 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-right: 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 40px 12px 20px;
  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;
  right: 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%);
  right: 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-left: -50px;
    margin-right: -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-left: 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-left: 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 {
  right: 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-right: 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 {
  left: auto;
  right: 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;
  right: 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 {
    left: auto;
    right: 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%;
  left: 23px;
  color: #5f556a;
}
.tp-booking-6-form .tp-booking-location-input .tp-input {
  padding-right: 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;
  left: 0;
}
.tp-booking-7-form .tp-booking-location-input {
  padding-left: 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-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-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 {
    left: auto;
    right: 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 td.disabled, .daterangepicker option.disabled {
  text-decoration: none;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #FFE7E2;
}

.daterangepicker td.in-range {
  background-color: #FFE7E2;
}

td.today.active.start-date.active.end-date.available {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--tp-theme-1);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  min-width: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
}

.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-right: 1px solid #e4e4e4;
}

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

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

.daterangepicker.only-time-picker {
  border-radius: 12px;
}

.daterangepicker.only-time-picker .drp-calendar {
  padding-bottom: 0 !important;
}

.daterangepicker.only-time-picker .calendar-table {
  display: none !important;
}

.daterangepicker.only-time-picker .prev,
.daterangepicker.only-time-picker .next {
  display: none !important;
}

.daterangepicker.only-time-picker .drp-calendar.left {
  border-right: none;
}

.daterangepicker.only-time-picker .drp-buttons {
  padding: 10px 15px 10px 10px;
}

.daterangepicker.only-time-picker .drp-buttons .btn {
  margin-left: 3px;
}

.daterangepicker.only-time-picker .drp-buttons {
  border: none;
}

.daterangepicker.only-time-picker .calendar-time {
  margin-top: 0;
}

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

/*----------------------------------------*/
/*  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-right: 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-right: 45px;
  height: 50px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50px;
  line-height: 48px;
}
.tp-tour-sort .tp-select:after {
  right: 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;
  left: 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-right: 0;
  padding-right: 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-right: 10px;
  padding-right: 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-right: 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%);
  right: 0;
}
.tp-tour-info > span svg, .tp-tour-info a svg {
  transform: translateY(-1px);
  margin-right: 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;
  right: 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;
  left: 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;
  right: 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: right;
  }
}
.tp-tour-dis-icon {
  color: var(--tp-common-white);
  flex-wrap: wrap;
  margin-right: 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-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) {
  .tp-tour-list .tp-tour-content {
    padding-left: 24px;
    padding-right: 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 {
  right: auto;
  left: 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-right: 22px;
  padding-right: 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-right: 8px;
    margin-right: 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-right: 10px;
  padding-right: 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-left: 20px;
  padding-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-tour-list-map .tp-tour-content {
    padding-left: 0;
  }
}
.tp-tour-map {
  position: sticky;
  top: 0;
  width: 100%;
  height: 1268px;
  padding-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-tour-map {
    padding-left: 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-left: 15px;
    padding-right: 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-left: 160px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-tour-grid-map {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-tour-grid-map {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-tour-grid-map {
    padding-left: 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-left: 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-right: 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 {
  left: 32px;
  bottom: 32px;
  right: 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 {
  left: auto;
  right: 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-right: 8px;
}
.tp-tour-gallery-thumb.gallery-col-1 {
  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-thumb.gallery-col-1 {
    margin-right: 0;
  }
}
.tp-tour-gallery-inner {
  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-inner {
    margin-left: 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 60px 50px 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-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;
  left: 0;
  right: 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;
}

.tour-checkout-sidebar-wrap {
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 16px;
  box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.03);
  background: var(--tp-common-white);
  padding: 32px 32px 25px 32px;
}
.tour-checkout-product-thumb {
  flex: 0 0 auto;
  margin-right: 16px;
}
.tour-checkout-product-thumb img {
  width: 100px;
  height: 100px;
  border-radius: 16px;
}
.tour-checkout-product-title {
  font-size: 20px;
  line-height: 150%;
}
.tour-checkout-product-title a:hover {
  color: var(--tp-theme-1);
}
.tour-checkout-product-btn {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-theme-1);
  border-radius: 50px;
  padding: 6px 17px;
  display: inline-block;
  line-height: 1;
}
.tour-checkout-border {
  border-bottom: 1px solid rgba(7, 21, 22, 0.1);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.tour-checkout-reservation .item:not(:last-child) {
  margin-bottom: 18px;
}
.tour-checkout-reservation .value {
  margin-top: 2px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}
.tour-checkout-reservation .price {
  margin-top: 2px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tour-checkout-promo.tp-checkout-verify-item {
  margin-bottom: 0;
}
.tour-checkout-promo.tp-checkout-verify-item:not(:last-child) {
  margin-bottom: 20px;
}
.tour-checkout-promo .tp-return-customer {
  padding: 20px;
  border-radius: 8px;
}
.tour-checkout-promo .tp-checkout-verify-reveal {
  padding: 0;
  border: none;
  font-size: 16px;
  font-weight: 500;
}
.tour-checkout-promo .tp-checkout-login-form-reveal-btn {
  color: var(--tp-theme-1);
  font-size: 16px;
  font-weight: 500;
}
.tour-checkout-promo .tp-checkout-login-form-reveal-btn::after {
  background: var(--tp-theme-1);
}
.tour-checkout-subtotal {
  background: #f9f9f9;
  padding: 15px 20px;
  border-radius: 4px;
}
.tour-checkout-subtotal .value {
  font-size: 18px;
  font-weight: 500;
}
.tour-checkout-subtotal .price {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-theme-1);
}
.tour-checkout-subtotal.total .value {
  font-size: 20px;
}
.tour-checkout-subtotal.total .price {
  font-size: 20px;
}
.tour-checkout-form-single {
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 16px;
  box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.03);
  background: var(--tp-common-white);
  padding: 32px 32px 25px 32px;
}
.tour-checkout-form-single .tp-review-input .tp-select {
  width: 100%;
  line-height: 56px;
}
.tour-checkout-form-single .tp-review-input .tp-select::after {
  right: 20px;
}
.tour-checkout-form-single .tp-review-select {
  height: 56px;
}
.tour-checkout-form-title {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  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-left: 28px;
}
.tp-filter-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 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;
  left: 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-right: 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;
  left: 0;
  top: 0;
  width: 340px;
  height: 100%;
  -webkit-transform: translateX(calc(-100% - 80px));
  -moz-transform: translateX(calc(-100% - 80px));
  -ms-transform: translateX(calc(-100% - 80px));
  -o-transform: translateX(calc(-100% - 80px));
  transform: translateX(calc(-100% - 80px));
  background: var(--tp-common-white) none repeat scroll 0 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(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  left: auto;
  right: 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;
  left: 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-right: 38px;
}
.tp-filter-pills .tp-tour-sort .tp-select .list {
  min-width: 200px;
}
.tp-filter-pills .nice-select::after {
  color: var(--tp-grey-1);
  right: 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 35px 25px 30px;
  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-right: 8px;
}
.tp-review-rating-title {
  font-size: 20px;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  margin-right: 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-right: 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-right: 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-right: 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%;
  left: 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-right: 15px;
}
.tp-review-2-reaction a:hover {
  color: var(--tp-theme-1);
}
.tp-review-2-reaction a svg {
  margin-right: 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-left: 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-left: 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-right: 20px;
  transform: translateY(6px);
  flex: 0 0 auto;
}
@media (max-width: 574.98px) {
  .tp-tour-review-avater-thumb {
    margin-right: 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-left: 7px;
  display: inline-block;
  margin-left: 3px;
}
.tp-tour-review-avater-title span::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 20px;
  background: #dedede;
  left: -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-left: 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 {
  line-height: 1;
  transform: translateY(-2px);
}
.tp-tour-details-price-wrap .tp-tour-review span {
  color: var(--tp-theme-1);
}
.tp-tour-details-price-wrap .tp-tour-info {
  font-size: 16px;
  padding: 0;
  margin: 0;
  border: none;
  margin-right: 12px;
}
.tp-tour-details-price-wrap .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 {
  font-size: 16px;
}
.tp-tour-details-price-wrap .tp-tour-review-score {
  font-size: 16px;
  margin-top: 0;
  margin-left: 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-right: 28px;
}
.tp-tour-details-wishlist a svg, .tp-tour-details-wishlist button svg {
  margin-right: 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-right: 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-right: 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;
  right: 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-right: 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-right: 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;
  left: -70px;
  color: var(--tp-common-white);
  z-index: 1;
}
.tp-tour-details-plan-list ul {
  position: relative;
  padding-left: 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;
  left: 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;
  left: -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 25px 0 24px;
}
.tp-tour-details-policy {
  background: var(--tp-grey-3);
  border-radius: 16px;
  padding: 44px 40px 50px 50px;
}
@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-left: 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-right: 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-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-thumb.gallery-col-1 {
    margin-right: 0;
  }
}
.tp-tour-details-3-gallery-wrap .tp-tour-gallery-inner {
  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-inner {
    margin-left: 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-right: 22px;
  margin-bottom: 20px;
}
.tp-tour-details-4-feature-list ul li span {
  transform: translateY(-2px);
  display: inline-block;
  margin-right: 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;
  left: 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;
  left: 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-left: 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;
  left: 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%);
  left: 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 {
  left: auto;
  right: 30px;
}
.tp-tour-itinerary-content {
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 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-left: 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;
  left: 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-right: -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-right: 0;
  }
}
.tp-tour-guest-reviews-wrap .tp-review-rating-title {
  font-size: 80px;
  letter-spacing: -0.02em;
  margin-right: 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-left: 0;
  }
}
.tp-tour-gallery-7-wrap .tp-tour-details-slider-wrap {
  margin-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-tour-gallery-7-wrap .tp-tour-details-slider-wrap {
    margin-right: 0;
  }
}
.tp-tour-gallery-7-thumb {
  margin-left: -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-left: 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-right: 1px solid rgba(7, 21, 22, 0.1);
  border-radius: 0;
  box-shadow: none;
  padding: 55px 28px 45px 0;
}
.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-right: 4px;
  padding-right: 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%);
  left: 60px;
  right: 60px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 574.98px) {
  .tp-tour-city-slider-3-nav {
    left: 20px;
    right: 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-right: 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-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-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-left: 66px;
}
@media (max-width: 574.98px) {
  .tp-faq-wrap .accordion-header {
    padding-left: 40px;
  }
}
.tp-faq-wrap .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.tp-faq-wrap .accordion-body {
  padding: 24px 0 12px 0;
  margin: 0px 40px 0px 30px;
  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%;
  left: -20px;
  transform: translateY(-50%);
  display: inline-block;
  width: 12px;
  height: 12px;
}
@media (max-width: 574.98px) {
  .tp-faq-wrap .accordion-btn {
    left: -10px;
  }
}
.tp-faq-wrap .accordion-btn::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  left: -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;
  left: -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-left: 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 0 0px 40px;
  }
}
.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-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-two-right {
    margin-left: 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-left: 0;
  }
}
.tp-faq-status-wrap {
  position: absolute;
  bottom: 50px;
  left: -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 {
    left: 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-left: 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-left: 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%;
  left: 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-right: 0;
}
.tp-booking-sidebar-form .tp-booking-location-input .tp-input {
  background: var(--tp-grey-3);
  border-radius: 50px;
  height: 52px;
  padding-left: 54px;
  padding-right: 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 {
    left: auto;
    right: 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-tab-wrap .nav-tabs {
  border: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
.tp-booking-sidebar-tab-wrap .nav-tabs button {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  background: #F4F4F4;
  border: none;
  width: 100%;
  height: 60px;
  border-radius: 80px;
}
.tp-booking-sidebar-tab-wrap .nav-tabs button.nav-link.active {
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
}
.tp-booking-sidebar-5-form .tp-booking-location {
  width: 100%;
  padding-right: 0;
  border: 1px solid var(--tp-border-1);
  border-radius: 16px;
}
.tp-booking-sidebar-5-form .tp-booking-location-input .tp-input {
  padding-left: 24px;
  padding-right: 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-right: 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-right: 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 .group-input {
  display: flex;
  gap: 6px;
}
.tp-booking-4-sidebar-wrap .tp-tour-badge {
  top: 22px;
  right: 24px;
  left: 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-left: 33px;
  padding-right: 5px;
}
.tp-booking-4-sidebar-wrap .tp-booking-col-3 .tp-booking-input-icon {
  left: 15px;
}
.tp-booking-4-sidebar-wrap .tp-booking-toggle-active {
  left: auto;
  right: 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-left: 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: "";
  left: 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: "";
  left: 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-price.old-price {
  color: #5f556a;
  text-decoration: line-through;
}
.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;
  right: 25px;
}
.tp-republic-current-rating-icon {
  color: var(--tp-theme-1);
  line-height: 1;
  transform: translateY(-3px);
  margin-right: 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;
  right: 32px;
  left: auto;
}
.tp-enquiry-form .tp-booking-location .tp-input {
  padding-left: 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;
  right: 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-right: 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;
  left: 0;
}
.tp-category-city-tab ul li a svg {
  margin-right: 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-left: 48px;
  padding-right: 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-date .date-icon {
  position: absolute;
  left: 25px;
  top: 48%;
  transform: translateY(-50%);
}
.tp-category-city-select {
  padding-left: 110px;
  margin-left: 30px;
  border-left: 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-left: 0;
    margin-top: 20px;
    padding-left: 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%);
  left: 15px;
  right: 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 {
    left: 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;
  left: 23px;
  right: 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;
  left: 30px;
  right: 30px;
  padding: 20px 24px;
  transform: translateY(20px);
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  direction: ltr;
}
.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;
  left: 0;
  right: 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;
  left: 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);
  left: auto;
  right: 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-left: 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;
  right: 30px;
  top: 230px;
  z-index: -1;
}
.tp-destination-5 .tp-destination-two-content {
  border-radius: 50px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  padding: 6px 16px;
  padding-right: 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;
  left: 50px;
  right: 50px;
  align-items: end;
}
@media (max-width: 574.98px) {
  .tp-destination-city-main .tp-destination-one-content {
    bottom: 30px;
    left: 30px;
    right: 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;
  left: 40px;
  right: 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%);
  left: 0;
  right: 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;
  left: -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-right: 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;
  left: 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;
  right: 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-right: 15px;
  padding-right: 20px;
  border-right: 1px solid rgba(17, 16, 19, 0.1);
}
.tp-team-details-info-contact a svg {
  margin-right: 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-left: 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-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-wrapper {
    padding-left: 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-left: 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-right: 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;
  right: 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;
  right: -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;
  right: 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;
  left: 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%);
  left: 0;
  right: 0;
  text-align: center;
}
.tp-about-shape {
  position: absolute;
  bottom: 24px;
  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-about-section-title {
    margin-left: 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-left: 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-left: 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%;
  left: 0;
  width: 22%;
  z-index: -1;
}
.tp-about-3-shape {
  position: absolute;
  right: 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;
  left: 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-right: 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-right: 0;
  }
}
.tp-about-3-awards-item:not(:last-child) {
  border-right: 1px solid rgba(7, 21, 22, 0.1);
  padding-right: 78px;
  margin-right: 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-right: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-about-3-awards-item:not(:last-child) {
    padding-right: 0;
    margin-right: 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-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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-5-left {
    margin-right: 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 32px 100px 45px;
}
.tp-about-5-offer-bg {
  position: absolute;
  top: 0;
  left: 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;
  left: 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;
  right: -70px;
  width: 16%;
}
.tp-about-5-shape-2 {
  position: absolute;
  right: 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;
  right: 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: 0 32px 32px 0;
  background: #f7f6f9;
  position: absolute;
  left: 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;
  left: 0;
  right: 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;
  left: 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-left: 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 25px 78px 45px;
}
@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 25px 38px 45px;
  }
}
@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 45px 50px 40px;
  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 25px 20px 20px;
  }
}
.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-right: -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;
  left: 24px;
  width: 18%;
}
.tp-testimonial-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 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%);
  left: 0;
  right: 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-left: 65px;
  }
}
@media (max-width: 574.98px) {
  .tp-testimonial-two-content {
    padding-left: 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;
  left: 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 {
    left: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-testimonial-two-name {
    writing-mode: inherit;
    top: 0;
    left: 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;
  left: 0;
  right: 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;
  left: 0;
  right: 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-left: -250px;
}
@media (max-width: 574.98px) {
  .tp-testimonial-4-slide {
    margin-left: 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: ltr;
}
.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-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-testimonial-5 .tp-testimonial-two-slider {
    margin-left: 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%;
  left: 50px;
  right: 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;
    left: 0;
    right: 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-left: 20px;
  padding-right: 20px;
}
.tp-video-frame {
  top: 0;
  left: 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;
  left: 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;
  left: 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;
  left: 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;
  left: 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%);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 100px;
  animation: animate-pulse 3s linear infinite;
}
.tp-video-2 {
  top: 0;
  left: 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-left: 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;
  right: 0;
  top: 0;
  width: 340px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  background: var(--tp-common-white) none repeat scroll 0 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-left: 25px;
  padding-right: 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;
  right: 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-right: 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: 100% 100%, 0 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-right: 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;
  left: 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 {
  left: auto;
  right: 3px;
}
.cartmini__del {
  position: absolute;
  top: 15px;
  right: 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: right;
  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-left: 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-right: 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-list thead {
  background-color: var(--tp-grey-3);
}
.tp-cart-list thead th {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-black);
  border: 0 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  background: transparent;
}
.tp-cart-list tr td {
  border-color: #E0E2E3;
}
.tp-cart-list tr td .tp-cart-action-btn {
  font-weight: 400;
  font-size: 14px;
  color: #818487;
}
.tp-cart-list tr td .tp-cart-action-btn svg {
  transform: translateY(-1px);
}
.tp-cart-list tr td .tp-cart-action-btn:hover {
  color: #FF1826;
}
.tp-cart-list tr td.tp-cart-add-to-cart .tp-btn {
  border-radius: 0;
}
.tp-cart-list tbody tr:first-child td {
  padding-top: 30px !important;
}
.tp-cart-img {
  width: 78px;
  margin-right: 20px;
}
.tp-cart-img img {
  width: 78px;
  height: 100px;
  object-fit: cover;
  border-radius: 6px;
}
.tp-cart-title a {
  margin-left: 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-right: 4px;
  max-width: 282px;
  font-size: 14px;
  padding-left: 26px;
  padding-right: 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-left: -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-left: 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-left: 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: "";
  left: 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: "";
  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-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-right: 1px solid rgba(7, 21, 22, 0.1);
  padding-right: 40px;
  margin-right: 40px;
  align-items: center;
}
@media (max-width: 574.98px) {
  .tp-counter-count-item:not(:last-child) {
    padding-right: 0;
    margin-right: 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);
  right: -130px;
  top: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-counter-7-border::before {
    right: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-7-border::before {
    right: -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;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tp-counter-7-shape-2 {
  position: absolute;
  top: 120px;
  left: 92px;
  z-index: -1;
}
.tp-counter-7-shape-3 {
  position: absolute;
  top: 120px;
  left: 20%;
  z-index: -1;
}
.tp-counter-7-shape-4 {
  position: absolute;
  top: 70px;
  right: 20%;
  z-index: -1;
}
.tp-counter-7-shape-5 {
  position: absolute;
  bottom: 260px;
  right: 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;
  left: 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-left: -360px;
  margin-right: -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-left: 0;
    margin-right: 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-left: 13px;
  position: relative;
}
.tp-pricing-feature ul li::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--tp-grey-1);
  left: 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-left: 15px;
}
.tp-policy-list li:not(:last-child) {
  margin-bottom: 8px;
}
.tp-policy-list li::before {
  content: "";
  position: absolute;
  left: 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-right: 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-left: 20px;
  padding-right: 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-right: 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-right: 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 {
  right: 20px;
}
.tp-career-application-form .tp-review-input .tp-select .list {
  width: 100%;
}
.tp-career-application-form .tp-booking-input-icon {
  left: auto;
  right: 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-left: 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: "";
  left: 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: "";
  left: 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;
}
.tp-career-upload-box.drag-over {
  background-color: var(--tp-grey-3);
  border-color: var(--tp-theme-1);
}

/*----------------------------------------*/
/* 7.25 process css
/*----------------------------------------*/
.tp-process-item {
  background: var(--tp-grey-3);
  padding: 26px 20px 50px 24px;
  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-left: 20px;
    padding-right: 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 {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-top p a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 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-right: 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-option-item a img.apple {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.tp-login-option-item.has-google a {
  width: 220px;
}
.tp-login-option-item.has-google a img {
  margin-right: 7px;
}
.tp-login-mail {
  position: relative;
  z-index: 1;
}
.tp-login-mail::after {
  position: absolute;
  content: "";
  left: 0;
  right: 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;
  right: 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 .open-eye {
  display: none;
}
.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 {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 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 {
  right: 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;
  right: 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%);
  right: 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: "";
  right: -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-left: 8px solid var(--tp-common-black);
  border-bottom: 8px solid transparent;
}
.tp-product-tooltip-right {
  left: 100%;
  right: auto;
}
.tp-product-tooltip-right::before {
  left: -4px;
  right: auto;
  border-left: 0;
  border-right: 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;
  left: 0;
  right: 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-right: 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-price.old-price {
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: line-through;
  color: var(--tp-body-color);
}
.tp-product-badge {
  position: absolute;
  top: 20px;
  left: 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-badge span.on-sale {
  background: #F03E3E;
}
.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-right: 60px;
}
.tp-product-top-select .tp-select:after {
  color: var(--tp-common-black);
  right: 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-right: 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-right: 0;
  }
}
.tp-product-details-thumb-wrapper .tab-content {
  margin-right: 24px;
}
@media (max-width: 574.98px) {
  .tp-product-details-thumb-wrapper .tab-content {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-product-details-thumb-wrapper .tab-content {
    margin-right: 15px;
  }
}
.tp-product-details-thumb-wrapper .nav-tab .nav-links {
  padding: 0;
  width: 100px;
  height: 120px;
  border-radius: 0;
  position: relative;
  transition: 0.3s;
  border: 1px solid transparent;
  border-radius: 6px;
}
.tp-product-details-thumb-wrapper .nav-tab .nav-links.active {
  border: 1px solid var(--tp-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-product-details-thumb-wrapper .nav-tab .nav-links {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.tp-product-details-thumb-wrapper .nav-tab .nav-links:not(:last-child) {
  margin-bottom: 10px;
}
.tp-product-details-thumb-wrapper .nav-tab .nav-links:hover {
  border-color: var(--tp-common-black);
}
.tp-product-details-thumb-wrapper .nav-tab .nav-links img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.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-right: 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-right: 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-right: 3px;
}
.tp-product-details-price {
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-black);
  letter-spacing: -0.02em;
}
.tp-product-details-price.new-price {
  color: var(--tp-common-black);
}
.tp-product-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  color: rgba(77, 61, 48, 0.6);
  text-decoration-line: line-through;
}
.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%;
  left: 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%;
  left: 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;
  left: 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-left: 6px solid transparent;
  border-right: 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%;
  left: 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 {
  left: auto;
  right: 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-right: 10px;
}
.tp-product-details-action-sm-btn i, .tp-product-details-action-sm-btn svg {
  margin-right: 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-right: 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-right: 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-left: 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;
  left: 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-right: 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-right: 25px;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-payment p {
    margin-right: 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-right: 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-right: 0;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-desc-content {
    padding-left: 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-left: 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: "";
  left: 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.tp-table-style-2 table tr td {
  padding: 7px 24px;
  border: 1px solid #E6E7E8;
}
.tp-product-details-additional-info.tp-table-style-2 table tr td:first-child {
  padding-left: 24px;
  border-right: 0;
}
.tp-product-details-additional-info.tp-table-style-2 table tr td:last-child {
  padding-left: 34px;
}
.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-additional-info table tr td {
  padding: 12px 34px;
}
.tp-product-details-additional-info table tr td:first-child {
  width: 306px;
  font-size: 16px;
  background-color: var(--tp-grey-3);
  color: var(--tp-common-black);
}
.tp-product-details-additional-info table tr td:last-child {
  font-size: 16px;
  color: var(--tp-text-body);
}
.tp-product-details-review-number {
  border: 1px solid var(--tp-border-1);
  padding: 35px 43px 33px 40px;
  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-right: 8px;
}
.tp-product-details-review-summery-rating {
  margin-right: 3px;
}
.tp-product-details-review-summery-rating span {
  color: #FFB21D;
}
.tp-product-details-review-summery-rating p {
  margin-left: 4px;
  font-size: 14px;
  margin-bottom: 0;
}
.tp-product-details-review-rating-item > span {
  color: #A0A2A4;
  font-size: 15px;
  margin-right: 10px;
}
.tp-product-details-review-rating-bar {
  width: 260px;
  height: 10px;
  position: relative;
  margin-right: 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;
  left: 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-right: 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-right: 20px;
}
.tp-product-details-review-avater-rating {
  line-height: 1;
  margin-bottom: 3px;
}
.tp-product-details-review-avater-rating span {
  font-size: 10px;
  margin-right: 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-left: 11px;
  margin-left: 3px;
}
.tp-product-details-review-avater-meta::after {
  position: absolute;
  content: "";
  left: 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-right: 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-left: 26px;
  z-index: 1;
}
.tp-product-details-review-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 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;
  left: 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-nav .nav-tabs {
  padding-bottom: 12px;
  border-bottom: 1px solid #E0E2E3;
}
@media (max-width: 574.98px) {
  .tp-product-details-tab-nav .nav-tabs {
    padding-bottom: 0;
  }
}
.tp-product-details-tab-nav .nav-tabs .nav-link {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6);
  border: none;
  padding: 0;
  padding-left: 9px;
  padding-right: 7px;
  position: relative;
  background-color: transparent;
}
.tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {
  margin-left: 40px;
}
.tp-product-details-tab-nav .nav-tabs .nav-link.active, .tp-product-details-tab-nav .nav-tabs .nav-link:hover {
  color: var(--tp-common-black);
}
.tp-product-details-tab-nav .nav-tabs .nav-link.active::after, .tp-product-details-tab-nav .nav-tabs .nav-link:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
@media (max-width: 574.98px) {
  .tp-product-details-tab-nav .nav-tabs .nav-link::after {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background-color: var(--tp-common-black);
    -webkit-transition: all 0.3s 0s ease-in-out;
    -moz-transition: all 0.3s 0s ease-in-out;
    -ms-transition: all 0.3s 0s ease-in-out;
    -o-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
  }
}
@media (max-width: 574.98px) {
  .tp-product-details-tab-nav .nav-tabs span#productTabMarker {
    display: none !important;
  }
}
.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-right: 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;
  left: 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-right: 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);
}

.al-product-tab .nav-tabs {
  border: none;
}
.al-product-tab .nav-tabs .nav-link {
  font-size: 20px;
  color: #A0A2A4;
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
}
@media (max-width: 574.98px) {
  .al-product-tab .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.al-product-tab .nav-tabs .nav-link:not(:first-child) {
  margin-left: 28px;
}
.al-product-tab .nav-tabs .nav-link:not(:first-child)::after {
  position: absolute;
  left: -17px;
  top: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #CED2D6;
}
.al-product-tab .nav-tabs .nav-link.active {
  color: var(--tp-theme-1);
}
.al-product-tab .nav-tabs .nav-link.active .al-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.al-product-tab .nav-tabs .nav-link .al-product-tab-tooltip {
  position: absolute;
  top: -24px;
  right: 0;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 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;
  font-weight: 700;
}
.al-product-tab .nav-tabs .nav-link .al-product-tab-tooltip::after {
  position: absolute;
  content: "";
  bottom: 0;
  bottom: -5px;
  left: 7px;
  width: 13px;
  height: 6px;
  background-color: var(--tp-theme-1);
  clip-path: polygon(100% 0, 0 0, 28% 100%);
}
.al-product-tag {
  margin-bottom: 3px;
}
.al-product-tag a {
  font-size: 14px;
  position: relative;
  display: inline-block;
  line-height: 1;
  color: var(--tp-grey-1);
}
.al-product-tag a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-theme-1);
  -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;
}
.al-product-tag a:hover {
  color: var(--tp-theme-1);
}
.al-product-tag a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

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

.al-trending-shop-slider-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-1);
}
.al-trending-shop-banner {
  position: relative;
  height: 630px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .al-trending-shop-banner {
    height: 430px;
    margin-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .al-trending-shop-banner {
    height: 430px;
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 574.98px) {
  .al-trending-shop-banner {
    height: 430px;
    margin-left: 0;
    margin-top: 50px;
  }
}
.al-trending-shop-banner::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(180deg, rgba(1, 15, 28, 0) 44.84%, rgba(1, 15, 28, 0.6) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(1, 15, 28, 0) 44.84%, rgba(1, 15, 28, 0.6) 100%);
  background-image: -ms-linear-gradient(180deg, rgba(1, 15, 28, 0) 44.84%, rgba(1, 15, 28, 0.6) 100%);
  background-image: -o-linear-gradient(180deg, rgba(1, 15, 28, 0) 44.84%, rgba(1, 15, 28, 0.6) 100%);
  background-image: linear-gradient(180deg, rgba(1, 15, 28, 0) 44.84%, rgba(1, 15, 28, 0.6) 100%);
}
.al-trending-shop-banner-content {
  position: absolute;
  bottom: 40px;
  left: 35px;
  z-index: 1;
}
@media (max-width: 574.98px) {
  .al-trending-shop-banner-content {
    bottom: 25px;
    left: 20px;
  }
}
.al-trending-shop-banner-title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.13;
  color: var(--tp-common-white);
  margin-bottom: 18px;
}
.al-trending-shop-banner-title a {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 81%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.al-trending-shop-banner-title a:hover {
  background-size: 0 1px, 100% 1px;
}
.al-trending-shop-banner-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@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) {
  .al-trending-shop-banner-thumb {
    background-position: top center;
  }
}

/*----------------------------------------*/
/*  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: "";
  left: 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.btn-plr {
  padding: 0 150px;
  border-radius: 0;
}
@media (max-width: 574.98px) {
  .tp-checkout-btn.btn-plr {
    padding: 0 100px;
  }
}
.tp-checkout-btn.border-style {
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-common-black);
  border-radius: 0;
  text-transform: capitalize;
  background-color: transparent;
  border: 1px solid var(--tp-border-1);
}
.tp-checkout-btn.border-style span {
  margin-left: 7px;
  transform: translateY(-1px);
  display: inline-block;
}
.tp-checkout-btn.border-style:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.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 {
  right: 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-left: 26px;
  z-index: 1;
}
.tp-checkout-option label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 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;
  left: 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-right: 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.paypal-payment .tp-payment-label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.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-left: 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: "";
  left: 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: "";
  left: 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-left: 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-left: 20px;
  position: relative;
}
.tp-checkout-payment-item .tp-payment-label a::after {
  position: absolute;
  content: "";
  left: 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: "";
  left: 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-left: 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-left: 26px;
  z-index: 1;
}
.tp-return-customer-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 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;
  left: 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");
  left: auto;
  right: 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 {
  left: 0;
  right: 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-left: 40px;
}
@media (max-width: 574.98px) {
  .tp-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .tp-order-details-item {
    padding-left: 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-right: 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: "";
  right: 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: "";
  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-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);
}

/*# sourceMappingURL=main.css.map */
.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 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tp-tour-area .container {
   display: flex;
}

.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,
.header-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,
.header-logo {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
}
/* === HAMBURGER MENÜ DÜZELTME - tp-header-toogle === */

.tp-header-toogle-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tp-header-toogle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 32px !important;
    height: 26px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* Span'ler (2 tane olduğu için özel ayar) */
.tp-header-toogle span {
    display: block !important;
    width: 100% !important;
    height: 3.5px !important;
    background-color: #f04545 !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
}

/* 2 span arası mesafeyi ayarla */
.tp-header-toogle span:nth-child(1) {
    margin-bottom: 6px !important;
}

.tp-header-toogle span:nth-child(2) {
    margin-top: 9px !important;
}

/* Mobil görünümde garanti olsun */
@media (max-width: 1199px) {
    .tp-header-toogle-wrapper,
    .tp-header-toogle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !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 */
.nav-tabs, 
.nav-link, 
[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,
.nav-tabs,
[role="tablist"] {
    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,
.nav-tabs,
.nav-pills,
[role="tablist"],
.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"],
.nav-link {
    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ı */
        right: 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: #ff5403 !important; /* Arka planı o canlı turuncu yaptık */
        color: #ffffff !important;            /* Yazı rengi bembeyaz */
        border: 1px solid #ff5403 !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"],
.header-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;
    }
}

/* 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;
    }
}
/* ==========================================================================
   HourlyBeds Premium Modern Preloader Styles
   ========================================================================== */
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff; /* Temiz lüks beyaz arka plan */
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tp-hourly-clock-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.tp-hourly-clock-face {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid #111111; /* Marka koyu tonu */
    border-radius: 50%;
}
.tp-hourly-hand {
    position: absolute;
    background-color: #111111;
    bottom: 50%;
    left: 50%;
    transform-origin: bottom center;
    border-radius: 4px;
}
.hour-hand {
    width: 3px;
    height: 22px;
    margin-left: -1.5px;
    animation: spinHourly 6s linear infinite;
}
.minute-hand {
    width: 2px;
    height: 30px;
    margin-left: -1px;
    animation: spinHourly 1.5s linear infinite;
}
.tp-hourly-bed-icon {
    color: #ff385c; /* Akıllı vurgu rengi (Premium kırmızı/pembe tonu) */
    animation: pulseRest 2s ease-in-out infinite;
    z-index: 2;
    background: #ffffff;
    padding: 6px;
    border-radius: 50%;
}
.tp-hourly-loader-text {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #111111;
    text-transform: uppercase;
    animation: textFade 1.5s ease-in-out infinite alternate;
}

/* Animasyon Döngüleri */
@keyframes spinHourly {
    100% { transform: rotate(360deg); }
}
@keyframes pulseRest {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.1); opacity: 1; }
}
@keyframes textFade {
    0% { opacity: 0.4; }
    100% { opacity: 1; }
}
.hourly-orange-placeholder::placeholder {
    color: #f33737 !important;
    font-size: 16px !important;
    font-weight: 500;
    opacity: 0.85;
}
/* Mobil Taşma Kesin Çözüm Paketi */
@media (max-width: 767px) {
  /* 1. Kartın kendisinin dışarı taşmasını engelle */
  .tp-tour-item, .tp-tour-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* 2. Footer alanını flex'ten çıkartıp düz blok yap, yan yana gelmeye zorlanmasınlar */
  .tp-tour-footer {
    display: block !important;
    width: 100% !important;
  }

  /* 3. Fiyat alanını rahatlat */
  .tp-tour-price {
    display: block !important;
    margin-bottom: 12px !important;
    width: 100% !important;
  }

  /* 4. TAŞMANIN ASIL SEBEBİ OLABİLECEK BUTON VE YAZI */
  .tp-tour-btn {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  .tp-tour-btn a {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;    /* Satırın kırılmasını zorunlu kılar */
    word-break: break-word !important; /* Kelime çok uzunsa alt satıra böler */
    text-align: center !important;
    padding: 10px 5px !important;      /* İç boşluğu azalt ki sığsın */
    box-sizing: border-box !important;
  }
}
@media (max-width: 767px) {
  /* 1. Paylaştığın alanın en dış kapsayıcısını ekrandan taşmaya karşı kilitle */
  .tp-tour-area, .tp-tour-area .container {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 2. Bootstrap row'larının mobildeki sinsi -15px taşmasını sıfırla */
  .tp-tour-area .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3. İkonlar ve yanındaki metinler (3,6,9,12 ve Saatlik Kullanım) yan yana sığmıyor olabilir */
  .tp-tour-info {
    display: flex !important;
    flex-direction: column !important; /* İkonları alt alta sırala ki yan yana sıkışıp kartı ittirmesinler */
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .tp-tour-info span {
    white-space: normal !important;
    display: flex !important;
    align-items: center !important;
  }

  /* 4. Skor kısmındaki ( 4.7 / 5 ) alanını rahatlat */
  .tp-tour-meta {
    flex-wrap: wrap !important;
    gap: 5px !important;
  }
}
@media (max-width: 767px) {
  /* 1. Sayfa genelinde mikro esnemeleri engellemek için body seviyesinde önlem */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  /* 2. Row ve Col elementlerinin padding/margin dengesizliğini sıfırla */
  .tp-tour-area .row, 
  .tp-tour-area [class*="col-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;  /* Ekranın kenarlarına yapışmasın diye güvenli boşluk */
    padding-right: 10px !important;
    max-width: 100% !important;
  }

  /* 3. Kartın kendi genişliğini ekran sınırına eşitle */
  .tp-tour-item {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 991px) {
  /* Kartın dışındaki tüm sinsi taşmaları ve dikey kayan yazıları mobilde tamamen gizler */
  .tp-tour-area {
    overflow: hidden !important;
  }
  
  /* Eğer o dikey yazının özel bir sınıfı varsa onu devre dışı bırakalım */
  .tp-tour-area [class*="text"], 
  .tp-tour-area [class*="title"], 
  .tp-tour-area span {
    max-width: 100% !important;
  }
}
@media (max-width: 767px) {
  /* Bu alandaki tüm sütunları mobilde alt alta gelmeye zorlar */
  .tp-tour-area .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  /* Kartların içindeki her şeyin kutu modeline sığmasını sağlar */
  .tp-tour-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Markalar Alanı Kesilme ve Çakışma Çözümü */
.tp-brands-area {
    display: block !important;
    clear: both !important; /* Üstteki elemanların aşağı sarkmasını engeller */
    margin-top: 30px !important; /* Üstteki counter kutusu ile arasına güvenli mesafe açar */
    position: relative !important;
    z-index: 10 !important;
}

.tp-brands-three {
    height: auto !important;
    min-height: 120px !important; /* Kırmızı arka planın dikeyde daralmasını kesin olarak engeller */
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Üstteki counter (sayaç) kutusunun taşmasını engelleme */
.tp-counter-count-item, 
div[class*="counter"] {
    margin-bottom: 20px !important;
    height: auto !important; /* Sabit yükseklik varsa iptal eder */
}
/* ================= HOURLYBEDS KART BOYUT SABİTLEYİCİ MOTOR ================= */

/* 1. Tüm otel kartları ve promo kartı istenen ölçülere kilitlenir kanka */
.tq-global-slider-wrapper .tp-hotel-card,
.tq-global-slider-wrapper .placeholder-promo-card .tp-hotel-card {
    width: 310px !important;
    height: 350px !important;
    min-width: 310px !important;
    max-width: 310px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
}

/* 2. Resim alanı 280px yüksekliğe göre daha kibar dursun diye 120px'e çekildi */
.tq-global-slider-wrapper .tp-hotel-img-box,
.tq-global-slider-wrapper .tp-hotel-img-box img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

/* 3. İçerik alanındaki dikey paddingler kart daraldığı için optimize edildi kanka */
.tq-global-slider-wrapper .tp-hotel-info {
    padding: 8px 12px 0 12px !important;
}

/* 4. Otel adı 280px yükseklikte taşmasın diye maksimum 1 satıra kilitlendi */
.tq-global-slider-wrapper .tp-hotel-name {
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 2px 0 !important;
    min-height: auto !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 5. Alt kısımdaki fiyat alanı tabana tam sıfırlanır */
.tq-global-slider-wrapper .tp-hotel-price {
    padding: 0 12px 10px 12px !important;
}
/* ========================================================================= */
<style>
/* Kaydırma bandını serbest bırakıyoruz kanka */
.tq-hotel-scroll-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: none !important; /* İnatçı fırlatma özelliğini iptal ettik */
}

/* Kartların esnemesini önleyip yan yana jilet gibi dizilmelerini garantiliyoruz */
.tp-hotel-card-wrapper {
    flex: 0 0 auto !important;
    width: 320px !important;
    scroll-snap-align: none !important; /* Kilidi kaldırdık */
}
</style>

/* 📱 SADECE MOBİLDE İLK KARTIN GENİŞLİĞİNİ DÜŞÜRME */
@media (max-width: 767px) {
    /* Yatay kaydırma kutusunun içindeki İLK otel kartı sarmalayıcısını hedefliyoruz */
    .tq-hotel-scroll-container .tp-hotel-card-wrapper:first-child,
    .tq-hotel-scroll-container .placeholder-promo-card:first-child {
        width: 220px !important; /* Genişliği 360px'ten 290px'e çektik */
        max-width: 220px !important;
    }

    /* İlk kartın içindeki gerçek div'in genişliğini de eşliyoruz kanka */
    .tq-hotel-scroll-container .tp-hotel-card-wrapper:first-child .tp-hotel-card,
    .tq-hotel-scroll-container .placeholder-promo-card:first-child .tp-hotel-card {
        width: 220px !important;
    }
}
@media (max-width: 767px) {
    /* 1. Hem dış sarmalayıcıyı hem iç div'i aynı anda 280px'e kilitliyoruz kanka */
    .tq-first-mobil-card,
    .tq-first-mobil-card .tp-hotel-card {
        width: 240px !important;
        max-width: 240px !important;
        min-width: 240px !important; /* Üst üste binmeyi önleyen canavar kural kanka */
    }

    /* 2. Diğer kartların (2. ve 3. otellerin) altına kaymasını veya binmesini önlemek için */
    .tq-hotel-scroll-container {
        display: flex !important;
        flex-wrap: nowrap !important; /* Kartların kesinlikle alt satıra düşmesini engeller */
    }
}
/* 🚀 SAYFA GENELİNDEKİ TÜM BAĞIMSIZ BLOKLARDAKİ KARTLARI KÜÇÜLTME KURALI */
@media (max-width: 767px) {
    
    /* 1. Sayfadaki tüm otel kartı sarmalayıcılarını (a etiketlerini) mobil uyumlu yap kanka */
    .tp-hotel-card-wrapper {
        display: inline-block !important;
        width: 100% !important; /* Blok içindeki esnekliği sağlasın */
        max-width: 290px !important; /* İstediğin o kibar küçük boyuta çektik kanka */
        min-width: 290px !important;
        margin-right: 15px !important; /* Eğer yan yana duranlar varsa araya tatlı bir boşluk */
    }

    /* 2. Kartların içindeki o sert satır içi width değerlerini tamamen eziyoruz */
    .tp-hotel-card-wrapper .tp-hotel-card {
        width: 100% !important; /* Dıştaki 290px sınırına tam otursun, taşmasın */
        max-width: 290px !important;
        min-width: 290px !important;
    }

    /* 3. Kartların yer aldığı tüm farklı bağımsız blok taşıyıcı konteynerleri */
    /* Temandaki o farklı blokların yan yana kaymasını sağlayan genel sınıflar */
    .tq-hotel-scroll-container,
    [class*="-scroll-container"], 
    [class*="-block-wrapper"] {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Alt satıra düşüp üst üste binmeyi engeller */
        overflow-x: auto !important; /* Blokların parmakla sola kaydırılabilmesini açar kanka */
        -webkit-overflow-scrolling: touch !important; /* iOS (iPhone) cihazlarda kaydırma yağ gibi aksın */
        padding-bottom: 15px !important; /* Kaydırma çubuğu kartı kapatmasın diye alt boşluk */
    }
}