/*============================================

   Theme Name: Tourex - Tour & Travel Booking html5 Template
   Author : Theme_Dox
   Support: https://themedox.ticksy.com
   Description: Tourex - Tour & Travel Booking html5 Template
   Version: 1.0.0

==============================================*/
/* CSS Index
==============================================

	// components

	01. Animation
	02. background
	03. Breadcrumb
	04. Button
	05. minicart
	06. Mobile Menu
	07. Nice Select
	08. OffCanvas
	09. pagenation
	10. Preloader
	11. Scroll Top
	12. Search
	13. Section Title
	14. spacing default responsive

	// layout

    01. about
	02. ads
	03. banner
	04. blog
	05. booking
	06. brand
	07. chose
	08. contact
	09. counter
	10. cta
	11. destination
	12. error
	13. faq
	14. filter
	15. flatpicker
	16. foods
	17. footer
	18. Header
	19. hero
	20. listing
	23. location
	24. map
	25. shop
	26. shop
	27. team
	28. testimonial
	29. listing
	30. login

==============================================*/
/*============================================
/*  01. Theme Default CSS
==============================================*/

.res-container {
  max-height: auto !important;
  position: relative;
}
.res-1 {
  max-height: auto !important;
}

.res-2 {
  max-height: 300px !important;
}
.res-3-4 {
  max-height: 220px !important;
}

@media (min-width: 575px) {
  .res-container {
    max-height: 850px !important;
    position: relative;
  }
  .res-1 {
    max-height: 815px !important;
  }

  .res-2 {
    max-height: 500px !important;
  }
  .res-3-4 {
    max-height: 300px !important;
  }
}

@font-face {
  font-family: "segoepr";
  src: url("../fonts/Segoe-Print-Font.ttf") format("trueType");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "chillax";
  src: url("../fonts/Chillax-Semibold.ttf") format("trueType");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "quentin";
  src: url("../fonts/Quentin.otf") format("trueType");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "rage";
  src: url("../fonts/RAGE_1.TTF") format("trueType");
  font-weight: normal;
  font-style: normal;
}
:root {
  --tg-theme-secondary-rgb: 18, 190, 182;
  --tg-theme-primary-rgb: 11, 82, 153;
  --tg-ff-body: "Poppins", sans-serif;
  --tg-ff-outfit: "Outfit", sans-serif;
  --tg-ff-segoepr: "segoepr", sans-serif;
  --tg-ff-chillax: "chillax", sans-serif;
  --tg-ff-quentin: "quentin", sans-serif;
  --tg-ff-rage: "rage", sans-serif;
  --tg-ff-fontawesome: "Font Awesome 6 Pro";
  --tg-common-white: #fff;
  --tg-common-black: #020615;
  --tg-common-black-2: #000;
  --tg-common-yellow: #ff9901;
  --tg-grey-1: #353844;
  --tg-grey-2: #454546;
  --tg-grey-3: #f3f3f4;
  --tg-grey-4: #737374;
  --tg-grey-5: #f8f8f8;
  --tg-grey-6: #666;
  --tg-grey-7: #f6f6f7;
  --tg-grey-8: #f6f4fa;
  --tg-border-1: #e1e1e1;
  --tg-border-2: #c5c5c5;
  --tg-border-3: #e6e6e6;
}

/*=============================
	Typography css start
===============================*/
body {
  font-family: var(--tg-ff-body);
  font-size: 14px;
  font-weight: 400;
  color: var(--tg-grey-1);
  line-height: 26px;
}

img,
.img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.btn:focus,
.button:focus {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

a:hover,
button:hover {
  color: var(--tg-common-black);
  text-decoration: none;
}

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

li {
  list-style: none;
}

.scrool-bar::-webkit-scrollbar {
  width: 5px;
  display: block;
  overflow: hidden;
  position: relative;
  margin-left: 5px;
}

.scrool-bar::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  outline: 1px solid #e1e1e1;
}

.scrool-bar::-mos-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  outline: 1px solid #e1e1e1;
}

.scrool-height {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea {
  outline: none;
  background-color: #fff;
  width: 100%;
  font-size: 15px;
  color: var(--tg-grey-1);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #a2a9ac38;
  border-radius: 12px;
}
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 {
  color: var(--tg-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 {
  color: var(--tg-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 {
  color: var(--tg-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 {
  color: var(--tg-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 {
  color: var(--tg-grey-1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--tg-common-black);
  font-weight: 700;
  line-height: 1.1;
  text-transform: unset;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 16px;
}

p {
  margin-bottom: 15px;
}

label {
  color: var(--tg-common-black);
  cursor: pointer;
}

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(--tg-theme-primary);
  color: var(--tg-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  text-shadow: none;
}

/*=============================
    - Input Placeholder
===============================*/
input,
textarea {
  color: var(--tg-grey-1);
}

*::-moz-placeholder {
  color: var(--tg-grey-1);
  font-size: 16px;
  opacity: 1;
}

*::placeholder {
  color: var(--tg-grey-1);
  font-size: 16px;
  opacity: 1;
}

/*=============================
    - Common Classes
===============================*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.lh-28 {
  line-height: 28px;
}

.tg-round-15 {
  border-radius: 15px;
}

.tg-round-25 {
  border-radius: 25px;
}

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

.z-index-1 {
  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-10 {
  z-index: 10;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.underline-black {
  background-image:
    linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  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;
}
.underline-black:hover {
  background-image:
    linear-gradient(#072032, #072032), linear-gradient(#072032, #072032);
  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;
}

.underline-white {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  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;
}
.underline-white:hover {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  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;
}

.tg-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

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

.top-sticky {
  position: sticky;
  top: 120px;
}

.fs-40 {
  font-size: 40px !important;
}

/*=============================
    - Bootstrap Custom
=============================*/
.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

@media (min-width: 1400px) {
  .container-1860 {
    max-width: 1860px;
  }
}
@media (min-width: 1400px) {
  .container-1545 {
    max-width: 1545px;
  }
}
@media (min-width: 1400px) {
  .container-1630 {
    max-width: 1630px;
  }
}
@media (min-width: 1400px) {
  .container-1790 {
    max-width: 1790px;
  }
}
/*=============================
	04. Button
===============================*/
.tg-btn {
  font-weight: 600;
  font-size: 13px;
  color: var(--tg-common-white);
  border-radius: 6px;
  padding: 8px 20px;
  background: var(--tg-theme-primary);
  display: inline-block;
}
.tg-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-btn-black {
  background: var(--tg-common-black);
}
.tg-btn-transparent {
  background: #f0e9ff;
  color: var(--tg-theme-primary);
}
.tg-btn-transparent:hover {
  color: var(--tg-common-white);
}
.tg-btn-switch-animation .btn-text {
  margin-left: -13px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tg-btn-switch-animation .btn-icon {
  margin-left: 6px;
  position: relative;
  transition:
    opacity 0.4s 0.25s,
    transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
}
.tg-btn-switch-animation .btn-icon + .btn-icon {
  order: -2;
  opacity: 0;
  transition-delay: 0s;
  margin-left: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tg-btn-switch-animation:hover .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.tg-btn-switch-animation:hover .btn-icon {
  transition-delay: 0s;
  transform: translateX(10px);
  opacity: 0;
}
.tg-btn-switch-animation:hover .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 225ms;
}
.tg-btn-header {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  border: 1px solid var(--tg-common-white);
  border-radius: 100px;
  padding: 6px 20px;
  display: inline-block;
  background: transparent;
}
.tg-btn-header:hover {
  color: var(--tg-common-white);
  background: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
}
.tg-btn-header span {
  transform: translateY(-2px);
  display: inline-block;
  margin-right: 4px;
}
.tg-btn-gray {
  background: var(--tg-grey-7);
  color: var(--tg-theme-primary);
}
.tg-btn-gray:hover {
  color: var(--tg-common-white);
}
.tg-btn-hover:hover {
  background: var(--tg-common-black);
}
.tg-btn-su-transparent {
  background: #e1daf3;
  color: var(--tg-theme-primary);
  font-family: var(--tg-ff-outfit);
  font-size: 16px;
  border-radius: 10px;
  padding: 13px 36px;
}

/*=============================
    10. Preloader
===============================*/
#loading {
  background-color: var(--tg-common-white);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  margin-top: 0px;
  top: 0px;
  left: 0;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  color: var(--tg-theme-primary);
  position: relative;
  animation: l40 0.5s infinite alternate;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: block;
  margin: 15px auto;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 25px 25px;
  background-position:
    0 0,
    100% 0,
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
}

.loader:before {
  background-image:
    radial-gradient(
      farthest-side at top left,
      currentColor 96%,
      rgba(0, 0, 0, 0)
    ),
    radial-gradient(
      farthest-side at top right,
      currentColor 96%,
      rgba(0, 0, 0, 0)
    ),
    radial-gradient(
      farthest-side at bottom right,
      currentColor 96%,
      rgba(0, 0, 0, 0)
    ),
    radial-gradient(
      farthest-side at bottom left,
      currentColor 96%,
      rgba(0, 0, 0, 0)
    );
  animation: l40-1 1s infinite;
}

.loader:after {
  background-image:
    radial-gradient(
      farthest-side at top left,
      rgba(0, 0, 0, 0) 94%,
      currentColor 96%
    ),
    radial-gradient(
      farthest-side at top right,
      rgba(0, 0, 0, 0) 94%,
      currentColor 96%
    ),
    radial-gradient(
      farthest-side at bottom right,
      rgba(0, 0, 0, 0) 94%,
      currentColor 96%
    ),
    radial-gradient(
      farthest-side at bottom left,
      rgba(0, 0, 0, 0) 94%,
      currentColor 96%
    );
  animation: l40-2 1s infinite;
}

@keyframes l40-1 {
  0%,
  10%,
  90%,
  100% {
    inset: 0;
  }
  40%,
  60% {
    inset: -10px;
  }
}
@keyframes l40-2 {
  0%,
  40% {
    transform: rotate(0);
  }
  60%,
  100% {
    transform: rotate(90deg);
  }
}
/*=============================
    02. background
===============================*/
.tg-grey-bg {
  background: var(--tg-grey-5);
}

.tg-grey-bg-2 {
  background: var(--tg-grey-8);
}

.tg-primary-bg {
  background: var(--tg-theme-primary);
}

/*=============================
	 08. OffCanvas
===============================*/
.offCanvas-toggle {
  position: relative;
  margin-right: 40px;
  padding-right: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offCanvas-toggle {
    margin-right: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .offCanvas-toggle {
    display: none;
  }
}
.offCanvas-toggle::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: var(--tg-border-1);
}
.offCanvas-toggle .menu-tigger {
  color: var(--tg-common-black);
}
.offCanvas-toggle .menu-tigger:hover {
  color: var(--tg-theme-primary);
}
.offCanvas-toggle-two {
  margin-right: 0;
  padding-right: 0;
  padding-left: 40px;
}
.offCanvas-toggle-two::before {
  right: auto;
  left: 0;
  height: 104px;
}

.offCanvas__info {
  background: var(--tg-common-white) none repeat scroll 0 0;
  height: 100%;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  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);
  -webkit-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);
  width: 340px;
  z-index: 999;
  overflow-y: scroll;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.offCanvas__info.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.offCanvas__info::-webkit-scrollbar {
  width: 0px;
}
.offCanvas__close-icon {
  margin-top: -16px;
  text-align: right;
}
.offCanvas__close-icon button {
  background: transparent;
  color: var(--tg-theme-primary);
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid var(--tg-theme-primary);
  border-radius: 50%;
  transition: all 0.4s ease;
}
.offCanvas__close-icon button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.offCanvas__logo img {
  max-height: 34px;
}
.offCanvas__side-info {
  border-top: 1px solid var(--tg-theme-primary);
  padding-top: 25px;
}
.offCanvas__side-info .contact-list h4 {
  color: var(--tg-common-black);
  font-weight: 700;
  font-size: 18px;
}
.offCanvas__side-info .contact-list p {
  color: var(--tg-grey-1);
  margin: 0;
  margin-bottom: 2px;
  line-height: 26px;
}
.offCanvas__social-icon a {
  color: var(--tg-theme-primary);
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid var(--tg-theme-primary);
  border-radius: 50%;
  transition: all 0.4s ease;
}
.offCanvas__social-icon a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.offCanvas__overly {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.offCanvas__overly.active {
  opacity: 0.7;
  visibility: visible;
}

/*=========================
      03. Breadcrumb
===========================*/
.tg-breadcrumb-spacing {
  padding-top: 170px;
  padding-bottom: 160px;
}
.tg-breadcrumb-spacing-2 {
  padding-top: 192px;
  padding-bottom: 138px;
}
@media (max-width: 575px) {
  .tg-breadcrumb-spacing-2 {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
.tg-breadcrumb-spacing-3 {
  padding-top: 142px;
}
.tg-breadcrumb-spacing-3 .tg-hero-top-shadow {
  height: 268px;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.tg-breadcrumb-spacing-4 {
  padding-top: 190px;
}
.tg-breadcrumb-spacing-4 .tg-hero-top-shadow {
  height: 337px;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.tg-breadcrumb-spacing-5 {
  padding-top: 182px;
  padding-bottom: 128px;
}
@media (max-width: 575px) {
  .tg-breadcrumb-spacing-5 {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
.tg-breadcrumb-title {
  font-weight: 700;
  font-size: 60px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-breadcrumb-title {
    font-size: 40px;
  }
}
.tg-breadcrumb-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  top: 0;
  left: 0;
  z-index: -1;
}
.tg-breadcrumb-list {
  background: var(--tg-theme-primary);
  display: inline-block;
  border-radius: 5px;
  padding: 3px 17px;
}
.tg-breadcrumb-list span {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  display: inline-block;
}
.tg-breadcrumb-list span.dvdr {
  margin: 0 3px;
}
.tg-breadcrumb-list span a:hover {
  color: var(--tg-common-black);
}
.tg-breadcrumb-list-2-wrap {
  border-bottom: 1px solid var(--tg-border-3);
  padding: 12px 0px;
}
.tg-breadcrumb-list-2 ul {
  display: flex;
  flex-wrap: wrap;
}
.tg-breadcrumb-list-2 ul li {
  text-transform: capitalize;
  color: var(--tg-grey-1);
  margin-right: 8px;
  padding: 5px 0px;
}
.tg-breadcrumb-list-2 ul li a:hover {
  color: var(--tg-theme-primary);
}
.tg-breadcrumb-list-2 ul li span {
  color: var(--tg-theme-primary);
}
.tg-breadcrumb-list-3 ul li {
  text-transform: capitalize;
  color: #898989;
  margin-right: 8px;
  padding: 5px 0px;
}
.tg-breadcrumb-list-3 ul li a:hover {
  color: var(--tg-theme-primary);
}
.tg-breadcrumb-list-3 ul li span {
  color: var(--tg-grey-1);
}
.tg-breadcrumb-list-4 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.tg-breadcrumb-list-4 ul li {
  text-transform: capitalize;
  color: var(--tg-common-white);
  margin-right: 8px;
  font-weight: 500;
  padding: 5px 0px;
}
.tg-breadcrumb-list-4 ul li a:hover {
  color: var(--tg-grey-7);
}

/*=============================
    11. Scroll Top
===============================*/
.scroll__top {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  border-radius: 0;
  z-index: 99;
  color: var(--tg-common-white);
  text-align: center;
  cursor: pointer;
  background: var(--tg-theme-primary);
  transition: 1s ease;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .scroll__top {
    right: 25px;
    bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .scroll__top {
    right: 30px;
  }
}
@media (max-width: 575px) {
  .scroll__top {
    right: 15px;
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.scroll__top.open {
  bottom: 30px;
}
@media (max-width: 575px) {
  .scroll__top.open {
    bottom: 15px;
  }
}
.scroll__top::after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  );
}
.scroll__top:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-common-white);
}

/*=============================
	13. Section Title
===============================*/
.tg-section-subtitle {
  font-family: var(--tg-ff-segoepr);
  font-weight: 700;
  color: var(--tg-theme-primary);
}
.tg-section-su-subtitle {
  font-family: var(--tg-ff-outfit);
  font-weight: 500;
  font-size: 16px;
  /* text-transform: capitalize kaldirildi — Turkce cumleleri bozuyordu
     (19/24/29 numarali hatalarin ayni tekrari). Zemin de tema artigi bir
     lavanta tonuydu, marka rengine cekildi. */
  color: var(--tg-theme-primary);
  background: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .07);
  display: inline-block;
  padding: 6px 15px;
  border-radius: 6px;
}
.tg-section-su-subtitle.su-subtitle-2 {
  background: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .11);
}
.tg-section-su-title {
  font-size: 36px;
  font-family: var(--tg-ff-outfit);
}
.tg-section-su-para {
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  color: var(--tg-common-black);
  line-height: 28px;
  text-transform: capitalize;
}
@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: 575px) {
  .tg-section-su-para br {
    display: none;
  }
}
.tg-section-su-para-2 {
  color: var(--tg-grey-1);
  line-height: 26px;
}

/* ----- Modern Desktop Dropdown Menus ----- */
@media (min-width: 1200px) {
  /* Ana dropdown container */
  .tgmenu--styled ul.navigation > li > ul.sub-menu {
    padding: 8px;
    border-radius: 10px;
    min-width: 240px;
    margin-top: -23px;
    background: #ffffff;
    overflow: hidden;
  }

  /* Taşma sorununu önle */
  .tgmenu--styled ul.navigation > li {
    position: relative;
  }
  .tgmenu--styled ul.navigation li ul.sub-menu {
    overflow: visible;
  }

  /* Dropdown menü öğeleri */
  .tgmenu--styled ul.navigation li ul.sub-menu li {
    position: relative;
    margin: 0;
  }

  /* Dropdown linkleri */
  .tgmenu--styled ul.navigation li ul.sub-menu li > a {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    color: #2d3748;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
  }

  /* Hover efekti */
  .tgmenu--styled ul.navigation li ul.sub-menu li > a:hover {
    background: linear-gradient(
      135deg,
      rgba(63, 63, 63, 0.1) 0%,
      rgba(48, 48, 48, 0.05) 100%
    );
    color: var(--tg-theme-primary);
    transform: translateX(2px);
  }

  /* Alt menüsü olan öğeler için ok ikonu */
  .tgmenu--styled
    ul.navigation
    li
    ul.sub-menu
    li.menu-item-has-children
    > a::after {
    content: "›";
    margin-left: auto;
    font-size: 18px;
    font-weight: 400;
    color: #a0aec0;
    transition: all 0.2s ease;
  }

  .tgmenu--styled
    ul.navigation
    li
    ul.sub-menu
    li.menu-item-has-children
    > a:hover::after {
    color: var(--tg-theme-primary);
    transform: translateX(2px);
  }

  /* İkinci seviye dropdown (sağa açılan) */
  .tgmenu--styled ul.navigation li ul.sub-menu li > ul.sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    padding: 8px;
    border-radius: 10px;
    box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.1),
      0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    display: none;
    z-index: 1001;
    margin-left: -1px; /* boşluk oluşmasın, hover kaçmasın */
  }

  /* Hover ile alt menüyü göster */
  .tgmenu--styled ul.navigation li ul.sub-menu li:hover > ul.sub-menu {
    display: block;
    animation: fadeInUp 0.2s ease;
  }

  /* Z-index ayarları */
  .tgmenu--styled ul.navigation li ul.sub-menu {
    z-index: 1000;
  }

  /* Fade in animasyonu */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/*=============================
	06. Mobile Menu
===============================*/
.tgmobile__search {
  padding: 0 20px 25px 25px;
}
.tgmobile__search form {
  position: relative;
}
.tgmobile__search input {
  display: block;
  width: 100%;
  border: none;
  padding: 10px 45px 10px 20px;
  font-size: 15px;
  height: 45px;
  background: var(--tg-grey-3);
  color: var(--tg-common-black);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.tgmobile__search input::placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.tgmobile__search button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  padding: 0;
  right: 20px;
  line-height: 1;
  background: transparent;
  color: var(--tg-common-black);
}
.tgmobile__menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  z-index: 9991;
  border-radius: 0px;
  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);
  -webkit-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) e;
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateX(101%);
  -moz-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
}
.tgmobile__menu .navbar-collapse {
  display: block !important;
}
.tgmobile__menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}
.tgmobile__menu .nav-logo img {
  width: 150px;
}
.tgmobile__menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.tgmobile__menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation li.active > a {
  color: var(--tg-theme-primary);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tg-common-black);
  background: var(--tg-grey-3);
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 12px;
  height: 2px;
  background-color: var(--tg-theme-primary);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tgmobile__menu
  .navigation
  li.menu-item-has-children
  .dropdown-btn
  .plus-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 2px;
  height: 12px;
  background-color: var(--tg-theme-primary);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: var(--tg-theme-primary);
}
.tgmobile__menu
  .navigation
  li.menu-item-has-children
  .dropdown-btn.open
  .plus-line {
  background-color: var(--tg-common-white);
}
.tgmobile__menu
  .navigation
  li.menu-item-has-children
  .dropdown-btn.open
  .plus-line::after {
  display: none;
}
.tgmobile__menu .navigation li > a {
  position: relative;
  display: block;
  padding: 10px 60px 10px 25px;
  font-size: 15px;
  font-weight: 600;
  color: var(--tg-common-black);
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
  letter-spacing: 1px;
}
.tgmobile__menu .navigation li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 2px;
  background: var(--tg-theme-primary);
  pointer-events: none;
}
.tgmobile__menu .navigation li ul li > a {
  margin-left: 20px;
}
.tgmobile__menu .navigation li ul li ul li a {
  margin-left: 40px;
}
.tgmobile__menu .navigation li ul li ul li ul li a {
  margin-left: 60px;
}
.tgmobile__menu .navigation li > ul {
  display: none;
}
.tgmobile__menu .navigation li > ul > li > ul {
  display: none;
}
.tgmobile__menu .navigation ul {
  padding: 0;
  margin: 0;
}
.tgmobile__menu .navigation ul li a {
  display: block;
}
.tgmobile__menu .navigation ul li ul li > a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}
.tgmobile__menu .navigation:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation > li.active > a::before {
  height: 100%;
}
.tgmobile__menu .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 14px;
  color: var(--tg-theme-primary);
  cursor: pointer;
  padding: 8px;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 23px;
}
.tgmobile__menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
}
.tgmobile__menu .social-links ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  text-align: center;
  padding: 30px 20px 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.tgmobile__menu .social-links ul li {
  position: relative;
  display: inline-block;
  margin: 0px 6px 10px;
}
.tgmobile__menu .social-links ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: var(--tg-theme-primary);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 1px solid #efefef;
  border-radius: 0;
}
.tgmobile__menu .social-links ul li a:hover {
  border-color: var(--tg-theme-primary);
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tgmobile__menu .tgmenu__action {
  padding: 0 0;
  margin: 0 0;
}
.tgmobile__menu .tgmenu__action > ul {
  margin: 0 0;
  padding: 30px 20px 0;
  justify-content: center;
  gap: 0 15px;
}
.tgmobile__menu .tgmenu__action > ul li {
  margin: 0 0;
}
.tgmobile__menu .tgmenu__action > ul .header-btn {
  display: block;
}
.tgmobile__menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--tg-common-white);
  padding: 0px 0px;
  z-index: 5;
  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
}
.tgmobile__menu-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: var(--tg-color-white-default);
  margin-right: 30px;
  top: 15px;
}

.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .tgmobile__menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu-visible .tgmobile__menu-backdrop {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-visible .tgmobile__menu .close-btn {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*=============================
    01. Animation
===============================*/
@keyframes zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 3000;
  }
}
@-webkit-keyframes about-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes about-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes about-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes about-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-moz-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-ms-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-webkit-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-infinite-2 {
  -webkit-animation: rotate-infinite-2 15s linear infinite;
  animation: rotate-infinite-2 15s linear infinite;
}

@-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 headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
/*=============================
	12. Search
===============================*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--tg-common-white);
  backdrop-filter: blur(10px);
  z-index: 99;
  -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.3s ease-in-out,
    opacity 0.3s ease-in-out;
  -moz-transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}
.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;
  z-index: 99999999;
}
.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__input {
  position: relative;
  height: 80px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  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: var(--tg-theme-primary);
  transition-delay: 0.3s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tg-common-black);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::placeholder {
  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(--tg-theme-primary);
  border: none;
  padding: 0 0;
  background: transparent;
}
.search__close {
  position: absolute;
  top: 10%;
  right: 2%;
  z-index: 2;
}
.search-close-btn {
  margin: 0;
  padding: 0;
  border: none;
  color: var(--tg-theme-primary);
  cursor: pointer;
  background: transparent;
}
.search-popup-overlay {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  opacity: 0;
  visibility: hidden;
  background: #000d25;
}
.search-popup-overlay.search-popup-overlay-open {
  opacity: 0.55;
  visibility: visible;
  transition-delay: 0s;
}

.search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tg-theme-primary);
  transition: all 0.5s;
}
.search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.5s;
}

/*=============================
	05. minicart
===============================*/
.minicart {
  background: var(--tg-common-white);
  padding: 25px;
  position: absolute;
  width: 350px;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3);
  visibility: hidden;
  opacity: 0;
  top: 100%;
  right: 0;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 90;
}

.cart-thumb {
  padding-right: 15px;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  object-fit: cover;
}
.cart-title {
  font-size: 16px;
  font-weight: 600;
}
.cart-title a {
  display: inline-block;
  position: relative;
}
.cart-title a:hover {
  color: var(--tg-theme-primary);
}
.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tg-theme-primary);
  transition: 0.7s;
  display: inline-block;
}
.cart-title a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tg-theme-primary);
}
.cart-del-icon {
  font-weight: 700;
  color: var(--tg-common-black);
}
.cart-del-icon span {
  transition: 0.3s;
}
.cart-del-icon span:hover {
  cursor: pointer;
  color: var(--tg-theme-primary);
}
.cart-content {
  text-align: start;
}
.cart-content span {
  font-size: 14px;
  color: #747691;
}
.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}
.cart-content-wrap {
  padding-bottom: 7px;
}
.cart-total-price {
  border-top: 1px solid #cacadb;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.cart-total-price span {
  color: var(--tg-heading-primary);
  font-weight: 700;
}
.cart-btn {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 12px 50px;
}
.cart-btn:hover {
  background: var(--tg-common-black);
  color: var(--tg-common-white);
}
.cart-btn-black {
  background: var(--tg-common-black);
}
.cart-btn-black:hover {
  background: var(--tg-theme-primary);
}

.tg-header-cart:hover .minicart {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

/*=============================
	14. spacing default responsive
===============================*/
@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: 575px) {
  .pt-170 {
    padding-top: 115px;
  }
}

@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: 575px) {
  .pt-165 {
    padding-top: 110px;
  }
}

@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: 575px) {
  .pt-160 {
    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: 575px) {
  .pt-155 {
    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: 575px) {
  .pt-150 {
    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: 575px) {
  .pt-145 {
    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: 575px) {
  .pt-140 {
    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: 575px) {
  .pt-135 {
    padding-top: 95px;
  }
}

@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: 575px) {
  .pt-130 {
    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: 575px) {
  .pt-125 {
    padding-top: 85px;
  }
}

@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: 575px) {
  .pt-120 {
    padding-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: 575px) {
  .pt-115 {
    padding-top: 75px;
  }
}

@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: 575px) {
  .pt-110 {
    padding-top: 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: 575px) {
  .pt-105 {
    padding-top: 65px;
  }
}

@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: 575px) {
  .pt-100 {
    padding-top: 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: 575px) {
  .pb-170 {
    padding-bottom: 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: 575px) {
  .pb-165 {
    padding-bottom: 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: 575px) {
  .pb-160 {
    padding-bottom: 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: 575px) {
  .pb-155 {
    padding-bottom: 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: 575px) {
  .pb-150 {
    padding-bottom: 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: 575px) {
  .pb-145 {
    padding-bottom: 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: 575px) {
  .pb-140 {
    padding-bottom: 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: 575px) {
  .pb-135 {
    padding-bottom: 95px;
  }
}

@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: 575px) {
  .pb-130 {
    padding-bottom: 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: 575px) {
  .pb-125 {
    padding-bottom: 85px;
  }
}

@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: 575px) {
  .pb-120 {
    padding-bottom: 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: 575px) {
  .pb-115 {
    padding-bottom: 75px;
  }
}

@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: 575px) {
  .pb-110 {
    padding-bottom: 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: 575px) {
  .pb-105 {
    padding-bottom: 65px;
  }
}

@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: 575px) {
  .pb-100 {
    padding-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: 575px) {
  .pb-95 {
    padding-bottom: 55px;
  }
}

@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: 575px) {
  .pb-90 {
    padding-bottom: 50px;
  }
}

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

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*=============================
	09. pagenation
===============================*/
.tg-pagenation-wrap nav {
  display: inline-block;
}
.tg-pagenation-wrap nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tg-pagenation-wrap nav ul li {
  margin-bottom: 5px;
  margin-right: 5px;
}
.tg-pagenation-wrap nav ul li a {
  font-weight: 500;
  font-size: 14px;
  color: var(--tg-common-black);
  background: #f1f3f5;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 44px;
  transition: all 0.4s ease;
  display: inline-block;
  border-radius: 8px;
}
.tg-pagenation-wrap nav ul li a:hover {
  color: var(--tg-common-white);
  background: var(--tg-theme-primary);
}
.tg-pagenation-wrap nav ul li a.active {
  color: var(--tg-common-white);
  background: var(--tg-theme-primary);
}
.tg-pagenation-wrap nav ul li a.p-btn {
  height: auto;
  width: auto;
  line-height: 1;
  padding: 15px 30px;
  border-radius: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-pagenation-wrap nav ul li a.p-btn {
    margin-right: 5px;
    margin-left: 5px;
  }
}

/*=============================
    	18. Header
===============================*/
.transparent-header {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 99;
  height: auto;
}
.transparent-header .tg-header__area {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
.transparent-header .tg-header-top {
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 575px) {
  .transparent-header {
    top: 0;
  }
}

.tg-header-tu-menu .tgmenu__navbar-wrap ul li a {
  padding: 35px 10px;
}
.tg-header-tu-menu .tg-header-contact-icon {
  background: var(--tg-common-white);
  color: var(--tg-common-black);
  border: none;
}
.tg-header-tu-menu .tg-btn-header {
  background: rgba(255, 255, 255, 0.19);
  border-radius: 6px;
  border: none;
}
.tg-header-tu-menu .tg-btn-header:hover {
  background: var(--tg-common-white);
  color: var(--tg-common-black);
}
.tg-header-tu-2-wrap .tg-header-dvdr {
  background: var(--tg-common-white);
}
.tg-header-tu-2-wrap .tg-header-top-social {
  display: flex;
  align-items: center;
}
.tg-header-tu-2-wrap .tg-header-top-social span {
  font-family: var(--tg-ff-outfit);
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  margin-right: 9px;
}
.tg-header-tu-2-wrap .tg-header-top-social ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tg-header-tu-2-wrap .tg-btn-header {
  border-radius: 6px;
}
.tg-header-tu-2-wrap .tgmenu__navbar-wrap ul li a {
  font-size: 16px;
  padding: 27px 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: 575px) {
  .tg-header-tu-2-wrap .tgmenu__navbar-wrap ul {
    margin-left: 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: 575px) {
  .tg-header-lg-space {
    padding: 14px 0px;
  }
}
.tg-header-cart .cart-button {
  color: var(--tg-common-white);
  position: relative;
}
.tg-header-cart-count {
  position: absolute;
  right: -6px;
  top: -5px;
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 12px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  background: var(--tg-theme-secondary);
  text-align: center;
  line-height: 17px;
  border-radius: 20px;
}
.tg-header-cart:hover .tg-header-cart-wrap {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.tg-header-contact-icon {
  color: var(--tg-common-white);
  border: 1.2px solid var(--tg-border-2);
  border-radius: 100px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 34px;
  display: inline-block;
}
.tg-header-contact-icon svg {
  margin-left: 2px;
}
.tg-header-contact-number span {
  font-size: 12px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  display: block;
  line-height: 1;
  font-weight: 500;
}
.tg-header-contact-number a {
  text-transform: capitalize;
  color: var(--tg-common-white);
  font-weight: 600;
}
.tg-header-contact-number a:hover {
  color: var(--tg-border-2);
}
.tg-header-border {
  position: absolute;
  top: 0;
  left: 0;
  border: 1.5px solid var(--tg-border-2);
  height: 20px;
  width: 2px;
  display: inline-block;
}
@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: 575px) {
  .tg-header-logo {
    text-align: left !important;
  }
}
.tg-header-logo-bg {
  width: 179px;
  height: 111px;
  border-radius: 27px;
  background: var(--tg-grey-5);
  position: absolute;
  top: -29px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tg-header-4-bootom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.transparent-header .tg-header-4-bootom {
  border-bottom: none;
  background: transparent;
}
.transparent-header .tgmenu__navbar-wrap-4 ul li a {
  color: var(--tg-common-white);
}
.transparent-header .tgmenu__navbar-wrap-4 > ul > li.active a,
.transparent-header .tgmenu__navbar-wrap-4 > ul > li:hover a {
  color: #fff;
}
.transparent-header .tg-menu-4-right-action .tg-header-cart .cart-button {
  color: var(--tg-common-white);
}
.transparent-header .tg-menu-4-right-action .tgmenu-offcanvas-open-btn span {
  background-color: var(--tg-common-white);
}
/* Logo: ustteki seffaf header'da beyaz yazili surum, sayfa kayinca cikan
   beyaz barda lacivert yazili surum. Iki gorsel de <a> icinde duruyor,
   hangisinin gorunecegine .header-sticky karar veriyor.
   Onceki cozum tek gorsele `filter: brightness(0) invert(1)` uyguluyordu;
   bu logoyu duz beyaz siluete ceviriyor (damla isaretinin turkuazi kayboluyor)
   ve sticky durumda beyaz logo beyaz zeminde gorunmez hale geliyordu. */
.logo a {
  display: inline-block;
  line-height: 0;
}
.logo img.header-logo {
  height: 40px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
/* Seffaf header'da logo daha buyuk dursun. Bar'in yuksekligini menu seridi
   belirliyor (100px), bu yuzden 64px logo bar'i buyutmuyor; sadece bos kalan
   yeri dolduruyor. Sticky bar kompakt kalsin diye orada 40px'te birakildi. */
@media (min-width: 1200px) {
  .logo img.header-logo-normal {
    height: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .logo img.header-logo-normal {
    height: 52px;
  }
}
.header-logo-sticky {
  display: none;
}
.header-sticky .header-logo-normal {
  display: none;
}
.header-sticky .header-logo-sticky {
  display: inline-block;
}

.tgmenu__navbar-wrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tgmenu__navbar-wrap ul {
    margin: 0 auto 0 40px;
  }
}
.tgmenu__navbar-wrap ul li {
  display: block;
  position: relative;
  list-style: none;
}
.tgmenu__navbar-wrap ul li a {
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  padding: 35px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tgmenu__navbar-wrap ul li a {
    padding: 42px 18px;
  }
}
.tgmenu__navbar-wrap ul li .sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 230px;
  background: var(--tg-common-white);
  margin: 0;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  transform-origin: 0 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
  -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
  box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
  border-radius: 0;
  padding: 18px 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.tgmenu__navbar-wrap ul li .sub-menu.sub-menu-right {
  right: 0;
  left: auto;
}
.tgmenu__navbar-wrap ul li .sub-menu .sub-menu {
  right: auto;
  left: 100%;
  top: 0;
}
.tgmenu__navbar-wrap ul li .sub-menu li {
  margin-left: 0;
  text-align: left;
  display: block;
}
.tgmenu__navbar-wrap ul li .sub-menu li a {
  padding: 6px 15px 6px 25px;
  display: block;
  color: var(--tg-common-black);
  font-size: 15px;
}
.tgmenu__navbar-wrap ul li .sub-menu li:hover > a,
.tgmenu__navbar-wrap ul li .sub-menu li.active > a {
  color: #b38ef7;
}
.tgmenu__navbar-wrap ul li .sub-menu li:hover > a {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -ms-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
}
.tgmenu__navbar-wrap ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tgmenu__navbar-wrap > ul > li.active a,
.tgmenu__navbar-wrap > ul > li:hover a {
  color: #e2d6f8;
}
.tgmenu__navbar-wrap-2 ul li a {
  color: var(--tg-common-black);
  padding: 37px 11px;
}
.tgmenu__navbar-wrap-2 ul li:first-child a {
  padding-left: 0;
}
.tgmenu__navbar-wrap-2 > ul > li.active a,
.tgmenu__navbar-wrap-2 > ul > li:hover a {
  color: var(--tg-theme-primary);
}
.tgmenu__navbar-wrap-4 ul li a {
  color: var(--tg-common-black);
  padding: 37px 12px;
  font-size: 14px;
}
.tgmenu__navbar-wrap-4 ul li:first-child a {
  padding-left: 0;
}
.tgmenu__navbar-wrap-4 > ul > li.active a,
.tgmenu__navbar-wrap-4 > ul > li:hover a {
  color: var(--tg-theme-primary);
}
.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
  display: none;
}
.tgmenu__main-menu li.menu-item-has-children > a::after {
  content: "\f078";
  display: block;
  font-family: var(--tg-ff-fontawesome);
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
}
.tgmenu__search {
  margin-inline-end: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tgmenu__search {
    margin-left: auto;
  }
}
.tgmenu__search-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 535px;
  border-radius: 100px;
  border: 1px solid #d3d2df;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tgmenu__search-form {
    width: 485px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tgmenu__search-form {
    width: 380px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tgmenu__search-form {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tgmenu__search-form {
    width: auto;
  }
}
.tgmenu__search-form .select-grp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 12px 0 12px 17px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  width: 153px;
  flex: 0 0 auto;
  position: relative;
}
.tgmenu__search-form .select-grp::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #bdbabb;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tgmenu__search-form .select-grp::after {
    display: none;
  }
}
.tgmenu__search-form .select-grp svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.tgmenu__search-form .select-grp path {
  fill: var(--tg-theme-primary);
}
.tgmenu__search-form .form-select {
  outline: none;
  box-shadow: none;
  border: none;
  padding-left: 8px;
  color: var(--tg-heading-color);
  font-family: var(--tg-heading-font-family);
  font-size: 14px;
}
.tgmenu__search-form .input-grp {
  position: relative;
  flex-grow: 1;
  margin-left: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tgmenu__search-form .input-grp {
    display: none;
  }
}
.tgmenu__search-form input {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 12px 50px 10px 20px;
  height: 50px;
  font-size: 15px;
  font-family: var(--tg-heading-font-family);
}
.tgmenu__search-form input::placeholder {
  color: #8d9db5;
  font-size: 14px;
}
.tgmenu__search-form [type="submit"] {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
  width: 44px;
  height: 44px;
  border: none;
  padding: 0 0;
  background: var(--tg-theme-primary);
  font-size: 20px;
  color: var(--tg-color-white-default);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.tgmenu__search-form [type="submit"]:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-heading-color);
}
.tgmenu__search-bar {
  flex-grow: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tgmenu__search-bar {
    max-width: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tgmenu__search-bar {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tgmenu__search-bar {
    display: none;
  }
}
.tgmenu__search-bar form {
  position: relative;
}
.tgmenu__search-bar form input {
  display: block;
  width: 100%;
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-2);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 12px 50px 10px 20px;
  height: 45px;
  font-size: 15px;
  font-family: var(--tg-heading-font-family);
}
.tgmenu__search-bar form input::placeholder {
  color: #8d9db5;
  font-size: 14px;
}
.tgmenu__search-bar form [type="submit"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  right: 10px;
  border: none;
  padding: 0 0;
  background: transparent;
  font-size: 24px;
  color: #8d9db5;
}
.tgmenu__search-bar form [type="submit"]:hover {
  color: var(--tg-theme-primary);
}
.tgmenu-offcanvas-open-btn {
  line-height: 0;
}
.tgmenu-offcanvas-open-btn span {
  height: 2px;
  width: 34px;
  background-color: var(--tg-common-white);
  display: block;
  border-radius: 6px;
}
.tgmenu-offcanvas-open-btn span:not(:last-child) {
  margin-bottom: 6px;
}
.tgmenu-offcanvas-open-btn.mobile-nav-black span {
  background-color: var(--tg-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: 575px) {
  .tgmenu-1-space {
    margin-left: 0;
  }
}

.sticky-menu {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: var(--tg-common-white);
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  border-radius: 0;
}
.sticky-menu .tgmenu__navbar-wrap ul li a {
  padding: 40px 24px;
}

.tg-header-dvdr {
  background: var(--tg-common-white);
  width: 2px;
  display: inline-block;
  height: 16px;
}
.tg-header-top-space {
  padding: 10px 0;
}
.tg-header-top-info a {
  color: var(--tg-common-white);
}
.tg-header-top-info a:hover {
  color: #c5c5c5;
}

.tg-menu-right-action-2 .tg-btn-header {
  color: var(--tg-common-white);
  background: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
}
.tg-menu-right-action-2 .tg-btn-header:hover {
  background: var(--tg-common-black);
  border-color: var(--tg-common-black);
}
.tg-menu-right-action-2 .tg-header-contact-number span {
  color: var(--tg-grey-1);
}
.tg-menu-right-action-2 .tg-header-contact-number a {
  color: var(--tg-common-black);
}
.tg-menu-right-action-2 .tg-header-contact-icon {
  color: var(--tg-common-black);
  border-color: #dadada;
  width: 40px;
  height: 40px;
  line-height: 37px;
  background: var(--tg-common-white);
}
.tg-menu-right-action-2 .tg-header-cart .cart-button {
  border: 1px solid #dadada;
  border-radius: 100px;
  width: 40px;
  display: inline-block;
  height: 40px;
  color: var(--tg-common-black);
  text-align: center;
  background: var(--tg-common-white);
  line-height: 36px;
}
.tg-menu-right-action-3 .tg-header-cart .cart-button {
  border-radius: 100px;
  width: 40px;
  display: inline-block;
  height: 40px;
  color: var(--tg-common-white);
  text-align: center;
  background: var(--tg-theme-primary);
  line-height: 36px;
  margin-left: 7px;
}
.tg-menu-right-action-3 .search-button {
  border-radius: 100px;
  width: 40px;
  display: inline-block;
  height: 40px;
  color: var(--tg-common-white);
  text-align: center;
  background: var(--tg-theme-primary);
  line-height: 36px;
  margin-left: 0px;
}
.tg-menu-3-wrap .tgmenu__navbar-wrap ul li a {
  padding: 47px 12px;
}
.tg-menu-3-wrap .tgmenu__navbar-wrap > ul > li.active > a,
.tg-menu-3-wrap .tgmenu__navbar-wrap > ul > li:hover > a {
  color: #b5b5b5;
}
.tg-menu-4-right-action .search-button {
  border: 1px solid #dadada;
  color: var(--tg-common-black);
  background: var(--tg-common-white);
}
.tg-menu-4-right-action .tg-header-cart .cart-button {
  border: 1px solid #dadada;
  color: var(--tg-common-black);
  background: var(--tg-common-white);
}
.tg-menu-4-right-action .tgmenu-offcanvas-open-btn span {
  background-color: var(--tg-common-black);
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  backdrop-filter: blur(10px);
}
.header-sticky.tg-header-4-bootom {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: none;
}
.header-sticky .tgmenu__navbar-wrap-4 ul li a {
  color: var(--tg-common-black);
}
.header-sticky .tgmenu__navbar-wrap-4 > ul > li.active a,
.header-sticky .tgmenu__navbar-wrap-4 > ul > li:hover a {
  color: var(--tg-theme-primary);
}

.iti {
  width: 100% !important;
}

.header-sticky .tg-header-contact-number a {
  color: var(--tg-common-black);
}
.header-sticky .tg-header-contact-icon {
  color: var(--tg-common-black);
  border: 1.2px solid #dadada;
}
.header-sticky .tg-header-contact-number span {
  color: var(--tg-grey-1);
}
.header-sticky .tg-header-cart .cart-button {
  color: var(--tg-common-black);
}
.header-sticky .tg-btn-header {
  color: var(--tg-common-white);
  border: 1px solid var(--tg-theme-primary);
  background: var(--tg-theme-primary);
}
.header-sticky .tg-btn-header:hover {
  color: var(--tg-theme-primary);
  background: transparent;
}
.header-sticky .tgmenu-offcanvas-open-btn span {
  background-color: var(--tg-common-black);
}
/* Yukaridaki kural tek basina yetmiyor: `.transparent-header
   .tg-menu-4-right-action .tgmenu-offcanvas-open-btn span` uc sinifla daha
   ozgul oldugu icin kazaniyor ve hamburger cizgileri beyaz kaliyordu —
   beyaz sticky barda gorunmez oluyordu. Esit ozgullukte karsiligi: */
.header-sticky .tg-menu-4-right-action .tgmenu-offcanvas-open-btn span {
  background-color: var(--tg-common-black);
}
.header-sticky .logo-1 {
  display: none;
}
.header-sticky .logo-2 {
  display: block !important;
}
.header-sticky .tg-header-logo-bg {
  display: none !important;
}
.header-sticky .tgmenu__navbar-wrap-2 ul li > a {
  padding: 21px 11px;
}
.header-sticky .tgmenu__navbar-wrap > ul > li.active > a,
.header-sticky .tgmenu__navbar-wrap > ul > li:hover > a {
  color: var(--tg-theme-primary);
}
.header-sticky .tg-menu-3-wrap .tgmenu__navbar-wrap > ul > li.active > a,
.header-sticky .tg-menu-3-wrap .tgmenu__navbar-wrap > ul > li:hover > a {
  color: var(--tg-theme-primary);
}
.header-sticky .tg-menu-right-action-3 .tg-header-cart .cart-button {
  color: var(--tg-common-white);
}
.header-sticky .tg-menu-4-right-action .tg-header-cart .cart-button {
  color: var(--tg-common-black);
}

/*=============================
    	19. hero
===============================*/
.tg-hero-slider-active {
  height: 740px;
}
@media (max-width: 575px) {
  .tg-hero-slider-active {
    height: 650px;
  }
}
.tg-hero-arrow-box button {
  border-radius: 100px;
  width: 45px;
  height: 45px;
  background: var(--tg-common-white);
  color: var(--tg-theme-primary);
  text-align: center;
  line-height: 43px;
  top: 59%;
  z-index: 99;
  left: 0;
  position: absolute;
  transform: translateY(-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;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-arrow-box button {
    top: 90%;
  }
}
.tg-hero-arrow-box button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-hero-arrow-box button.tg-hero-prev {
  left: auto;
  right: 40px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-arrow-box button.tg-hero-prev {
    right: 0;
  }
}
.tg-hero-top-shadow {
  position: absolute;
  content: "";
  width: 100%;
  height: 188px;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
  z-index: 0;
}
.tg-hero-bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.tg-hero-bottom-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.tg-hero-bottom-shape-2 .line-1 {
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 5s linear forwards infinite;
}
.tg-hero-bottom-shape .line-1 {
  stroke-dasharray: 2300;
  stroke-dashoffset: 3500;
  animation: dash 5s linear forwards infinite;
}
.tg-hero-bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
  top: 0;
  left: 0;
  z-index: 1;
}
.tg-hero-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: zoom 20s ease-in-out infinite;
  animation: zoom 20s ease-in-out infinite;
}
.tg-hero-content {
  padding-top: 210px;
  padding-bottom: 120px;
}
@media (max-width: 575px) {
  .tg-hero-content {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}
.tg-hero-content-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
.tg-hero-subtitle {
  font-weight: 400;
  color: var(--tg-common-white);
  text-transform: capitalize;
}
.tg-hero-title {
  font-weight: 700;
  font-size: 64px;
  color: var(--tg-common-white);
  border-bottom: 4px solid var(--tg-common-white);
  display: inline-block;
}
@media (max-width: 575px) {
  .tg-hero-title {
    font-size: 40px;
  }
}
.tg-hero-para {
  color: var(--tg-common-white);
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .tg-hero-para br {
    display: none;
  }
}
@media (max-width: 575px) {
  .tg-hero-price-wrap {
    flex-wrap: wrap;
  }
}
.tg-hero-price-wrap p {
  font-weight: 400;
  font-size: 24px;
  color: var(--tg-common-white);
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .tg-hero-price-wrap p {
    margin-bottom: 20px;
  }
}
.tg-hero-price span {
  color: var(--tg-common-white);
}
.tg-hero-price .hero-dolar {
  font-size: 24px;
  transform: translateY(-5px);
  font-weight: 500;
}
.tg-hero-price .hero-price {
  font-weight: 700;
  font-size: 40px;
}
.tg-hero-price .night {
  transform: translateY(5px);
}
.tg-hero-2-content {
  padding: 250px 0 257px 0;
  border-radius: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-2-content {
    padding: 170px 0 170px 0;
  }
}
.tg-hero-2-title {
  font-family: var(--tg-ff-quentin);
  font-weight: 400;
  font-size: 80px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
@media (max-width: 575px) {
  .tg-hero-2-title {
    font-size: 50px;
  }
}
.tg-hero-3-spacing {
  padding-top: 244px;
  padding-bottom: 135px;
}
.tg-hero-3-subtitle {
  font-family: var(--tg-ff-quentin);
  font-weight: 400;
  font-size: 60px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-3-subtitle {
    font-size: 35px;
  }
}
.tg-hero-3-subtitle::before {
  position: absolute;
  content: "";
  border-radius: 100px;
  width: 440px;
  height: 11px;
  background: #3887ff;
  bottom: 13px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-3-subtitle::before {
    display: none;
  }
}
.tg-hero-3-title {
  font-weight: 600;
  font-size: 54px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
@media (max-width: 575px) {
  .tg-hero-3-title {
    font-size: 40px;
  }
}
.tg-hero-4-subtitle {
  font-size: 65px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-4-subtitle {
    font-size: 28px;
  }
}
.tg-hero-4-subtitle::before {
  display: none;
}
.tg-hero-4-title {
  font-size: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-4-title {
    font-size: 30px;
  }
}
/* Slayt aciklamasi: basligin altinda kucuk paragraf.
   .tg-hero-para `text-transform: capitalize` tasiyor — cumle icin yanlis,
   "Peri Bacalarinin Uzerinde Gun Dogumu" gibi her kelimesi buyuk bir metin
   cikariyordu. Burada sifirlaniyor. */
.tg-hero-4-para {
  text-transform: none;
  font-size: 18px;
  line-height: 1.6;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  opacity: 0.92;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-4-para {
    font-size: 15px;
    margin-top: 12px;
  }
}
.tg-hero-4-space {
  padding: 300px 0px 280px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-4-space {
    padding: 200px 0px 160px 0px;
  }
}

/* Hero Slider Wrapper */
.tg-hero-slider-wrapper {
  position: relative;
  overflow: hidden;
}
.tg-hero-slider {
  width: 100%;
  height: 60vh;
  min-height: 600px;
}
.tg-hero-slider .swiper-slide {
  height: 60vh;
  min-height: 600px;
  overflow: hidden;
}
.tg-hero-slider .swiper-slide .tg-hero-area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
.tg-hero-slider .swiper-slide .tg-hero-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.tg-hero-slider .swiper-slide .tg-hero-area > .container {
  position: relative;
  z-index: 2;
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (max-width: 767px) {
  .tg-hero-slider .swiper-slide .tg-hero-area > .container {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tg-hero-slider,
  .tg-hero-slider .swiper-slide {
    height: 70vh;
    min-height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-hero-slider,
  .tg-hero-slider .swiper-slide {
    height: 80vh;
    min-height: 450px;
  }
}

/* Hero Slider Navigation */
.tg-hero-nav-prev,
.tg-hero-nav-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}
.tg-hero-nav-prev:hover,
.tg-hero-nav-next:hover {
  background: rgba(0, 0, 0, 0.6);
}
.tg-hero-nav-prev {
  left: 30px;
}
.tg-hero-nav-next {
  right: 30px;
}
@media (max-width: 767px) {
  .tg-hero-nav-prev,
  .tg-hero-nav-next {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  .tg-hero-nav-prev {
    left: 15px;
  }
  .tg-hero-nav-next {
    right: 15px;
  }
}

/* Hero Slider Pagination */
.tg-hero-pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.tg-hero-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  border-radius: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.tg-hero-pagination .swiper-pagination-bullet-active {
  background: #fff;
  width: 30px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .tg-hero-pagination {
    bottom: 20px;
  }
  .tg-hero-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .tg-hero-pagination .swiper-pagination-bullet-active {
    width: 24px;
  }
}
.tg-hero-5-content .tg-hero-3-subtitle {
  display: inline-block;
  font-size: 50px;
}
.tg-hero-5-content .tg-hero-3-subtitle::before {
  display: none;
}
.tg-hero-5-content .tg-hero-3-title {
  font-size: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-5-content .tg-hero-3-title {
    font-size: 37px;
  }
}
.tg-hero-5-top-shadow {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.52);
  top: 0;
  left: 0;
  z-index: -1;
}
.tg-hero-5-title-shape {
  position: absolute;
  bottom: -22px;
  left: 17%;
}
.tg-hero-5-spacing {
  padding-top: 230px;
  padding-bottom: 160px;
}
.tg-hero-tu-title {
  font-weight: 700;
  font-size: 50px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-tu-title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .tg-hero-tu-title {
    font-size: 25px;
  }
}
.tg-hero-tu-wrapper .tg-hero-title {
  border: none;
  font-size: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-hero-tu-wrapper .tg-hero-title {
    font-size: 44px;
  }
}
@media (max-width: 575px) {
  .tg-hero-tu-wrapper .tg-hero-title {
    font-size: 29px;
  }
}
.tg-hero-tu-wrapper .tg-hero-content {
  padding-top: 225px;
  padding-bottom: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-hero-tu-wrapper .tg-hero-content {
    padding-top: 175px;
    padding-bottom: 120px;
  }
}
@media (max-width: 575px) {
  .tg-hero-tu-wrapper .tg-hero-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.tg-hero-tu-svg {
  position: absolute;
  right: -184px;
  top: 6px;
}
.tg-hero-tu-avatar-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tg-common-white);
  font-family: var(--tg-ff-outfit);
  text-align: left;
}
.tg-hero-tu-2-wrapper {
  padding-top: 140px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-tu-2-wrapper {
    padding-top: 100px;
  }
}
.tg-hero-tu-2-wrapper .tg-hero-3-subtitle::before {
  display: none;
}
.tg-hero-tu-2-wrapper .tg-hero-3-title {
  font-weight: 800;
  font-size: 60px;
  font-family: var(--tg-ff-outfit);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-hero-tu-2-wrapper .tg-hero-3-title {
    font-size: 40px;
  }
}
.tg-hero-tu-2-wrapper .tg-booking-form-3 {
  box-shadow: none;
  padding: 33px 40px 27px 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: 575px) {
  .tg-hero-tu-2-wrapper .tg-booking-form-3 {
    padding: 23px 30px 14px 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: 575px) {
  .tg-hero-tu-2-wrapper .tg-booking-form-parent-inner {
    margin-right: 8px;
  }
}
@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: 575px) {
  .tg-hero-tu-2-wrapper .tg-booking-form-input-group {
    justify-content: center !important;
  }
}
.tg-hero-tu-2-wrapper .tg-booking-form-search-btn .bk-search-button {
  background: var(--tg-theme-primary);
  font-size: 16px;
  text-transform: uppercase;
  font-family: var(--tg-ff-outfit);
  padding: 10px 66px;
}
.tg-hero-tu-2-wrapper .tg-booking-form-title {
  font-family: var(--tg-ff-outfit);
}
.tg-hero-tu-2-wrapper .tg-booking-add-input-field {
  border: 0.6px solid #d7d7d7;
  background: #f3f3f4;
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  font-size: 15px;
  color: #737374;
}
.tg-hero-tu-2-wrapper .tg-booking-add-input-date .input {
  border: 0.6px solid #d7d7d7;
  background: #f3f3f4;
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  font-size: 15px;
}
.tg-hero-tu-2-wrapper .tg-booking-add-input-date .input::placeholder {
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  font-size: 15px;
  color: #737374;
}

/*=============================
    	05. booking
===============================*/
.tg-booking-form-input-group {
  flex-wrap: wrap;
}
@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: 575px) {
  .tg-booking-form-input-group {
    justify-content: flex-start !important;
  }
}
.tg-booking-form-space {
  margin-top: -60px;
  position: relative;
  z-index: 9;
}
.tg-booking-form-wrap {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  background: var(--tg-common-white);
  border: 1px solid #e1e1e1;
  border-radius: 15px;
  padding: 20px 40px 25px 40px;
}
@media (max-width: 575px) {
  .tg-booking-form-wrap {
    padding: 20px 30px 25px 30px;
  }
}
.tg-booking-form-title {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-grey-2);
  display: block;
}
.tg-booking-form-location-list {
  width: 330px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  background: var(--tg-common-white);
  border: 1px solid #e1e1e1;
  border-radius: 15px;
  padding: 6px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
}
.tg-booking-form-location-list.tg-quantity {
  width: 320px;
  left: auto;
  right: 0;
}
@media (max-width: 575px) {
  .tg-booking-form-location-list.tg-quantity {
    width: 285px;
  }
}
.tg-booking-form-location-list.tg-quantity ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tg-booking-form-location-list.tg-list-open {
  opacity: 1;
  visibility: visible;
  margin-top: 6px;
  position: absolute;
  top: 100%;
  z-index: 9;
}
.tg-booking-form-location-list ul li {
  padding: 10px 18px;
  color: var(--tg-grey-4);
  -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;
  border-radius: 10px;
  cursor: pointer;
}
.tg-booking-form-location-list ul li:hover {
  background: var(--tg-grey-3);
}
.tg-booking-form-location-list ul li span {
  font-size: 14px;
  margin-left: 5px;
}
.tg-booking-form-location-list ul li i {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  font-size: 14px;
}
@media (max-width: 767px) {
  .tg-booking-form-search-btn {
    width: 100%;
  }
}
.tg-booking-form-search-btn .bk-search-button {
  background: var(--tg-theme-secondary);
  font-weight: 600;
  font-size: 15px;
  color: var(--tg-common-white);
  border-radius: 8px;
  padding: 10px 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-booking-form-search-btn .bk-search-button {
    padding: 10px 40px;
  }
}
@media (max-width: 767px) {
  .tg-booking-form-search-btn .bk-search-button {
    width: 100%;
  }
}
.tg-booking-form-tabs {
  border-bottom: 2px solid var(--tg-border-1);
  margin-bottom: 25px;
}
.tg-booking-form-tabs .borders {
  background: var(--tg-theme-primary);
  width: 0;
  height: 2px;
  bottom: -1px;
  left: auto;
  right: 0;
  position: absolute;
  -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;
}
.tg-booking-form-tabs .nav-links {
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-grey-4);
  display: flex;
  align-items: center;
  padding: 0 18px;
  position: relative;
  padding-bottom: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-booking-form-tabs .nav-links {
    margin-bottom: 10px;
  }
}
.tg-booking-form-tabs .nav-links.active {
  color: var(--tg-common-black);
}
.tg-booking-form-tabs .nav-links.active .borders {
  width: 100%;
  left: 0;
  right: auto;
}
.tg-booking-form-tabs .nav-links .icon {
  transform: translateY(-1px);
  margin-right: 7px;
}
@media (max-width: 575px) {
  .tg-booking-form-parent-inner {
    width: 100%;
    margin-right: 0;
  }
}
.tg-booking-form-3 {
  background: var(--tg-common-white);
  padding: 23px 30px 14px 30px;
  box-shadow: 10px 12px 0 0 #003a97;
  border-radius: 15px;
}
.tg-booking-form-grid {
  background: var(--tg-common-white);
  border: 1px solid #e1e1e1;
  border-radius: 15px;
  padding: 30px 40px 23px 40px;
}
.tg-booking-form-grid-space {
  margin-top: -90px;
  position: relative;
  z-index: 2;
}
.tg-booking-quantity-item {
  width: 130px;
  position: relative;
}
.tg-booking-quantity-item .tg-quantity-input {
  height: 44px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #e1e1e1;
  background-color: var(--tg-common-white);
  padding: 0 45px;
  width: 100%;
  border-radius: 6px;
}
.tg-booking-quantity-item span {
  width: 35px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: var(--tg-common-black);
  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%);
  transition: all 0.4s ease;
  margin: 0 3px !important;
}
.tg-booking-quantity-item span::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background-color: #e1e1e1;
}
.tg-booking-quantity-item span.decrement {
  right: auto;
  left: 0;
}
.tg-booking-quantity-item span.decrement::before {
  left: auto;
  right: 0;
}
.tg-booking-title-value {
  width: 100%;
  margin-right: 10px;
}
.tg-booking-add-input-field {
  background: var(--tg-grey-3);
  border-radius: 8px;
  padding: 9px 17px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}

.tg-booking-add-input-field span {
  font-size: 13px;
  color: var(--tg-grey-4);
}
.tg-booking-add-input-field span.location {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.tg-booking-add-input-date .input {
  display: inline-block;
  background: var(--tg-grey-3);
  border-radius: 8px;
  padding: 9px 18px;
  padding-right: 50px;
  cursor: pointer;
  border: none;
  width: 216px;
  font-size: 13px;
  height: 44px;
  color: var(--tg-grey-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-booking-add-input-date .input {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .tg-booking-add-input-date .input {
    width: 100%;
  }
}
.tg-booking-add-input-date .input::placeholder {
  font-size: 13px;
  color: var(--tg-grey-4);
}
.tg-booking-add-input-date span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.tg-booking-4-shape {
  position: absolute;
  bottom: 0;
  left: 97px;
  z-index: -1;
  width: 5%;
}
@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: 575px) {
  .tg-booking-4-shape {
    left: 0;
  }
}
.tg-booking-4-shape-2 {
  position: absolute;
  bottom: 0;
  right: 85px;
  z-index: -1;
  width: 9%;
}
@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: 575px) {
  .tg-booking-4-shape-2 {
    right: 0;
  }
}
.tg-booking-5-form-item {
  backdrop-filter: blur(20px);
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.24) 0%,
    rgba(255, 255, 255, 0.11) 100%
  );
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 30px 14px 30px;
  margin-right: 10px;
  margin-left: 10px;
}
.tg-booking-5-form-item .tg-booking-form-title {
  color: var(--tg-common-white);
}
.tg-booking-5-form-item .tg-booking-form-search-btn .bk-search-button {
  background: var(--tg-theme-primary);
}
.tg-booking-tu-wrapper {
  background: var(--tg-common-white);
  text-align: left;
  padding: 13px 14px 3px 26px;
  border-radius: 1000px;
  border: 1px solid var(--tg-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-booking-tu-wrapper {
    border-radius: 10px;
  }
}
@media (max-width: 575px) {
  .tg-booking-tu-wrapper {
    padding: 20px 20px 20px 20px;
  }
}
.tg-booking-tu-wrapper .tg-booking-add-input-field {
  justify-content: left;
}
.tg-booking-tu-wrapper .tg-booking-add-input-field span.location {
  right: auto;
  left: 0;
  color: var(--tg-common-black);
}
.tg-booking-tu-wrapper .tg-booking-title-value {
  margin-left: 16px;
  margin-right: 20px;
  color: var(--tg-common-black);
  font-family: var(--tg-ff-outfit);
  font-size: 16px !important;
}
.tg-booking-tu-wrapper .tg-booking-add-input-field {
  padding: 0;
  width: auto;
  background: transparent;
  padding-left: 5px;
}
.tg-booking-tu-wrapper .tg-booking-add-input-date .input {
  width: 141px;
  padding: 0;
  background: none;
  padding-left: 24px;
  color: #353844;
  font-family: var(--tg-ff-outfit);
  font-size: 16px !important;
  height: 22px;
}
.tg-booking-tu-wrapper .tg-booking-add-input-date .input::placeholder {
  color: #353844;
  font-family: var(--tg-ff-outfit);
  font-size: 16px !important;
}
.tg-booking-tu-wrapper .tg-booking-add-input-date span {
  right: auto;
  left: 0;
  color: #353844;
}
.tg-booking-tu-wrapper .tg-booking-add-input-date span.angle-down {
  right: 0;
  left: auto;
  top: 57%;
}
@media (max-width: 575px) {
  .tg-booking-tu-wrapper .tg-booking-add-input-date span.angle-down {
    right: -10px;
  }
}
.tg-booking-tu-wrapper .tg-booking-form-title {
  line-height: 1;
  margin-left: 23px;
  color: #7e8395;
  font-size: 14px;
}
.tg-booking-tu-wrapper .tg-booking-form-search-btn .bk-search-button {
  padding: 9px 32px;
  border-radius: 100px;
  background: var(--tg-theme-primary);
}
.tg-booking-tu-wrapper .tg-booking-form-search-btn .bk-search-button-2 {
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-booking-tu-wrapper .tg-booking-form-input-group {
    justify-content: space-between !important;
  }
}
@media (max-width: 575px) {
  .tg-booking-tu-wrapper .tg-booking-add-input-date {
    display: inline-block;
  }
}

/*=============================
    15. flatpicker
===============================*/
.flatpickr-calendar {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  background: var(--tg-common-white);
  border: 1px solid #e1e1e1;
  border-radius: 15px;
}
.flatpickr-calendar.open {
  padding: 30px;
  width: 384px;
  margin-top: 5px;
  padding-top: 20px;
  padding-bottom: 35px;
}
@media (max-width: 575px) {
  .flatpickr-calendar.open {
    width: 340px;
  }
}
.flatpickr-calendar.open::after {
  display: none !important;
}
.flatpickr-calendar.open .flatpickr-months {
  margin-bottom: 13px;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month {
  line-height: 35px;
  padding: 0;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month {
  top: 20px;
  left: 35px;
  transition: 0.3s;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month svg {
  width: 18px;
  height: 18px;
  fill: #57595f;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-prev-month svg path {
  fill: #57595f;
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-prev-month:hover
  svg
  path {
  fill: var(--tg-common-black);
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month {
  top: 20px;
  right: 35px;
  transition: 0.3s;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month svg {
  width: 18px;
  height: 18px;
  fill: #57595f;
}
.flatpickr-calendar.open .flatpickr-months .flatpickr-next-month svg path {
  fill: #57595f;
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-next-month:hover
  svg
  path {
  fill: var(--tg-common-black);
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tg-common-black);
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month
  .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month
  .flatpickr-monthDropdown-months {
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month
  input.cur-year {
  font-size: 18px;
  font-weight: 400;
  color: #1e1e2f;
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month
  .numInputWrapper
  span {
  display: none;
}
.flatpickr-calendar.open
  .flatpickr-months
  .flatpickr-month
  .flatpickr-current-month
  .numInputWrapper:hover {
  background: transparent;
}
.flatpickr-calendar.open .flatpickr-innerContainer {
  justify-content: center;
}
.flatpickr-calendar.open .dayContainer {
  justify-content: center;
}
.flatpickr-calendar.open .flatpickr-days {
  padding-top: 2px;
}
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-weekdaycontainer
  span {
  color: #57595f;
  font-size: 15px;
  font-weight: 400;
}
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.prevMonthDay,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.nextMonthDay,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.notAllowed,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.notAllowed.nextMonthDay {
  color: #9d9c9d;
}
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day {
  border: 1px solid var(--tg-border-2);
  border-radius: 0;
  width: 46px;
  max-width: 46px;
  margin-right: -1px;
  height: 44px;
  margin-top: -1px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--tg-common-black);
}
@media (max-width: 575px) {
  .flatpickr-calendar.open
    .flatpickr-innerContainer
    .flatpickr-days
    .flatpickr-day {
    width: 40px;
    max-width: 40px;
    height: 40px;
  }
}
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.today,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.selected {
  color: var(--tg-common-white);
  background-color: var(--tg-theme-primary);
  border: none;
}
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:hover {
  color: var(--tg-common-white);
  background-color: var(--tg-theme-primary);
}
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.today:hover {
  color: var(--tg-common-white);
  background-color: var(--tg-theme-primary);
  border: none;
}
.flatpickr-calendar .flatpickr-weekdays {
  display: none;
}
.flatpickr-calendar.arrowTop::before {
  content: none;
}

.calender-active.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.today:hover {
  color: var(--tg-common-white);
  background-color: var(--tg-common-falured);
}

.calender-active.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.today,
.flatpickr-calendar.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day.selected {
  color: var(--tg-common-white);
  background-color: var(--tg-common-falured);
}

.calender-active.open
  .flatpickr-innerContainer
  .flatpickr-days
  .flatpickr-day:hover {
  color: var(--tg-common-white);
  background-color: var(--tg-common-falured);
}

.calender-active.open {
  box-shadow: 0 10px 20px 4px rgba(20, 20, 20, 0.14);
  background: #faf5ef;
}

.flatpickr-current-month .nice-select::after {
  display: none;
}

/*=============================
    	01. about
===============================*/
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-about-thumb-wrap img {
    margin-bottom: 30px;
    width: 100%;
  }
}
.tg-about-thumb-2 {
  float: right;
  margin-right: -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: 575px) {
  .tg-about-thumb-2 {
    margin: 0;
  }
}
.tg-about-thumb-4 {
  margin-left: -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: 575px) {
  .tg-about-thumb-4 {
    margin: 0;
  }
}
.tg-about-content {
  margin: 0 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: 575px) {
  .tg-about-content {
    margin: 0;
  }
}
.tg-about-details-shape {
  right: 0;
  bottom: 0;
}
.tg-about-details-map {
  top: 0;
  right: -30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-about-details-map {
    right: 0;
  }
}
.tg-about-su-shape {
  position: absolute;
  top: 128px;
  right: 6px;
}
.tg-about-su-shape-2 {
  position: absolute;
  left: 100px;
  top: 30px;
}
.tg-about-su-funfact-wrap {
  display: flex;
  column-gap: 60px;
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .tg-about-su-funfact-wrap {
    column-gap: 40px;
  }
}
.tg-about-su-funfact-icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.tg-about-su-funfact-text h3 {
  font-family: var(--tg-ff-outfit);
  font-weight: 700;
  font-size: 30px;
  text-transform: capitalize;
}
.tg-about-su-funfact-text span {
  font-family: var(--tg-ff-outfit);
  font-size: 17px;
  text-transform: capitalize;
  color: #353844;
}
.tg-about-su-author-avatar img {
  border-radius: 50%;
}
.tg-about-su-author-info h5 {
  font-family: var(--tg-ff-outfit);
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.tg-about-su-author-info span {
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-about-su-author-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tg-about-su-right-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 10%;
}
@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: 575px) {
  .tg-about-su-content-wrap {
    margin-left: 0;
  }
}

/*=============================
    	20. listing
===============================*/
.tg-listing-card-thumb {
  border-radius: 12px 12px 0px 0px;
  position: relative;
}
.tg-listing-card-thumb::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 98px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 75%
  );
  transform: rotate(180deg);
  z-index: 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;
}
.tg-listing-card-thumb .shape {
  background-image: url(../img/listing/angle.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.tg-listing-card-thumb .shape-2 {
  background-image: url(../img/listing/angle-2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.tg-listing-card-thumb .shape-3 {
  background-image: url(../img/listing/angle-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.tg-listing-card-thumb .shape-3 svg {
  margin-right: 4px;
}
.tg-listing-card-thumb .shape-4 {
  background-image: url(../img/listing/listing-5/shape-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.tg-listing-card-thumb .tg-card-border {
  border-radius: 12px 12px 0px 0px;
  -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;
}
.tg-listing-card-thumb img {
  -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;
  border-radius: 12px 12px 0px 0px;
}
.tg-listing-card-duration-tour span {
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  align-items: center;
}
.tg-listing-card-duration-tour span svg {
  margin-right: 5px;
}
.tg-listing-card-title {
  font-weight: 600;
  line-height: 133%;
  text-transform: capitalize;
}
.tg-listing-card-title:hover a {
  color: var(--tg-theme-primary);
}
.tg-listing-card-item {
  background: var(--tg-common-white);
  border: 1px solid var(--tg-border-3);
  border-radius: 12px;
}
.tg-listing-card-item:hover .tg-listing-card-thumb::before {
  opacity: 1;
  visibility: visible;
}
.tg-listing-card-item:hover .tg-listing-card-thumb img {
  transform: scale(1.1);
}
.tg-listing-card-currency-amount {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
.tg-listing-card-currency-old {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  color: #dbe6f7;
  display: block;
}
.tg-listing-card-activity-person {
  font-weight: 500;
  font-size: 12px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  line-height: 22px;
}
.tg-listing-card-price-wrap {
  height: 50px;
  padding: 5px 29px 5px 23px;
}
.tg-listing-card-price-wrap.price-bg {
  background-image: url(../img/listing/angle-4.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0px 0px 0px 12px;
  width: 158px;
}
.tg-listing-card-content {
  padding: 0px 18px 14px 25px;
}
.tg-listing-card-review.space {
  padding: 10px 17px 10px 10px;
}
.tg-listing-rating-icon {
  color: var(--tg-common-yellow);
  font-size: 14px;
}
.tg-listing-rating-percent {
  font-size: 13px;
  line-height: 24px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-listing-item-price-discount {
  position: absolute;
  top: 17px;
  left: 0;
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  padding: 6px 20px 6px 14px;
  line-height: 1;
  display: inline-block;
}
.tg-listing-item-price-discount.offer-btm {
  top: 47px;
}
.tg-listing-item-wishlist a {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--tg-common-white);
  text-align: center;
  line-height: 33px;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}
.tg-listing-item-wishlist a:hover {
  color: var(--tg-theme-primary);
}
.tg-listing-item-wishlist a img {
  transition:
    filter 0.2s ease,
    transform 0.2s ease;
}
.tg-listing-item-wishlist a.fav-toggle.active,
.tg-listing-item-wishlist a.fav-toggle.is-fav {
  background: #e53935 !important;
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.35);
}
.tg-listing-item-wishlist a.fav-toggle:hover {
  background: #ff3c5a;
  box-shadow: 0 4px 12px rgba(229, 57, 53, 0.25);
}
.tg-listing-item-wishlist a.fav-toggle:hover img {
  filter: brightness(0) invert(1);
}
.tg-listing-item-wishlist a.fav-toggle.active img,
.tg-listing-item-wishlist a.fav-toggle.is-fav img {
  filter: brightness(0) invert(1) !important;
}
.tg-listing-item-wishlist a.fav-toggle.active:hover,
.tg-listing-item-wishlist a.fav-toggle.is-fav:hover {
  background: #c62828 !important;
}
.tg-listing-item-wishlist a.fav-toggle:active img {
  transform: scale(0.9);
}
@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: 575px) {
  .tg-listing-item-box-wrap {
    margin-left: 0;
  }
}
.tg-listing-menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.tg-listing-menu-nav button {
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  padding: 0 17px;
  border-bottom: 4px solid #e1e1e1;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 10px;
}
.tg-listing-menu-nav button .icon {
  transform: translateY(-1px);
  display: inline-block;
}
.tg-listing-menu-nav button .borders {
  background: var(--tg-theme-primary);
  width: 0;
  height: 4px;
  bottom: -4px;
  left: auto;
  right: 0;
  position: absolute;
  -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;
}
.tg-listing-menu-nav button.active .borders {
  width: 100%;
  left: 0;
  right: auto;
}
.tg-listing-shape {
  position: absolute;
  top: 0;
  right: 172px;
  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: 575px) {
  .tg-listing-shape {
    right: 0;
  }
}
.tg-listing-shape-2 {
  position: absolute;
  top: 216px;
  right: 61px;
}
@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: 575px) {
  .tg-listing-shape-2 {
    right: 0;
  }
}
.tg-listing-shape-3 {
  position: absolute;
  bottom: 0;
  left: 33px;
}
@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: 575px) {
  .tg-listing-shape-3 {
    left: 0;
  }
}
.tg-listing-avai-btn {
  font-size: 14px;
  color: var(--tg-theme-primary);
  border-radius: 6px;
  padding: 5px 15px;
  background: #f0e9ff;
  display: inline-block;
  transition: all 0.4s ease;
}
.tg-listing-avai-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-listing-2-card-item {
  border-radius: 30px;
}
.tg-listing-2-card-item .tg-card-border {
  border-radius: 30px 30px 0px 0px;
}
.tg-listing-2-card-item:hover .tg-listing-card-thumb img {
  transform: scale(1);
}
.tg-listing-2-card-item .tg-listing-card-thumb::before {
  display: none;
}
.tg-listing-2-card-item .tg-listing-card-title {
  line-height: 122%;
  margin-bottom: 3px;
}
.tg-listing-2-card-item .tg-listing-card-content {
  padding: 0px 18px 0px 25px;
}
.tg-listing-2-card-item .tg-listing-item-price-discount {
  top: 26px;
}
.tg-listing-2-card-item .tg-listing-rating-icon {
  font-size: 12px;
}
.tg-listing-2-shape {
  position: absolute;
  top: 90px;
  left: 0;
  z-index: -1;
}
.tg-listing-2-shape-2 {
  position: absolute;
  left: 90px;
  bottom: 0;
  z-index: -1;
}
@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: 575px) {
  .tg-listing-2-shape-2 {
    left: 0;
  }
}
.tg-listing-2-shape-3 {
  position: absolute;
  right: 0;
  bottom: 260px;
  z-index: -1;
}
.tg-listing-2-price {
  font-weight: 600;
  text-transform: capitalize;
  color: var(--tg-common-white);
  border: 1px solid var(--tg-common-white);
  border-radius: 100px;
  padding: 1px 15px;
  display: inline-block;
  background: var(--tg-theme-primary);
  position: relative;
}
.tg-listing-2-price span {
  display: inline-block;
}
.tg-listing-2-price del {
  color: #dbe6f7;
  font-size: 12px;
  font-weight: 500;
}
.tg-listing-2-price .shift {
  font-size: 12px;
}
.tg-listing-2-price-wrap {
  margin-top: -20px;
  margin-bottom: 16px;
}
.tg-listing-2-mask {
  position: absolute;
  bottom: -1px;
  left: -2px;
  right: -2px;
  width: 102%;
  display: block;
}
.tg-listing-2-mask img {
  border-radius: 0 !important;
}
.tg-listing-3-card-item .tg-listing-card-thumb::before {
  opacity: 1;
  visibility: visible;
}
.tg-listing-3-card-item .tg-listing-card-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  height: 2px;
  width: 70%;
  background: var(--tg-theme-primary);
  z-index: 1;
}
.tg-listing-3-card-item .tg-listing-2-price {
  position: absolute;
  bottom: 0;
  left: 24px;
  z-index: 2;
  background: none;
  border: none;
  background-image: url(../img/listing/listing-3/rectangle.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0px;
  width: auto;
  font-size: 18px;
  padding: 5px 25px 2px 10px;
}
.tg-listing-3-card-item .tg-listing-2-price del {
  font-size: 14px;
  transform: translateY(-1px);
  display: inline-block;
  color: #dbe6f7;
}
.tg-listing-3-card-item .tg-listing-2-price .shift {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  transform: translateY(-2px);
}
.tg-listing-3-shape {
  position: absolute;
  right: 63px;
  bottom: 135px;
  z-index: -1;
  width: 13%;
}
.tg-listing-4-shape {
  bottom: 0;
}
.tg-listing-4-card-item .tg-listing-2-price {
  position: absolute;
  bottom: 16px;
  left: 21px;
  z-index: 3;
  border: none;
  border-radius: 6px;
  padding: 2px 9px 0px 9px;
}
.tg-listing-4-card-item .tg-listing-2-price .new {
  font-size: 18px;
}
.tg-listing-4-card-item .tg-listing-2-price .shift {
  font-weight: 400;
  transform: translateY(-2px);
}
.tg-listing-4-card-item .tg-listing-2-price del {
  transform: translateY(-1px);
  display: inline-block;
}
.tg-listing-4-card-item .tg-listing-item-wishlist a {
  position: inherit;
  border: 1px solid #d9d9d9;
  display: inline-block;
  line-height: 35px;
  width: 36px;
  height: 36px;
}
.tg-listing-4-card-item .tg-listing-card-content {
  padding: 0px 24px 22px 24px;
}
.tg-listing-4-pagination .swiper-pagination-bullet {
  margin: 0 3px !important;
  width: 10px;
  height: 10px;
  background: #cdd7e9;
  opacity: 1;
  transition: all 0.4s ease;
}
.tg-listing-4-pagination .swiper-pagination-bullet-active {
  width: 26px;
  background: var(--tg-theme-primary);
  border-radius: 100px;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-listing-5-slider-navigation {
    text-align: left !important;
  }
}
.tg-listing-5-slider-navigation button {
  border-radius: 6px;
  width: 50px;
  height: 50px;
  color: var(--tg-common-black);
  text-align: center;
  line-height: 50px;
  border: 1px solid var(--tg-border-3);
  background: var(--tg-common-white);
  transition: all 0.4s ease;
}
.tg-listing-5-slider-navigation button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  border-color: var(--tg-theme-primary);
}
.tg-listing-5-card-item .tg-listing-2-price {
  position: absolute;
  bottom: 16px;
  left: 21px;
  z-index: 3;
  border: none;
  border-radius: 6px;
  padding: 0px 9px 2px 9px;
  background: var(--tg-common-white);
}
.tg-listing-5-card-item .tg-listing-2-price .text {
  color: var(--tg-common-black);
  font-weight: 500;
  font-size: 12px;
  line-height: 200%;
  text-transform: capitalize;
}
.tg-listing-5-card-item .tg-listing-card-price .form {
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
  color: #767676;
}
.tg-listing-5-card-item .tg-listing-card-price .price {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
}
.tg-listing-5-card-item .tg-listing-card-duration-map {
  font-size: 14px;
}
.tg-listing-5-card-item .tg-listing-card-content {
  padding: 0px 18px 24px 25px;
}
.tg-listing-5-card-item .tg-listing-card-thumb .closed {
  background-image: url(../img/listing/listing-5/shape-1.png);
}
.tg-listing-5-card-item .tg-listing-item-price-discount.offer-btm {
  top: 45px;
}
.tg-listing-5-card-item .tg-listing-item-price-discount.offer-btm-2 {
  top: 75px;
}
.tg-listing-sort span,
.tg-listing-sort a {
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-grey-1);
  transition: all 0.4s ease;
}
.tg-listing-sort a:hover {
  color: var(--tg-theme-primary);
}
.tg-listing-select-price .nice-select {
  border-radius: 6px;
  width: 179px;
  line-height: 33px;
  height: 36px;
  background: #f3f3f4;
  color: var(--tg-grey-1);
  font-weight: 400;
  font-size: 14px;
  padding: 0px 15px;
  text-transform: capitalize;
}
@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: 575px) {
  .tg-listing-select-price .nice-select {
    width: 170px;
  }
}
.tg-listing-select-price .nice-select::after {
  color: var(--tp-grey-1);
  font-size: 14px;
  font-weight: 600;
  right: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-listing-box-number-found {
    text-align: right;
  }
}
.tg-listing-box-number-found span {
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-listing-box-view button {
  border: 1px solid #c9ced7;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--tg-common-white);
  transition: all 0.3s ease;
}
.tg-listing-box-view button.active {
  background: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
  color: var(--tg-common-white);
}

.tg-listing-box-view button.active img {
  filter: brightness(0) invert(1);
}

.tg-listing-booking-shadow {
  box-shadow: 0 5px 0 0 #d6d6d6;
}
.tg-listing-map-list-wrap {
  margin-right: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-listing-map-list-wrap {
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tg-listing-map-booking {
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-listing-map-booking {
    padding-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: 575px) {
  .tg-listing-map-booking {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-listing-map-booking .tg-booking-add-input-field {
    width: 199px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-listing-map-booking .tg-booking-add-input-date .input {
    width: 199px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-listing-map-booking .bk-search-button {
    padding: 10px 63px;
  }
}
@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: 575px) {
  .tg-listing-map-booking .tg-booking-form-input-group {
    justify-content: flex-start !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: 575px) {
  .tg-listing-map-booking .tg-booking-form-location-list.tg-quantity {
    left: 0;
    right: auto;
  }
}
.tg-listing-map-filter {
  display: flex;
  flex-wrap: wrap;
}
.tg-listing-map-filter .nice-select {
  width: auto;
  line-height: 31px;
  height: 34px;
  background: transparent;
  color: var(--tg-grey-1);
  font-weight: 400;
  font-size: 14px;
  padding: 0px 10px;
  padding-right: 37px;
  text-transform: capitalize;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  margin-right: 8px;
}
.tg-listing-map-filter .nice-select:after {
  right: 10px;
  font-size: 15px;
  color: var(--tp-grey-1);
}
.tg-listing-map-filter .nice-select .option {
  padding-left: 5px;
  padding-right: 5px;
  min-height: 30px;
  line-height: 30px;
}
.tg-listing-map-filter .nice-select.item-first {
  padding-right: 55px;
}
.tg-listing-map-filter-bottom .tg-listing-box-number-found span {
  font-weight: 500;
  font-size: 18px;
}
.tg-listing-map-filter-bottom .tg-listing-select-price .nice-select {
  border: none;
}
@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: 575px) {
  .tg-listing-map-filter-bottom .tg-listing-box-view-type {
    justify-content: flex-start !important;
  }
}
.tg-listing-map-filter-bottom .tg-listing-box-number-found {
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-listing-map-filter-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.tg-listing-map-list-item .tg-listing-card-item {
  display: flex;
  padding: 24px 30px 9px 24px;
  border-radius: 12px;
  width: 100%;
}
@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: 575px) {
  .tg-listing-map-list-item .tg-listing-card-item {
    flex-wrap: wrap;
  }
}
@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) {
  .tg-listing-map-list-item .tg-listing-card-item {
    padding: 24px 24px 9px 24px;
  }
}
@media (max-width: 575px) {
  .tg-listing-map-list-item .tg-listing-card-item {
    padding: 15px 15px 0 15px;
  }
}
.tg-listing-map-list-item .tg-listing-card-content {
  padding: 0;
  padding-left: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-listing-map-list-item .tg-listing-card-content {
    padding-left: 0;
  }
}
.tg-listing-map-list-item .tg-listing-map-list-para {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-listing-map-list-item .destination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tg-listing-map-list-item .destination span {
  font-size: 14px;
  text-transform: capitalize;
  margin-right: 18px;
  margin-bottom: 5px;
}
.tg-listing-map-list-item .destination span svg {
  transform: translateY(-2px);
  margin-right: 3px;
}
.tg-listing-map-list-item .tg-listing-card-thumb {
  border-radius: 10px;
  width: 56%;
}
@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: 575px) {
  .tg-listing-map-list-item .tg-listing-card-thumb {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-listing-map-list-item .tg-listing-card-thumb {
    width: 115%;
  }
}
.tg-listing-map-list-item .tg-listing-card-thumb .tg-card-border {
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}
.tg-listing-map-list-item .tg-listing-2-price {
  position: inherit;
  padding: 5px 9px 1px 9px;
}
@media (max-width: 575px) {
  .tg-listing-map-list-item .tg-listing-2-price {
    margin-bottom: 10px;
  }
}
.tg-listing-map-list-item .tg-listing-map-list-border {
  display: block;
  border: 1px solid var(--tg-border-3);
  width: 100%;
  height: 1px;
}
@media (max-width: 575px) {
  .tg-listing-map-list-item .tg-listing-avai {
    flex-wrap: wrap;
  }
}
.tg-listing-su-card-item {
  border-radius: 24px;
}
.tg-listing-su-card-item .tg-listing-item-price-discount {
  background: var(--tg-theme-primary);
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  padding: 8px 10px;
  top: 33px;
  left: 40px;
  z-index: 2;
}
.tg-listing-su-card-item .tg-listing-card-thumb::before {
  opacity: 1;
  visibility: visible;
  top: 0;
  bottom: auto;
  left: 0;
  height: 100%;
  transform: rotate(0deg);
}
.tg-listing-su-card-item .tg-listing-card-thumb {
  border-radius: 24px 24px 0px 0px;
}
.tg-listing-su-card-item .tg-listing-card-thumb .tg-card-border {
  border-radius: 24px 24px 0px 0px;
}
.tg-listing-su-card-item .tg-listing-item-wishlist a {
  top: 30px;
  right: 36px;
  width: 36px;
  height: 36px;
  z-index: 2;
}
.tg-listing-su-card-item .tg-listing-card-duration-tour span {
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-listing-su-card-item .tg-listing-card-title {
  font-size: 22px;
  line-height: 30px;
  font-family: var(--tg-ff-outfit);
}
@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: 575px) {
  .tg-listing-su-card-item .tg-listing-card-title {
    font-size: 20px;
  }
}
.tg-listing-su-card-item .tg-listing-card-currency-amount {
  font-weight: 600;
  font-size: 24px;
  color: var(--tg-theme-primary);
}
.tg-listing-su-card-item .tg-listing-card-currency-amount .currency-symbol {
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-listing-su-card-item .tg-listing-rating-icon {
  font-family: var(--tg-ff-outfit);
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-listing-su-card-item .tg-listing-rating-icon i {
  color: var(--tg-common-yellow);
}
.tg-listing-su-card-item .tg-listing-rating-percent {
  color: #8f939f;
  font-family: var(--tg-ff-outfit);
  font-size: 15px;
}
.tg-listing-su-card-item .tg-listing-card-price-wrap {
  height: auto;
  padding: 0;
}
.tg-listing-su-card-item .tg-listing-card-content {
  padding: 0px 40px 30px 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 575px) {
  .tg-listing-su-card-item .tg-listing-card-content {
    padding: 0px 20px 20px 20px;
  }
}
.tg-listing-su-shape {
  position: absolute;
  top: 347px;
  left: 53px;
}
.tg-listing-su-shape-2 {
  position: absolute;
  right: 65px;
  bottom: 320px;
}
@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) {
  .tg-listing-su-shape-2 {
    right: 0;
    width: 100px;
  }
}
.tg-listing-su-spacing {
  padding-bottom: 253px;
}
.tg-listing-su-2-shape {
  bottom: 0;
  left: 80px;
}

.list-card.list-card-open .tg-grid-full {
  width: 100%;
}
.list-card.list-card-open .tg-grid-full .tg-listing-card-item {
  display: flex;
}
.list-card.list-card-open .tg-grid-full .tg-listing-card-thumb {
  border-radius: 12px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .list-card.list-card-open .tg-grid-full .tg-listing-card-review.space {
    padding: 8px 8px 10px 0px;
  }
}
.list-card.list-card-open .tg-grid-full .tg-listing-card-content {
  padding: 20px 18px 14px 25px;
}
.list-card.list-card-open .tg-grid-full .tg-listing-card-price {
  padding-left: 25px;
}
.list-card.list-card-open .tg-grid-full .tg-listing-main-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list-card.list-card-open .tg-grid-full .tg-listing-card-thumb img {
  height: 100%;
  object-fit: cover;
}
.list-card.list-card-open .tg-grid-full .tg-listing-2-price-wrap {
  margin-top: 0;
  text-align: left !important;
}
.list-card.list-card-open .tg-grid-full .tg-listing-2-mask {
  display: none;
}
.list-card.list-card-open
  .tg-grid-full
  .tg-listing-2-card-item
  .tg-card-border {
  border-radius: 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: 575px) {
  .list-card.list-card-open .tg-grid-full .tg-listing-2-card-thumb {
    width: 400px;
  }
}
@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: 575px) {
  .list-card.list-card-open
    .tg-grid-full
    .tg-listing-2-card-item
    .tg-listing-card-content {
    width: 100%;
  }
}
@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: 575px) {
  .list-card.list-card-open .tg-grid-full .tg-listing-4-card-thumb {
    width: 400px;
  }
}
@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: 575px) {
  .list-card.list-card-open
    .tg-grid-full
    .tg-listing-4-card-item
    .tg-listing-card-content {
    width: 100%;
  }
}

.rounded-circale {
  border-radius: 50%;
}

/*=============================
    	07. chose
===============================*/
.tg-chose-list-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 575px) {
  .tg-chose-section-title h2 br {
    display: none;
  }
}
.tg-chose-shape {
  left: 0;
  bottom: 70px;
  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: 575px) {
  .tg-chose-shape-2 {
    margin-left: 0;
  }
}
.tg-chose-right {
  margin-right: 50px;
  margin-left: 33px;
}
@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: 575px) {
  .tg-chose-right {
    margin-right: 0;
    margin-left: 0;
  }
}
.tg-chose-thumb {
  margin-right: -143px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-chose-thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-chose-thumb {
    margin-bottom: 20px;
  }
}
.tg-chose-big-text {
  position: absolute;
  top: 36%;
  left: 103%;
  -webkit-transform: rotate(-90deg) translateY(-188px);
  -moz-transform: rotate(-90deg) translateY(-188px);
  -ms-transform: rotate(-90deg) translateY(-188px);
  -o-transform: rotate(-90deg) translateY(-188px);
  transform: rotate(-90deg) translateY(-188px);
  z-index: -1;
}
@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: 575px) {
  .tg-chose-big-text {
    left: 98%;
  }
}
@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: 575px) {
  .tg-chose-big-text {
    left: 106%;
  }
}
.tg-chose-big-text h2 {
  font-weight: 600;
  font-size: 130px;
  text-transform: uppercase;
  font-family: var(--tg-ff-chillax);
  position: relative;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--tg-grey-4);
  -webkit-text-stroke-width: 1px;
}
@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: 575px) {
  .tg-chose-big-text h2 {
    font-size: 100px;
  }
}
@media (max-width: 575px) {
  .tg-chose-big-text h2 {
    font-size: 60px;
  }
}
.tg-chose-big-text h2::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tg-theme-primary);
  -webkit-text-stroke-color: var(--tg-theme-primary);
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 2s ease-out 0s;
  -moz-transition: all 2s ease-out 0s;
  -ms-transition: all 2s ease-out 0s;
  -o-transition: all 2s ease-out 0s;
  transition: all 2s ease-out 0s;
  -moz-animation: about-text 2s ease-in-out 1s forwards infinite
    alternate-reverse;
  -webkit-animation: about-text 2s ease-in-out 1s forwards infinite
    alternate-reverse;
  animation: about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
}
.tg-chose-2-thumb img {
  border-radius: 20px;
  object-fit: cover;
}
.tg-chose-2-content {
  background: var(--tg-theme-primary);
  border-radius: 20px;
  padding: 51px 44px 30px 44px;
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-chose-2-content {
    padding: 51px 20px 30px 20px;
  }
}
.tg-chose-2-content p {
  text-transform: capitalize;
  color: var(--tg-common-white);
  line-height: 26px;
}
.tg-chose-2-shape {
  position: absolute;
  left: 0;
  top: 40%;
  z-index: -1;
}
.tg-chose-2-box-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 0 0 20px 0;
}
.tg-chose-2-title {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
.tg-chose-2-title a:hover {
  color: var(--tg-common-white);
  opacity: 0.6;
}
.tg-chose-3-left {
  padding-right: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-chose-3-left {
    padding-right: 0;
  }
}
.tg-chose-3-map {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: -52px;
}
.tg-chose-3-shape {
  position: absolute;
  right: 32px;
  bottom: 0;
  width: 17%;
  z-index: -1;
}
.tg-chose-3-rounded {
  display: inline-block;
  margin-left: 63px;
}
@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: 575px) {
  .tg-chose-3-rounded {
    margin-left: 0;
  }
}
.tg-chose-3-star {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
.tg-chose-3-thumb .main-thumb {
  box-shadow: -10px 13px 20px 0 rgba(0, 0, 0, 0.1);
  background: #f2f2f2;
  transform: rotate(-4deg);
  border: 8px solid var(--tg-common-white);
  border-radius: 20px;
  max-width: 288px;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .tg-chose-3-thumb .main-thumb {
    max-width: 100%;
  }
}
.tg-chose-3-thumb-2 {
  box-shadow: -10px 13px 20px 0 rgba(0, 0, 0, 0.1);
  border: 8px solid var(--tg-common-white);
  border-radius: 20px;
  background: #f2f2f2;
  transform: rotate(3deg);
}
@media (max-width: 575px) {
  .tg-chose-3-thumb-2 {
    max-width: 100%;
  }
}
.tg-chose-4-right {
  padding-right: 0;
  padding-left: 55px;
}
@media (max-width: 575px) {
  .tg-chose-4-right {
    padding-left: 55px;
  }
}
.tg-chose-4-shape {
  position: absolute;
  left: 0;
  bottom: 85px;
  z-index: -1;
  width: 13%;
}
.tg-chose-5-list-wrap {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-chose-5-list-wrap {
    margin-right: 0;
  }
}
.tg-chose-5-list-wrap .tg-chose-list-icon {
  width: 68px;
  flex: 0 0 auto;
}
.tg-chose-5-text-round {
  position: absolute;
  left: -100px;
  bottom: 90px;
}
.tg-chose-5-text-round .tg-chose-3-rounded {
  margin-left: 0;
}
.tg-chose-5-thumb img {
  border-radius: 20px;
}
@media (max-width: 575px) {
  .tg-chose-5-thumb img {
    width: 100%;
    margin-bottom: 20px;
  }
}
.tg-chose-5-thumb-2 img {
  border-radius: 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: 575px) {
  .tg-chose-5-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-chose-5-para {
    margin-bottom: 30px;
  }
}
.tg-chose-5-map-shape {
  position: absolute;
  right: 0;
  bottom: 92px;
  width: 16%;
  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: 575px) {
  .tg-chose-content {
    margin-left: 0;
  }
}
.tg-chose-6-totle {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
.tg-chose-6-shape {
  position: absolute;
  bottom: 14%;
  width: 12%;
}
@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: 575px) {
  .tg-chose-6-shape {
    bottom: 0;
  }
}
.tg-chose-6-wrap {
  padding: 40px 40px 15px 40px;
  box-shadow: 0 4px 50px 0 #e5e5e5;
  border-radius: 15px;
  background: var(--tg-common-white);
}
.tg-chose-6-wrap .icon {
  border-radius: 10px;
  background: #f0e9ff;
  width: 60px;
  height: 60px;
  text-align: center;
  display: inline-block;
  line-height: 60px;
}
.tg-chose-6-wrap p {
  line-height: 28px;
}
.tg-chose-su-wrap .tg-chose-2-content {
  background: var(--tg-grey-8);
  overflow: hidden;
}
.tg-chose-su-wrap .tg-chose-2-title {
  font-family: var(--tg-ff-outfit);
  color: var(--tg-common-black);
}
.tg-chose-su-wrap .tg-chose-2-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-chose-su-wrap .tg-chose-2-content p {
  color: var(--tg-grey-1);
  line-height: 26px;
}
.tg-chose-su-2-wrap {
  background: #f6f4fa;
}
.tg-chose-su-2-wrap .tg-chose-list-title {
  font-family: var(--tg-ff-outfit);
  font-size: 22px;
  font-weight: 700;
}
.tg-chose-su-2-wrap .tg-chose-list-content p {
  font-family: var(--tg-ff-outfit);
  text-transform: capitalize;
}
.tg-chose-su-2-wrap .tg-chose-list-icon.mr-20 {
  width: 60px;
  display: inline-block;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-chose-su-2-wrap .tg-chose-list-wrap {
    margin-top: 30px;
    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: 575px) {
  .tg-chose-su-2-wrap .tg-chose-list-wrap {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .tg-chose-su-2-wrap .tg-chose-su-2-main-thumb {
    padding-left: 0;
  }
}
.tg-chose-su-2-thumb {
  border: 8px solid var(--tg-common-white);
  border-radius: 17px;
}
.tg-chose-su-2-thumb img {
  border-radius: 15px;
}
.tg-chose-su-2-main-thumb {
  margin-right: -70px;
  padding-left: 35px;
}
@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: 575px) {
  .tg-chose-su-2-main-thumb {
    margin-right: 0;
  }
}
.tg-chose-su-2-main-shape {
  position: absolute;
  top: -12px;
  left: 0;
}
.tg-chose-su-2-bg-shape {
  right: 88px;
  top: 0;
  max-width: 100%;
  z-index: -1;
}

.tg-process-content .tg-section-su-subtitle {
  background: #671ef2;
  color: var(--tg-common-white);
}
.tg-process-content .tg-section-su-title {
  color: var(--tg-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-process-content .tg-section-su-title br {
    display: none;
  }
}
.tg-process-content .tg-section-su-para {
  color: #ebe0ff;
}
.tg-process-content .tg-btn-transparent {
  background: var(--tg-common-white);
  padding: 13px 40px;
}
.tg-process-content .tg-btn-transparent:hover {
  background: var(--tg-common-white);
  color: var(--tg-common-black);
}
.tg-process-list {
  margin-right: 30px;
  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: 575px) {
  .tg-process-list {
    margin-right: 0;
    margin-left: 0;
  }
}
.tg-process-list .tg-chose-list {
  background: var(--tg-common-white);
  border-radius: 15px;
  padding: 40px 90px 20px 34px;
}
@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: 575px) {
  .tg-process-list .tg-chose-list {
    padding: 40px 34px 20px 34px;
  }
}
@media (max-width: 575px) {
  .tg-process-list .tg-chose-list {
    display: block !important;
  }
}
.tg-process-list .tg-chose-list p {
  font-family: var(--tg-ff-outfit);
  color: #353844;
  font-size: 16px;
  line-height: 25px;
  text-transform: capitalize;
}
.tg-process-list .tg-chose-list-icon {
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  background: #f4eeff;
  flex: 0 0 auto;
}
@media (max-width: 575px) {
  .tg-process-list .tg-chose-list-icon {
    margin-bottom: 25px;
  }
}
.tg-process-list .tg-chose-list-title {
  font-size: 22px;
  font-weight: 700;
  font-family: var(--tg-ff-outfit);
}

/*=============================
    	03. banner
===============================*/
.tg-banner-video-inner {
  padding: 110px 0;
}
.tg-banner-video-wrap {
  border-radius: 12px 0px 0px 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-video-wrap {
    border-radius: 0;
  }
}
.tg-banner-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.tg-banner-content {
  background: #071952;
  height: 100%;
  padding: 73px 20px;
  border-radius: 0px 12px 12px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-content {
    border-radius: 0;
  }
}
.tg-banner-subtitle {
  font-weight: 600;
  font-size: 18px;
  color: var(--tg-common-white);
}
.tg-banner-title {
  font-weight: 800;
  font-size: 26px;
  color: var(--tg-common-white);
}
.tg-banner-space {
  margin-bottom: -140px;
  position: relative;
  z-index: 1;
}
.tg-banner-space-2 {
  margin-bottom: -116px;
}
.tg-banner-space-3 {
  margin-top: -125px;
  position: relative;
  z-index: 1;
}
.tg-banner-transparent-bg {
  height: 140px;
  width: 100%;
  display: inline-block;
  background: var(--tg-grey-5);
  margin-bottom: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-bottom {
    padding-bottom: 100px;
  }
}
.tg-banner-2-content {
  padding-top: 270px;
  padding-bottom: 235px;
}
@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) {
  .tg-banner-2-content {
    padding-top: 200px;
    padding-bottom: 180px;
  }
}
@media (max-width: 575px) {
  .tg-banner-2-content {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.tg-banner-2-content .tg-section-subtitle {
  color: var(--tg-common-white);
}
.tg-banner-2-content .tg-section-title-white {
  color: var(--tg-common-white);
  font-size: 48px;
}
@media (max-width: 575px) {
  .tg-banner-2-content .tg-section-title-white {
    font-size: 38px;
  }
}
.tg-banner-2-big-title h2 {
  text-shadow: 0 5px 15px rgba(33, 120, 128, 0.2784313725);
  font-weight: 600;
  font-size: 130px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: var(--tg-ff-chillax);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--tg-common-white);
  -webkit-text-stroke-width: 2px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px),
  only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tg-banner-2-big-title h2 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-banner-2-big-title h2 {
    font-size: 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) {
  .tg-banner-2-big-title h2 {
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .tg-banner-2-big-title h2 {
    font-size: 58px;
  }
}
.tg-banner-3-big-content {
  border-radius: 0px 30px 30px 0px;
  padding: 55px 20px;
  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: 575px) {
  .tg-banner-3-big-content {
    border-radius: 0 0 30px 30px;
  }
}
.tg-banner-3-big-content h2 {
  font-family: var(--tg-ff-quentin);
  font-size: 60px;
  line-height: 100%;
  text-transform: capitalize;
  color: var(--tg-common-white);
  margin: 0;
}
@media (max-width: 575px) {
  .tg-banner-3-big-content h2 {
    font-size: 44px;
  }
}
.tg-banner-3-big-content span {
  color: var(--tg-common-white);
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
}
.tg-banner-3-content {
  border-radius: 30px 0px 0px 30px;
  padding: 63px 20px;
  height: 100%;
  margin-right: -9px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-3-content {
    border-radius: 30px 30px 0 0;
    margin-right: 0;
  }
}
.tg-banner-3-content .tg-btn {
  padding: 8px 27px;
}
.tg-banner-3-content .tg-banner-shape {
  bottom: auto;
  top: 0;
  right: auto;
  left: 0;
  border-radius: 30px 0px 0px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-3-content .tg-banner-shape {
    border-radius: 30px 30px 0 0;
  }
}
.tg-banner-3-shape {
  top: -33px;
  left: 52px;
  position: absolute;
  z-index: -1;
  width: 13%;
}
@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: 575px) {
  .tg-banner-3-shape {
    top: 0;
    left: 0;
  }
}
.tg-banner-4-spacing {
  margin-top: -190px;
  margin-bottom: -40px;
  background-repeat: no-repeat;
}
@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: 575px) {
  .tg-banner-4-spacing {
    background-size: cover;
    background-position: center;
    margin-top: -130px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-4-spacing {
    margin-top: -230px;
  }
}
.tg-banner-4-content {
  padding-top: 465px;
  padding-bottom: 274px;
}
@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: 575px) {
  .tg-banner-4-content {
    padding-top: 300px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-4-content {
    padding-bottom: 80px;
  }
}
.tg-banner-4-content .tg-btn-transparent {
  background: var(--tg-common-white);
}
.tg-banner-4-content .tg-btn-transparent:hover {
  color: var(--tg-theme-primary);
}
.tg-banner-5-space {
  padding-top: 127px;
  padding-bottom: 130px;
}
.tg-banner-5-title {
  font-family: var(--tg-ff-rage);
  font-weight: 400;
  font-size: 90px;
  line-height: 100%;
  text-transform: capitalize;
  text-align: center;
  color: var(--tg-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) {
  .tg-banner-5-title {
    font-size: 75px;
  }
}
@media (max-width: 575px) {
  .tg-banner-5-title {
    font-size: 60px;
  }
}
.tg-banner-5-title span {
  display: block;
}
.tg-banner-5-title .svgs {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tg-banner-6-content {
  padding-bottom: 240px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-banner-6-content {
    padding-bottom: 150px;
  }
}

.tg-video-play {
  height: 60px;
  width: 60px;
  display: inline-block;
  background: var(--tg-common-white);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  color: var(--tg-theme-primary);
}
.tg-video-play:hover {
  color: var(--tg-theme-primary);
}

.tg-pulse-border {
  border-radius: 50%;
  z-index: 1;
  position: relative;
}
.tg-pulse-border::after,
.tg-pulse-border::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 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%);
  width: 120%;
  height: 120%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  animation: borderanimate2 2s linear infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: -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;
  z-index: -1;
}
.tg-pulse-border::before {
  animation-delay: 0.7s;
}

/*=============================
    	23. location
===============================*/
.tg-location-wrap {
  border: 1px solid #dbdbdb;
  border-radius: 25px;
  padding: 24px 24px 24px 24px;
  background: var(--tg-common-white);
}
.tg-location-wrap:hover .tg-location-thumb img {
  transform: scale(1.1);
}
.tg-location-time {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  background: var(--tg-theme-primary);
  border-radius: 4px;
  display: inline-block;
  padding: 6px 10px;
  line-height: 1;
  transform: translateY(-13px);
}
@media (max-width: 575px) {
  .tg-location-section-title p br {
    display: none;
  }
}
.tg-location-title {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
.tg-location-title:hover a {
  color: var(--tg-theme-primary);
}
.tg-location-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.tg-location-thumb img {
  border-radius: 12px;
  transition: all 0.5s ease;
}
.tg-location-border {
  position: absolute;
  border: 1px solid #d1d1d1;
  border-radius: 20px;
  width: 97%;
  height: 100%;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.tg-location-border.two {
  bottom: -10px;
  width: 94%;
}
.tg-location-shape {
  position: absolute;
  bottom: 0;
  left: 70px;
}
.tg-location-shape.shape-3 {
  margin-bottom: -135px;
}
@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: 575px) {
  .tg-location-shape {
    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: 575px) {
  .tg-location-3-btn {
    text-align: left !important;
  }
}
.tg-location-3-wrap:hover .tg-location-thumb img {
  transform: scale(1.1);
}
.tg-location-3-wrap::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(2, 6, 21, 0) 0%, #000 100%);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  z-index: 1;
  border-radius: 13px;
}
.tg-location-3-wrap .tg-location-content {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  z-index: 2;
}
.tg-location-3-wrap .tg-location-title {
  color: var(--tg-common-white);
}
.tg-location-3-wrap .tg-location-border {
  width: 92%;
  height: 94%;
  bottom: 12px;
  opacity: 0.5;
  border-radius: 15px;
  border: 1.2px solid var(--tg-common-white);
  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: 575px) {
  .tg-location-3-wrap .tg-location-border {
    height: 92%;
  }
}
.tg-location-4-shape {
  width: 7%;
  left: 100px;
}
.tg-location-5-bottom-bg {
  height: 60px;
  width: 100%;
  display: block;
}
.tg-location-5-thumb {
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  overflow: hidden;
}
.tg-location-5-inner {
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.tg-location-5-content {
  border-radius: 15px;
  padding: 10px 20px;
  padding-bottom: 0;
  background: var(--tg-common-white);
  display: inline-block;
}
.tg-location-5-content h4 {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-location-5-content h4 a:hover {
  color: var(--tg-theme-primary);
}
.tg-location-5-content span {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
}
@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: 575px) {
  .tg-location-su-wrap {
    height: 100%;
  }
}
.tg-location-su-wrap::before {
  display: none;
}
.tg-location-su-wrap:hover .tg-location-su-duration {
  opacity: 1;
  visibility: visible;
}
.tg-location-su-wrap:hover .tg-location-su-content {
  padding: 16px 15px;
}
.tg-location-su-wrap:hover .tg-location-su-content .content {
  transform: translateY(1px);
}
.tg-location-su-wrap .tg-location-thumb {
  border-radius: 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: 575px) {
  .tg-location-su-wrap .tg-location-thumb {
    height: 100%;
  }
}
.tg-location-su-wrap .tg-location-thumb img {
  border-radius: 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: 575px) {
  .tg-location-su-wrap .tg-location-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-location-su-wrap .tg-location-thumb img {
    height: 380px;
  }
}
.tg-location-su-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  background: var(--tg-common-white);
  bottom: 17px !important;
  padding: 13px 15px;
  margin: 0 20px;
  line-height: 1;
  transition: all 0.4s ease;
  font-family: var(--tg-ff-outfit);
}
.tg-location-su-content .content {
  transform: translateY(9px);
  transition: all 0.4s ease;
}
.tg-location-su-content .tg-location-title {
  color: var(--tg-common-black);
}
.tg-location-su-content .tg-location-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-location-su-content .tg-location-time {
  color: var(--tg-common-black);
  font-family: var(--tg-ff-outfit);
  font-weight: 400;
  font-size: 16px;
  background: transparent;
  padding: 0;
  display: inline-block;
}
.tg-location-su-content .icons {
  border-radius: 50px;
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  transition: all 0.4s ease;
}
.tg-location-su-content .icons:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-location-su-duration {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tg-location-su-slider-navigation button {
  border-radius: 56px;
  width: 45px;
  height: 45px;
  line-height: 42px;
  background: #f1f1f1;
  border: none;
}
.tg-location-su-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 67px;
  width: 100%;
  z-index: -1;
}
.tg-location-su-bg img {
  max-width: 100%;
}
.tg-location-su-2-wrap .tg-location-su-content {
  padding: 13px 25px;
}
.tg-location-su-2-wrap .tg-location-su-wrap:hover .tg-location-su-content {
  padding: 13px 25px;
}
.tg-location-su-2-wrap .tg-location-su-content .content {
  transform: translateY(1px);
}

/*=============================
    	28. testimonial
===============================*/
.tg-testimonial-item {
  box-shadow: 0 0 14px 0 rgba(178, 178, 178, 0.25);
  background: var(--tg-common-white);
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  padding: 34px 34px 22px 35px;
}
.tg-testimonial-ratings span {
  color: var(--tg-common-yellow);
  font-size: 14px;
}
.tg-testimonial-ratings span:last-child {
  color: #ded9ce;
}
.tg-testimonial-avatar-content h5 {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--tg-common-black-2);
  margin-bottom: 0;
}
.tg-testimonial-avatar-content span {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
}
.tg-testimonial-avatar-para {
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--tg-grey-6);
}
.tg-testimonial-2-shape {
  bottom: 0;
  left: 70px;
  z-index: -1;
}
@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: 575px) {
  .tg-testimonial-2-shape {
    left: 0;
  }
}
.tg-testimonial-2-shape-1 {
  top: 94px;
  right: 136px;
}
@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: 575px) {
  .tg-testimonial-2-shape-1 {
    right: 0;
  }
}
.tg-testimonial-2-pagination .swiper-pagination-bullet {
  margin: 0 2px !important;
}
.tg-testimonial-3-shape {
  position: absolute;
  bottom: 0;
  left: 135px;
}
@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: 575px) {
  .tg-testimonial-3-shape {
    left: 0;
  }
}
.tg-testimonial-4-slider-thumb img {
  width: 65px;
  border-radius: 50%;
}
.tg-testimonial-4-content-wrap {
  margin: 0 93px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-testimonial-4-content-wrap {
    margin: 0;
  }
}
.tg-testimonial-4-content-wrap span {
  text-transform: capitalize;
  color: #4c4c5b;
}
.tg-testimonial-4-content-wrap p {
  font-style: italic;
  font-size: 18px;
  line-height: 36px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-testimonial-4-content-wrap p br {
    display: none;
  }
}
.tg-testimonial-4-name {
  font-size: 22px;
  line-height: 136%;
  text-transform: capitalize;
  color: var(--tg-common-black-2);
}
.tg-testimonial-4-ratings i {
  color: var(--tg-common-yellow);
  font-size: 18px;
}
.tg-testimonial-4-ratings i:last-child {
  color: #ded9ce;
}
.tg-testimonial-4-thumb-active {
  margin-left: 15px;
  margin-right: 15px;
}
.tg-testimonial-4-slider-navigation button {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #dcdcdc;
  background-color: var(--tg-common-white);
  color: var(--tg-theme-primary);
  position: absolute;
  top: 65%;
  left: 15px;
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: 1;
  font-size: 18px;
  z-index: 99;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-testimonial-4-slider-navigation button {
    top: 10%;
  }
}
.tg-testimonial-4-slider-navigation button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  border-color: var(--tg-theme-primary);
}
.tg-testimonial-4-slider-navigation button.tg-testimonial-4-slide-next {
  right: 15px;
  left: auto;
}
.tg-testimonial-su-shape {
  position: absolute;
  bottom: 0;
  left: 130px;
}
.tg-testimonial-su-shape-2 {
  position: absolute;
  top: 187px;
  right: 136px;
}
.tg-testimonial-su-wrap {
  background: var(--tg-theme-primary);
}
.tg-testimonial-su-wrap .tg-testimonial-4-name {
  color: var(--tg-common-white);
}
.tg-testimonial-su-wrap .tg-testimonial-4-content-wrap span {
  color: var(--tg-common-white);
}
.tg-testimonial-su-wrap .tg-testimonial-4-ratings i {
  color: #ffb930;
}
.tg-testimonial-su-wrap .tg-testimonial-4-ratings i:last-child {
  color: #ded9ce;
}
.tg-testimonial-su-wrap .tg-testimonial-4-content-wrap p {
  color: var(--tg-common-white);
}
.tg-testimonial-su-wrap .tg-testimonial-4-slider-navigation button:hover {
  background: transparent;
  border-color: var(--tg-common-white);
}
.tg-testimonial-su-2 .tg-testimonial-avatar-content h5 {
  font-family: var(--tg-ff-outfit);
}
.tg-testimonial-su-2 .tg-testimonial-avatar-content span {
  font-family: var(--tg-ff-outfit);
}
.tg-testimonial-su-2 .tg-testimonial-avatar-para {
  font-style: normal;
  font-family: var(--tg-ff-outfit);
}
.tg-testimonial-su-2 .tg-testimonial-item {
  padding: 34px 28px 22px 35px;
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  box-shadow: 0 0 14px 0 rgba(178, 178, 178, 0.25);
}
.tg-testimonial-su-2 .tg-testimonial-ratings span {
  color: #ffb930;
}
.tg-testimonial-su-2 .tg-testimonial-ratings span:last-child {
  color: #ded9ce;
}

/*=============================
    	04. blog
===============================*/
.tg-blog-space {
  padding-bottom: 200px;
}
.tg-blog-space-2 {
  padding-bottom: 244px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-blog-space-2 {
    padding-bottom: 180px;
  }
}
.tg-blog-item {
  border: 1px solid #e7e7e7;
  background: var(--tg-common-white);
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  padding: 20px;
}
.tg-blog-item:hover .tg-blog-thumb img {
  transform: scale(1.1);
}
.tg-blog-tag {
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  border-radius: 4px;
  background: var(--tg-theme-primary);
  padding: 1px 14px;
  top: -16px;
  z-index: 1;
  left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-blog-tag {
    position: absolute;
  }
}
.tg-blog-content {
  padding: 32px 10px 10px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-blog-contents {
    padding: 32px 10px 10px 10px;
    position: relative;
  }
}
.tg-blog-thumb {
  border-radius: 12px;
}
.tg-blog-thumb img {
  border-radius: 12px;
  transition: all 0.4s ease;
}
.tg-blog-date span {
  font-size: 14px;
  line-height: 1.71;
  display: inline-block;
}
.tg-blog-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
}
.tg-blog-title.title-2 {
  font-size: 16px;
  line-height: 1.36;
}
.tg-blog-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-blog-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tg-blog-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.tg-blog-bottom p {
  font-weight: 500;
}
.tg-blog-bottom p a {
  color: var(--tg-theme-primary);
}
.tg-blog-2-shape {
  bottom: 0;
  right: 50px;
  z-index: -1;
}
@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: 575px) {
  .tg-blog-2-shape {
    right: 0;
  }
}
.tg-blog-2-shape-1 {
  top: 383px;
  left: 63px;
  z-index: -1;
}
@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: 575px) {
  .tg-blog-2-shape-1 {
    left: 0;
  }
}
.tg-blog-2-item {
  padding: 30px;
  padding-bottom: 27px;
}
.tg-blog-2-item .tg-blog-tag {
  top: 20px;
  left: 20px;
}
.tg-blog-2-item .tg-blog-text {
  line-height: 26px;
  text-transform: capitalize;
}
.tg-blog-2-item .tg-blog-content {
  padding: 0;
}
.tg-blog-2-item .tg-blog-title {
  font-size: 23px;
}
.tg-blog-standard-date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tg-blog-standard-date span {
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  margin-right: 25px;
}
.tg-blog-standard-date span svg {
  margin-right: 6px;
  margin-top: -3px;
}
.tg-blog-standard-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.tg-blog-standard-thumb img {
  border-radius: 12px;
}
.tg-blog-standard-thumb img:hover {
  transform: scale(1.1);
}
.tg-blog-standard-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  text-transform: capitalize;
}
.tg-blog-standard-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-blog-standard-item p {
  text-transform: capitalize;
  color: var(--tg-grey-1);
  line-height: 28px;
}
.tg-blog-standard-para {
  line-height: 28px;
}
.tg-blog-sidebar {
  margin-left: -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: 575px) {
  .tg-blog-sidebar {
    margin-left: 0;
  }
}
.tg-blog-sidebar-title {
  font-weight: 600;
  font-size: 18px;
}
.tg-blog-sidebar-box {
  box-shadow: 0 0 15px 0 #efefef;
  background: var(--tg-common-white);
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  padding: 25px 20px 30px 20px;
}
.tg-blog-sidebar-form form {
  position: relative;
}
.tg-blog-sidebar-form form input {
  background: #f2f2f2;
  font-size: 13px;
  color: var(--tg-grey-1);
  border: 1px solid transparent;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  padding: 0 40px 0px 12px;
}
.tg-blog-sidebar-form form input::placeholder {
  font-size: 13px;
  color: var(--tg-grey-1);
}
.tg-blog-sidebar-form form input:focus {
  border-color: var(--tg-theme-primary);
}
.tg-blog-sidebar-form form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.tg-blog-sidebar-tag-list ul li {
  display: inline-block;
}
.tg-blog-sidebar-tag-list ul li a {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
  background: #f0e9ff;
  border-radius: 5px;
  padding: 4px 12px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 7px;
}
.tg-blog-categories-list ul li {
  display: flex;
  justify-content: space-between;
  padding: 11px 0px 10px 0px;
}
.tg-blog-categories-list ul li:not(:last-child) {
  border-bottom: 1px solid var(--tg-border-3);
}
.tg-blog-categories-list ul li span {
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-blog-post-title {
  font-weight: 500;
  line-height: 1.25;
  color: var(--tg-common-black-2);
  font-size: 16px;
}
.tg-blog-post-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-blog-post-thumb {
  width: 125px;
}
.tg-blog-post-thumb img {
  border-radius: 8px;
  width: 100%;
}
.tg-blog-post-date {
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-blog-post-date svg {
  transform: translateY(-2px);
  margin-right: 4px;
}
.tg-blog-ads-btn {
  position: absolute;
  bottom: 33px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.tg-blog-ads-btn .tg-btn {
  background: var(--tg-common-white);
  font-size: 12px;
  color: var(--tg-common-black-2);
}
.tg-blog-ads img {
  border: 1px solid #879f51;
  border-radius: 12px;
}
@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: 575px) {
  .tg-blog-lg-spacing {
    margin-right: 0;
  }
}
.tg-blog-grid-item .tg-blog-standard-title {
  font-weight: 600;
  font-size: 24px;
}
.tg-blog-grid-item .tg-blog-standard-date span svg {
  margin-right: 0px;
}
.tg-blog-grid-item .tg-blog-standard-date span {
  margin-right: 20px;
}
.tg-blog-grid-item .tg-btn {
  color: var(--tg-theme-primary);
  border: 1px solid var(--tg-theme-primary);
  background: transparent;
}
.tg-blog-para {
  text-transform: capitalize;
  font-size: 16px;
}
.tg-blog-blockquote {
  background: #ecf3ff;
  padding: 35px 54px 45px 49px;
  border-left: 6px solid var(--tg-theme-primary);
  margin-left: 40px;
  margin-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-blog-blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .tg-blog-blockquote {
    padding: 25px 24px 35px 19px;
  }
}
.tg-blog-blockquote-icon {
  position: absolute;
  bottom: 30px;
  right: 38px;
}
.tg-blog-blockquote p {
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  text-transform: capitalize;
  color: #0b0b14;
  margin-bottom: 0;
}
.tg-blog-details-video img {
  border-radius: 20px;
}
@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: 575px) {
  .tg-blog-details-video-content {
    margin-left: 0;
  }
}
.tg-blog-details-video-content h3 {
  font-weight: 600;
  font-size: 26px;
  text-transform: capitalize;
}
.tg-blog-details-video-list ul {
  margin-bottom: 14px;
}
.tg-blog-details-video-list ul li {
  display: flex;
}
.tg-blog-details-video-list ul li:not(:last-child) {
  margin-bottom: 6px;
}
.tg-blog-details-video-list ul li span {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: var(--tg-theme-primary);
  text-align: center;
  line-height: 22px;
  color: var(--tg-common-white);
  font-size: 12px;
  border-radius: 50%;
  transform: translateY(2px);
  margin-right: 9px;
}
.tg-blog-details-video-list ul li p {
  font-weight: 500;
  font-size: 17px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  margin-bottom: 0;
}
.tg-blog-details-social {
  display: flex;
}
.tg-blog-details-social span {
  font-weight: 500;
  font-size: 15px;
  color: #51515a;
}
.tg-blog-details-social a {
  font-size: 18px;
  color: #353844;
  margin-left: 10px;
}
.tg-blog-details-social a:hover {
  color: var(--tg-theme-primary);
}
.tg-blog-details-tag {
  border-top: 1px solid #e6e8ec;
  border-bottom: 1px solid #e6e8ec;
  padding-top: 22px;
  padding-bottom: 12px;
}
.tg-blog-details-review ul li {
  background: #f3f7fc;
  border-radius: 10px;
  padding: 42px 36px 42px 49px;
}
@media (max-width: 575px) {
  .tg-blog-details-review ul li {
    padding: 25px 24px 25px 19px;
  }
}
.tg-blog-details-review .tg-tour-about-cus-review-thumb img {
  width: 115px;
  max-width: 115px;
  margin-right: 27px;
}
.tg-blog-details-review .tg-tour-about-cus-name span {
  font-weight: 500;
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-blog-details-review .tg-tour-about-cus-name h6 {
  font-size: 20px;
  color: var(--tg-theme-primary);
  margin-bottom: 6px;
}
.tg-blog-details-review-form {
  background: #f3f7fc;
  border-radius: 10px;
  padding: 35px 40px 44px 40px;
}
@media (max-width: 575px) {
  .tg-blog-details-review-form {
    padding: 25px 24px 25px 19px;
  }
}
.tg-blog-details-review-form .tg-tour-about-title {
  font-size: 24px;
}
.tg-blog-details-review-form p {
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-blog-details-review-form form .input,
.tg-blog-details-review-form form .textarea {
  background: var(--tg-common-white);
  border: 1px solid #cfd9e5;
  border-radius: 8px;
  font-size: 16px;
  color: #7c8392;
}
.tg-blog-details-review-form form .input:focus,
.tg-blog-details-review-form form .textarea:focus {
  border-color: var(--tg-theme-primary);
}
.tg-blog-details-review-form form .input::-webkit-input-placeholder,
.tg-blog-details-review-form form .textarea::-webkit-input-placeholder {
  font-size: 16px;
  color: #7c8392;
}
.tg-blog-details-review-form form .input:-moz-placeholder,
.tg-blog-details-review-form form .textarea:-moz-placeholder {
  font-size: 16px;
  color: #7c8392;
}
.tg-blog-details-review-form form .input::-moz-placeholder,
.tg-blog-details-review-form form .textarea::-moz-placeholder {
  font-size: 16px;
  color: #7c8392;
}
.tg-blog-details-review-form form .input:-ms-input-placeholder,
.tg-blog-details-review-form form .textarea:-ms-input-placeholder {
  font-size: 16px;
  color: #7c8392;
}
.tg-blog-details-review-form form .tg-label {
  color: var(--tg-grey-1);
}
.tg-blog-details-review-form form .textarea {
  height: 130px;
  padding-top: 0px;
}
.tg-blog-details-review-form form .tg-checkbox {
  transform: translateY(-1px);
}
.tg-blog-su-wrapper .tg-blog-2-item {
  padding: 0;
}
.tg-blog-su-wrapper .tg-blog-thumb {
  border-radius: 20px 20px 0px 0px;
}
.tg-blog-su-wrapper .tg-blog-thumb img {
  border-radius: 20px 20px 0px 0px;
}
.tg-blog-su-wrapper .tg-blog-content {
  padding: 0px 30px 26px 33px;
}
.tg-blog-su-wrapper .tg-blog-title {
  font-family: var(--tg-ff-outfit);
  font-size: 24px;
  line-height: 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: 575px) {
  .tg-blog-su-wrapper .tg-blog-title {
    font-size: 22px;
  }
}
.tg-blog-su-wrapper .tg-blog-date span {
  font-size: 15px;
}
.tg-blog-su-wrapper .tg-blog-tag {
  top: 30px;
  left: 30px;
}
.tg-blog-su-2-wrapper {
  background: #f6f4fa;
}

/*=============================
    	10. cta
===============================*/
.tg-cta-wrap {
  border-radius: 25px;
}
.tg-cta-space {
  margin-top: -127px;
}
.tg-cta-thumb {
  margin-right: -45px;
}
.tg-cta-content {
  margin-left: 75px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-content {
    margin-left: 29px;
    margin-bottom: 44px;
    padding-top: 40px;
  }
}
.tg-cta-apps {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-apps {
    margin-bottom: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-apps {
    margin-left: 29px;
  }
}
.tg-cta-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-cta-title {
    font-size: 26px;
  }
}
@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: 575px) {
  .tg-cta-title {
    font-size: 22px;
  }
  .tg-cta-title br {
    display: none;
  }
}
.tg-cta-3-shape {
  position: absolute;
  top: 35px;
  right: 50px;
  z-index: -1;
}
.tg-cta-3-shape-2 {
  position: absolute;
  bottom: 0;
  right: 19%;
  z-index: -1;
}
.tg-cta-3-content p {
  font-weight: 500;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-3-apps {
    padding-bottom: 70px;
  }
}
.tg-cta-4-spacing {
  margin-left: -50px;
  margin-right: -50px;
  border-radius: 1000px;
}
@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: 575px) {
  .tg-cta-4-spacing {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-4-spacing {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-4-spacing {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tg-cta-4-spacing .tg-cta-3-shape-2 {
  right: 11%;
  border-radius: 0px 0px 50px 0px;
}
.tg-cta-4-thumb {
  margin-left: 228px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-cta-4-thumb {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-4-thumb {
    margin-left: 0;
  }
}
.tg-cta-4-content {
  margin-left: -45px;
  margin-right: 205px;
}
@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: 575px) {
  .tg-cta-4-content {
    margin-left: 0;
    margin-right: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-4-content {
    margin-right: 0;
  }
}
.tg-cta-4-content p {
  text-transform: capitalize;
}
.tg-cta-price-shape {
  position: absolute;
  left: 73px;
  top: 35.5%;
  transform: translateY(-43%);
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-cta-price-shape {
    left: 0;
    top: 23.5%;
  }
}
.tg-cta-price-shape-2 {
  position: absolute;
  right: 60px;
  top: 44.5%;
  transform: translateY(-43%);
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-cta-price-shape-2 {
    right: 0;
    top: 34.5%;
  }
}
.tg-cta-su-wrapper .tg-cta-title {
  font-family: var(--tg-ff-outfit);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-su-2 .tg-cta-3-thumb {
    padding-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-su-2 .tg-cta-3-content {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cta-su-2 .tg-cta-3-apps {
    padding-bottom: 30px;
  }
}
.tg-cta-su-2 .shape {
  right: 140px;
  top: 0;
  z-index: -1;
}
.tg-cta-su-2 .shape-2 {
  left: 132px;
  bottom: 0;
  z-index: -1;
}
@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: 575px) {
  .tg-cta-su-2 .shape-2 {
    left: 0;
  }
}

/*=============================
    	17. footer
===============================*/
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-footer-widget {
    margin-left: 0;
  }
}
.tg-footer-widget p {
  line-height: 24px;
  /* `capitalize` idi: cumle metnini "Yerel Bir Seyahat Acentesidir" gibi
     her kelimesi buyuk harfle basiyordu. Footer aciklamasi duz cumle. */
  text-transform: none;
  color: #acadb5;
  font-size: 15px;
}
.tg-footer-widget-title {
  font-size: 20px;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-footer-link {
    margin-left: 30px;
  }
}
@media (max-width: 575px) {
  .tg-footer-link {
    margin-left: 0;
  }
}
.tg-footer-link ul li a {
  text-transform: capitalize;
  color: #acadb5;
  display: inline-block;
  padding: 6px 0px;
}
.tg-footer-link ul li a:hover {
  color: var(--tg-common-white);
}
.tg-footer-info {
  margin-left: -33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-footer-info {
    margin-left: 0;
  }
}
.tg-footer-info ul li {
  text-transform: capitalize;
  color: #acadb5;
  /* `inline-block` idi: adres/telefon/saat satirlari alt alta gelmesi
     gerekirken ikinci telefon eklenince yan yana diziliyordu. */
  display: block;
  font-weight: 500;
  padding: 10px 0px;
}
.tg-footer-info ul li a:hover {
  color: var(--tg-common-white);
}
.tg-footer-form {
  position: relative;
}
.tg-footer-form-btn {
  width: 55px;
  height: 45px;
  background: var(--tg-theme-primary);
  border-radius: 0px 4px 4px 0px;
  position: absolute;
  top: 0;
  right: 0;
}
.tg-footer-form input {
  border-radius: 5px;
  height: 45px;
  width: 100%;
  background: var(--tg-common-white);
  font-size: 15px;
  color: var(--tg-grey-1);
  padding: 10px 50px 10px 16px;
  box-shadow: none;
  border: 1px solid transparent;
}
.tg-footer-form input:focus {
  border-color: var(--tg-theme-primary);
}
/* Ust cubuktaki adres: 1400px altinda satira sigmiyor, hem adres hem
   e-posta "..." ile kirpiliyordu. Adres gizlenince e-posta ve telefon tam
   goruntuleniyor; adres zaten footer'da ve iletisim sayfasinda duruyor.
   (Cubugun kendisi zaten 992px altinda gizli.) */
@media (max-width: 1399.98px) {
  .tg-header-top-address,
  .tg-header-top-address + .tg-header-dvdr {
    display: none !important;
  }
}
/* Footer logosu: temada boyut kurali yoktu, gorsel dogal olcusunde
   basiliyordu (308x115) ve header logosundan bile buyuk duruyordu. */
.tg-footer-logo img {
  height: 48px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
/* TURSAB rozeti — telif satirinin ustunde ortali */
.tg-footer-tursab img {
  height: 40px;
  width: auto;
  opacity: 0.9;
}
/* Tripadvisor ikonu temanin Font Awesome surumunde yok (\f262 hem CSS'te
   hem fontta eksik, bos kare basiyordu). Ikon SVG olarak duruyor ve maske
   ile boyaniyor; boylece diger sosyal ikonlar gibi rengi ve hover'i devralir. */
.tg-social-tripadvisor::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -3px;
  background-color: currentColor;
  -webkit-mask: url("../img/icon/tripadvisor.svg") no-repeat center / contain;
  mask: url("../img/icon/tripadvisor.svg") no-repeat center / contain;
}
.tg-footer-social {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.tg-footer-social a {
  border-radius: 31px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 43px;
  background: var(--tg-grey-1);
  display: inline-block;
  color: var(--tg-common-white);
  margin-right: 10px;
  flex: 0 0 auto;
}
.tg-footer-social a:hover {
  background: var(--tg-theme-primary);
}
.tg-footer-space {
  margin-top: -120px;
  padding-top: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tg-footer-space {
    margin-top: -98px;
    padding-top: 206px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-footer-space {
    margin-top: -88px;
    padding-top: 184px;
  }
}
.tg-footer-copyright {
  border-top: 1px solid #212635;
  padding: 43px 10px;
}
.tg-footer-copyright span {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: #7b7e88;
  display: inline-block;
}
.tg-footer-copyright span a:hover {
  color: var(--tg-common-white);
}
.tg-footer-su-wrapper .tg-footer-copyright {
  border-top: 1px solid #231145;
}
.tg-footer-su-wrapper .tg-footer-widget-title {
  font-family: var(--tg-ff-outfit);
}
.tg-footer-su-wrapper .tg-footer-link ul li a {
  font-family: var(--tg-ff-outfit);
  color: #ccc3dc;
}
.tg-footer-su-wrapper .tg-footer-info ul li {
  color: #ccc3dc;
}
.tg-footer-su-wrapper .tg-footer-widget p {
  color: #ccc3dc;
  line-height: 26px;
  font-family: var(--tg-ff-outfit);
  font-size: 16px;
}
.tg-footer-su-wrapper .tg-footer-form input {
  font-size: 14px;
  color: var(--tg-common-black);
  border-radius: 100px;
}
.tg-footer-su-wrapper .tg-footer-form input::placeholder {
  font-size: 14px;
  color: #6a5e7e;
}
.tg-footer-su-wrapper .tg-footer-form-btn {
  width: 45px;
  height: 37px;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  border-radius: 100px;
}
.tg-footer-su-wrapper .tg-footer-copyright span {
  font-weight: 400;
  font-family: var(--tg-ff-outfit);
  color: #6c6280;
  font-size: 18px;
}
.tg-footer-su-wrapper .tg-footer-social a {
  background: #2c2140;
}
.tg-footer-su-2-wrapper .tg-footer-social a {
  background: #362752;
}
.tg-footer-su-2-wrapper .tg-footer-copyright {
  padding: 46px 10px;
}

/*=============================
    	06. brand
===============================*/
.tg-brand-slide .swiper-slide {
  width: 240px !important;
}
.tg-brand-shape {
  right: 33px;
  bottom: 0;
  position: absolute;
  z-index: -1;
  width: 13%;
}
@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: 575px) {
  .tg-brand-shape {
    right: 0;
  }
}
.tg-brand-shape-2 {
  left: 46px;
  bottom: 0;
  position: absolute;
  z-index: -1;
  width: 10%;
}
@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: 575px) {
  .tg-brand-shape-2 {
    left: 0;
  }
}

/*=============================
    	11. destination
===============================*/
.tg-destination-item {
  border: 1px solid var(--tg-border-3);
  border-radius: 30px;
}
.tg-destination-thumb {
  overflow: hidden;
}
.tg-destination-thumb img {
  border-radius: 30px 30px 0px 0px;
}
.tg-destination-content {
  padding: 0px 30px 26px 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: 575px) {
  .tg-destination-content {
    padding: 0px 15px 20px 15px;
  }
}
.tg-destination-meta {
  margin-top: -16px;
  margin-bottom: 27px;
}
.tg-destination-meta a {
  font-weight: 500;
  text-transform: capitalize;
  color: var(--tg-common-white);
  border: 1px solid var(--tg-common-white);
  border-radius: 100px;
  padding: 1px 15px;
  display: inline-block;
  background: var(--tg-theme-primary);
  position: relative;
}
.tg-destination-tag span {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  border: 1px solid var(--tg-border-3);
  border-radius: 6px;
  margin-bottom: 7px;
  padding: 0 9px;
  display: inline-block;
  background: var(--tg-grey-7);
}

/*=============================
    	09. counter
===============================*/
.tg-counter-title {
  font-size: 90px;
  text-transform: capitalize;
  color: #f5f5f5;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tg-counter-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-counter-title {
    font-size: 55px;
  }
}
.tg-counter-subtitle {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.tg-counter-2-item .tg-counter-title {
  color: #ebebeb;
}
.tg-counter-5-border {
  border-bottom: 1px solid #d8d8d8;
}
.tg-counter-su-2 .tg-counter-subtitle {
  font-family: var(--tg-ff-outfit);
  font-size: 20px;
}

/*=============================
    	02. ads
===============================*/
.tg-ads-wrap {
  border-radius: 20px;
  padding: 0px 45px 45px 20px;
  height: 100%;
}
.tg-ads-wrap-2 {
  border-radius: 20px;
  padding: 37px 30px 30px 30px;
  height: 100%;
}
.tg-ads-wrap-3 {
  border-radius: 20px;
  padding: 34px 30px 27px 42px;
  height: 100%;
}
.tg-ads-wrap-3 .tg-btn {
  background: var(--tg-theme-primary);
}
.tg-ads-wrap-3 .tg-ads-discount {
  margin-top: -4px;
}
.tg-ads-wrap-3 .tg-ads-discount-inner h2 {
  color: var(--tg-common-white);
}
.tg-ads-wrap-3 .tg-ads-discount-inner h3 {
  color: var(--tg-common-white);
}
.tg-ads-wrap-3 .tg-ads-discount-inner span {
  color: var(--tg-common-white);
}
.tg-ads-upto {
  background: var(--tg-theme-primary);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-top: -50px;
  padding-top: 66px;
}
.tg-ads-upto h2 {
  font-size: 45px;
  line-height: 1;
  text-transform: capitalize;
  color: var(--tg-common-white);
}
.tg-ads-upto .saving {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.06em;
  text-transform: capitalize;
  color: var(--tg-common-white);
  display: inline-block;
  transform: translateY(-8px);
}
.tg-ads-upto .upto {
  font-weight: 700;
  font-size: 9px;
  text-transform: capitalize;
  color: var(--tg-common-white);
  transform: rotate(-90deg);
  position: absolute;
  top: 49%;
  right: 16px;
}
.tg-ads-btn .tg-btn {
  font-size: 12px;
  padding: 3px 16px;
  border-radius: 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: 575px) {
  .tg-ads-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-ads-content {
    text-align: left !important;
  }
}
.tg-ads-content-2 h5 {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #003486;
}
.tg-ads-content-2 a {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--tg-common-white);
  background: #003385;
  border-radius: 50px;
  padding: 2px 12px;
  display: inline-block;
  transform: translateY(-12px);
}
.tg-ads-discount {
  margin-top: 8px;
}
.tg-ads-discount-inner {
  transform: translateY(-6px);
}
.tg-ads-discount-inner h2 {
  font-size: 50px;
  text-transform: uppercase;
  color: var(--tg-theme-primary);
}
.tg-ads-discount-inner h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: var(--tg-theme-primary);
}
.tg-ads-discount-inner span {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--tg-theme-primary);
  display: inline-block;
  line-height: 1;
  transform: translateY(-7px);
}
.tg-ads-space {
  margin-bottom: -130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-ads-space {
    margin-bottom: 70px;
  }
}
.tg-ads-su-space {
  margin-top: -130px;
}
.tg-ads-su-wrap img {
  border-radius: 20px;
}
.tg-ads-su-wrapper {
  display: flex;
  align-items: center;
  padding: 52px 30px 27px 60px;
}
@media (max-width: 575px) {
  .tg-ads-su-wrapper {
    padding: 42px 30px 27px 30px;
  }
}
.tg-ads-su-wrapper .travel {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tg-common-white);
  display: inline-block;
  margin-bottom: 10px;
}
.tg-ads-su-wrapper .tg-btn {
  font-size: 13px;
  font-weight: 700;
  padding: 9px 32px;
  background: var(--tg-common-white);
  color: var(--tg-common-black);
  border-radius: 9px;
  display: inline-block;
}
.tg-ads-su-wrapper .tg-ads-discount-inner h2 {
  transform: translateY(-5px);
}

/*=============================
    	16. foods
===============================*/
.tg-foods-title {
  font-weight: 500;
  font-size: 22px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-foods-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-foods-title span {
  font-size: 18px;
  color: var(--tg-grey-1);
}
.tg-foods-wrap:hover .tg-foods-thumb img {
  transform: scale(1.1) rotate(30deg);
}
.tg-foods-thumb {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  background: var(--tg-common-white);
  border: 10px solid var(--tg-common-white);
  border-radius: 50%;
}
.tg-foods-thumb img {
  border-radius: 50%;
  transition: all 0.4s ease;
  width: 100%;
}

/*=============================
    	14. filter
===============================*/
.tg-filter-sidebar {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 27px 30px 26px 30px;
}
.tg-filter-title {
  font-weight: 500;
  font-size: 17px;
}
.tg-filter-seemore {
  margin-top: 4px;
}
.tg-filter-seemore .plus {
  border-radius: 4px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  background: var(--tg-theme-primary);
  display: inline-block;
  color: var(--tg-common-white);
  text-align: center;
  line-height: 18px;
  margin-right: 7px;
  transform: translateY(-1px);
}
.tg-filter-seemore .more {
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
}
.tg-filter-border {
  height: 1px;
  width: 100%;
  display: block;
  border: 1px solid #e4e4e4;
}
.tg-filter-list ul li:not(:last-child) {
  margin-bottom: 4px;
}
.tg-filter-review span {
  font-size: 16px;
  color: #ffa500;
}
.tg-filter-review span.bad-review {
  color: #a4a4a4;
}
.tg-filter-price-input .dvdr {
  margin: 0 10px;
  display: inline-block;
}
.tg-filter-price-input .input {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  height: 37px;
  padding: 13px;
  font-weight: 500;
  background: var(--tg-common-white);
  font-size: 12px;
  color: var(--tp-common-black);
}
.tg-filter-price-input .input::-webkit-input-placeholder {
  font-size: 12px;
  color: var(--tp-common-black);
}
.tg-filter-price-input .input::-moz-placeholder {
  font-size: 12px;
  color: var(--tp-common-black);
}
.tg-filter-price-input .input:-moz-placeholder {
  font-size: 12px;
  color: var(--tp-common-black);
}
.tg-filter-price-input .input:-ms-input-placeholder {
  font-size: 12px;
  color: var(--tp-common-black);
}
.tg-filter-price-input .input::placeholder {
  font-size: 12px;
  color: var(--tp-common-black);
}
.tg-filter-price-input .input:focus {
  border-color: var(--tg-theme-primary);
}
.tg-filter-clear {
  font-weight: 400;
  font-size: 13px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tg-grey-1);
}
.tg-filter-clear:hover {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--tg-theme-primary);
}
.tg-filter-booking-form .tg-booking-add-input-field {
  background: var(--tg-common-white);
  border: 1px solid var(--tg-border-3);
  border-radius: 6px;
  padding: 6px 17px;
  width: 100%;
  display: block;
}
.tg-filter-booking-form .tg-booking-add-input-date .input {
  background: var(--tg-common-white);
  border: 1px solid var(--tg-border-3);
  border-radius: 6px;
  height: 40px;
  width: 100%;
  display: block;
}
.tg-filter-booking-form .tg-booking-form-search-btn .bk-search-button {
  width: 100%;
}
.tg-filter-booking-form .tg-booking-form-location-list {
  right: -30px;
}
.tg-filter-reset {
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
}
.tg-filter-search-form .buttons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.tg-filter-search-form .input {
  font-weight: 500;
  font-size: 13px;
  color: #9e9e9e;
  border: 1px solid #dadada;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  padding: 0 40px 0px 12px;
  background: var(--tg-common-white);
}
.tg-filter-search-form .input:focus {
  border-color: var(--tg-theme-primary);
}
.tg-filter-search-form .input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #9e9e9e;
}
.tg-filter-search-form .input::-moz-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #9e9e9e;
}
.tg-filter-search-form .input:-moz-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #9e9e9e;
}
.tg-filter-search-form .input:-ms-input-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #9e9e9e;
}
.tg-filter-search-form .input::placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #9e9e9e;
}

.tg-checkbox {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #c2c2c2;
  outline: none;
  flex: 0 0 auto;
  box-shadow:
    inset 0 1px 4px 0 rgba(48, 54, 81, 0.06),
    0 1px 1px 0 rgba(48, 54, 81, 0.06);
  background: var(--tg-common-white);
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  padding: 0;
  margin-right: 10px;
}
.tg-checkbox:checked {
  position: relative;
  background-color: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
}
.tg-checkbox:checked::after {
  box-sizing: border-box;
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-family: var(--tg-ff-fontawesome);
  font-size: 11px;
  color: var(--tg-common-white);
  top: 50%;
  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%);
}
.tg-checkbox:hover {
  cursor: pointer;
}

.tg-label {
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}

/*=============================
    	24. map
===============================*/
.tg-map-full {
  padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-map-full {
    padding-left: 0;
    height: 500px !important;
  }
}
@media (max-width: 575px) {
  .tg-map-full {
    padding-left: 0;
    height: 300px !important;
  }
}
.tg-map-full iframe {
  width: 100%;
  height: 100%;
}

/*=============================
    	29. listing
===============================*/
.tg-tour-details-video-title {
  font-size: 36px;
  text-transform: capitalize;
}
.tg-tour-details-video-location span {
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-tour-details-video-ratings span {
  color: var(--tg-common-yellow);
}
.tg-tour-details-video-ratings span.review {
  font-size: 14px;
  color: var(--tg-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-details-video-share {
    text-align: left !important;
    margin-top: 10px;
  }
}
.tg-tour-details-video-share a {
  color: var(--tg-common-black);
  text-transform: capitalize;
}
.tg-tour-details-video-share a:hover {
  color: var(--tg-theme-primary);
}
.tg-tour-details-video-thumb img {
  border-radius: 15px;
}
.tg-tour-details-video-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tg-tour-details-video-inner .tg-video-play {
  color: var(--tg-common-black);
}
.tg-tour-details-video-feature-list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tg-tour-details-video-feature-list ul li {
  display: flex;
  margin-bottom: 15px;
}
.tg-tour-details-video-feature-list ul li:not(:last-child) {
  margin-right: 35px;
}
.tg-tour-details-video-feature-list ul li .icon {
  color: var(--tg-theme-primary);
  border-radius: 6px;
  width: 40px;
  height: 40px;
  background: #edffe9;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  margin-right: 11px;
}
.tg-tour-details-video-feature-list ul li .title {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  display: block;
  line-height: 1;
}
.tg-tour-details-video-feature-list ul li .duration {
  font-weight: 500;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-tour-details-video-feature-price p {
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  display: flex;
  align-items: center;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-details-video-feature-price p {
    justify-content: flex-start;
  }
}
.tg-tour-details-video-feature-price p span {
  font-weight: 600;
  margin-left: 5px;
  font-size: 30px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
}
.tg-tour-details-video-feature-2-list ul li {
  align-items: center;
}
.tg-tour-details-video-feature-2-list ul li .icon {
  background: var(--tg-common-white);
  border: 1px solid #e4e4e4;
  border-radius: 50%;
}
.tg-tour-details-gallery-thumb img {
  border-radius: 15px;
}
.tg-tour-details-gallery-thumb-active .tg-tour-details-gallery-thumb {
  mix-blend-mode: luminosity;
  position: relative;
  border: 2px solid transparent;
  border-radius: 15px;
}
.tg-tour-details-gallery-thumb-active .tg-tour-details-gallery-thumb img {
  border-radius: 12px;
}
.tg-tour-details-gallery-thumb-active .tg-tour-details-gallery-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 12px;
  opacity: 0.5;
  background: var(--tg-common-black);
  top: 0;
  transform: scale(1);
  transition: all 0.4s ease;
  left: 0;
}
.tg-tour-details-gallery-thumb-active
  .swiper-slide-active
  .tg-tour-details-gallery-thumb {
  border: 2px solid var(--tg-theme-primary);
}
.tg-tour-details-gallery-thumb-active
  .swiper-slide-active
  .tg-tour-details-gallery-thumb::before {
  transform: scale(0);
  opacity: 1;
}
.tg-tour-details-gallery-navigation button {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: var(--tg-common-white);
  color: var(--tg-common-black);
  position: absolute;
  top: 48%;
  left: 50px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 18px;
}
@media (max-width: 575px) {
  .tg-tour-details-gallery-navigation button {
    left: 15px;
  }
}
.tg-tour-details-gallery-navigation button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  border-color: var(--tg-theme-primary);
}
.tg-tour-details-gallery-navigation button.tg-tour-details-gallery-next {
  right: 50px;
  left: auto;
}
@media (max-width: 575px) {
  .tg-tour-details-gallery-navigation button.tg-tour-details-gallery-next {
    right: 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: 575px) {
  .tg-tour-about-wrap {
    margin-right: 0;
  }
}
.tg-tour-about-border {
  border-top: 1px solid #e4e4e4;
}
.tg-tour-about-border-doted {
  border-top: 1px dotted #e4e4e4;
}
.tg-tour-about-title {
  font-weight: 600;
  font-size: 22px;
  text-transform: capitalize;
}
.tg-tour-about-title.title-2 {
  font-size: 20px;
}
.tg-tour-about-list ul li {
  display: flex;
}
.tg-tour-about-list ul li:not(:last-child) {
  margin-bottom: 9px;
}
.tg-tour-about-list ul li .icon {
  width: 22px;
  height: 22px;
  border-radius: 50px;
  background: var(--tg-theme-primary);
  text-align: center;
  line-height: 23px;
  display: inline-block;
  font-size: 12px;
  color: var(--tg-common-white);
  transform: translateY(2px);
  flex: 0 0 auto;
}
.tg-tour-about-list ul li .text {
  font-weight: 500;
  font-size: 17px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-tour-about-list-2 ul li .text {
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-grey-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-about-list-2.disable {
    margin-top: 12px;
  }
}
.tg-tour-about-list-2.disable .icon {
  background: #e1e4e9;
  color: #787c83;
}
.tg-tour-about-faq .accordion-button {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
  position: relative;
  transition: all 0.4s ease;
}
@media (max-width: 575px) {
  .tg-tour-about-faq .accordion-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.tg-tour-about-faq .accordion-button span {
  border-radius: 100px;
  padding: 7px 14px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  margin-right: 12px;
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  transition: all 0.4s ease;
}
@media (max-width: 575px) {
  .tg-tour-about-faq .accordion-button span {
    margin-bottom: 10px;
  }
}
.tg-tour-about-faq .accordion-button::after {
  margin-left: auto;
  content: "\f107";
  font-family: var(--tg-ff-fontawesome);
  position: absolute;
  top: 20%;
  right: -50px;
  font-size: 18px;
  transform: rotate(-180deg);
  transition: all 0.4s ease;
}
.tg-tour-about-faq .accordion-button.collapsed {
  color: var(--tg-common-black-2);
}
.tg-tour-about-faq .accordion-button.collapsed::after {
  transform: rotate(0);
}
.tg-tour-about-faq .accordion-button.collapsed span {
  background: var(--tg-common-white);
  color: var(--tg-theme-primary);
}
.tg-tour-about-faq .accordion-body {
  background: var(--tg-common-white);
  border: 1px solid var(--tg-grey-7);
  border-radius: 0 0 6px 6px;
  padding: 17px 30px 5px 30px;
}
.tg-tour-about-faq .accordion-body p {
  font-weight: 400;
  line-height: 28px;
  font-size: 16px;
  text-transform: capitalize;
}
.tg-tour-about-faq .accordion-header {
  padding: 12px 80px 12px 12px;
}
.tg-tour-about-faq .accordion-item {
  border-radius: 6px;
  background: var(--tg-grey-7);
  margin-bottom: 2px;
}
.tg-tour-about-map iframe {
  width: 100%;
  height: 300px;
  border-radius: 15px;
}
.tg-tour-about-review {
  border: 1px solid var(--tg-border-1);
  border-radius: 15px;
  background: var(--tg-grey-5);
  padding: 27px 20px 27px 27px;
}
.tg-tour-about-review .head-reviews {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-about-review .head-reviews {
    flex-direction: column;
  }
}
.tg-tour-about-review .review-left {
  box-shadow: 0 0 10px 0 #e9e9e9;
  background: var(--tg-common-white);
  border-radius: 14px;
  width: 100%;
  min-width: 240px;
  margin-right: 30px;
  max-width: 240px;
  text-align: center;
  padding: 33px 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-about-review .review-left {
    margin-right: 0;
  }
}
.tg-tour-about-review .review-left .review-info-inner {
  display: inline-block;
  line-height: 22px;
  vertical-align: middle;
}
.tg-tour-about-review .review-left .review-info-inner h2 {
  font-weight: 700;
  font-size: 64px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
  margin-bottom: 3px;
}
.tg-tour-about-review .review-left .review-info-inner span {
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  display: inline-block;
  margin-bottom: 4px;
}
.tg-tour-about-review .review-left .review-info-inner p {
  text-transform: capitalize;
  margin-bottom: 0;
}
.tg-tour-about-review .review-right {
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-about-review .review-right {
    margin-top: 30px;
  }
}
.tg-tour-about-review .item-review-progress {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.tg-tour-about-review .text-rv-progress {
  min-width: 108px;
  padding-right: 8px;
}
.tg-tour-about-review .text-rv-progress p {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
}
.tg-tour-about-review .bar-rv-progress {
  display: inline-block;
  width: 100%;
  max-width: 394px;
}
.tg-tour-about-review .text-avarage {
  min-width: 35px;
  padding-left: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-about-review .text-avarage {
    min-width: 50px;
  }
}
.tg-tour-about-review .text-avarage p {
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
.tg-tour-about-review .bar-rv-progress .progress {
  background-color: #e4e4e4;
  height: 10px;
  border-radius: 100px;
  border: 1px solid #e3e3e3;
}
.tg-tour-about-review .bar-rv-progress .progress .progress-bar {
  height: 8px;
  border-color: var(--tg-theme-primary);
  border-radius: 100px;
  background-color: var(--tg-theme-primary);
}
.tg-tour-about-review-form .input,
.tg-tour-about-review-form .textarea {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-grey-1);
  border-radius: 5px;
  height: 50px;
  background: #f5f5f5;
  border: 1px solid transparent;
  padding: 10px 20px;
}
.tg-tour-about-review-form .input:focus,
.tg-tour-about-review-form .textarea:focus {
  border-color: var(--tg-theme-primary);
}
.tg-tour-about-review-form .input::-webkit-input-placeholder,
.tg-tour-about-review-form .textarea::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-tour-about-review-form .input:-moz-placeholder,
.tg-tour-about-review-form .textarea:-moz-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-tour-about-review-form .input::-moz-placeholder,
.tg-tour-about-review-form .textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-tour-about-review-form .input:-ms-input-placeholder,
.tg-tour-about-review-form .textarea:-ms-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-tour-about-review-form .textarea {
  height: 150px;
  padding-top: 0px;
}
.tg-tour-about-review-form .tg-checkbox {
  transform: translateY(-1px);
}
.tg-tour-about-cus-name h6 {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
.tg-tour-about-cus-name h6 span {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
  margin-left: 15px;
}
@media (max-width: 575px) {
  .tg-tour-about-cus-review {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .tg-tour-about-cus-review-thumb {
    margin-bottom: 15px;
  }
}
.tg-tour-about-cus-review-thumb img {
  width: 128px;
  max-width: 128px;
  margin-right: 34px;
  border-radius: 50%;
}
.tg-tour-about-cus-review-star i {
  color: var(--tg-common-yellow);
  font-size: 18px;
}
.tg-tour-about-cus-reply {
  font-weight: 500;
  font-size: 14px;
  color: var(--tg-theme-primary);
  display: inline-block;
  border-radius: 6px;
  padding: 3px 16px;
  background: #eaf0fb;
}
.tg-tour-about-cus-reply:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-tour-about-rating-category ul {
  display: grid;
  grid-template-columns: repeat(2, 270px);
  list-style: none;
  margin: 27px 0 0 5px;
  padding: 0;
}
@media (max-width: 575px) {
  .tg-tour-about-rating-category ul {
    grid-template-columns: repeat(1, 270px);
  }
}
.tg-tour-about-rating-category ul li {
  display: flex;
  margin-bottom: 13px;
}
.tg-tour-about-rating-category ul li label {
  width: 100px;
  max-width: 100px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}

.tg-tour-about-sidebar {
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  box-shadow: 0 0 15px 0 #efefef;
  background: var(--tg-common-white);
  padding: 25px 30px 30px 30px;
  margin-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: 575px) {
  .tg-tour-about-sidebar {
    margin-left: 0;
  }
}
.tg-tour-about-sidebar-title {
  font-weight: 500;
  font-size: 16px;
  color: var(--tg-common-black);
}
.tg-tour-about-date input {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
  border-radius: 8px;
  background: #f4f4f4;
  height: 40px;
  width: 100%;
  box-shadow: none;
  border: 1px solid transparent;
  padding-left: 38px;
  padding-right: 15px;
}
.tg-tour-about-date input:focus {
  border-color: var(--tg-theme-primary);
}
.tg-tour-about-date input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
}
.tg-tour-about-date input:-moz-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
}
.tg-tour-about-date input::-moz-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
}
.tg-tour-about-date input:-ms-input-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
}
.tg-tour-about-date .calender,
.tg-tour-about-date .angle {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.tg-tour-about-date .angle {
  left: auto;
  right: 15px;
}
.tg-tour-about-time .time {
  font-weight: 500;
  font-size: 16px;
  color: var(--tg-common-black);
  transform: translateY(-1px);
}
.tg-tour-about-time .form-check label {
  font-weight: 500;
  font-size: 14px;
  color: #898989;
}
.tg-tour-about-time .form-check-input {
  font-weight: 500;
  font-size: 14px;
  color: #898989;
  width: 15px;
  height: 15px;
  margin-top: 0;
  vertical-align: middle;
  border: 1px solid #afafaf;
  transform: translateY(5px);
  line-height: 1;
}
.tg-tour-about-time .form-check-input:checked ~ label {
  color: var(--tg-common-black);
}
.tg-tour-about-time .form-check-input:checked {
  background-color: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
}
.tg-tour-about-time .form-check-input:focus {
  border-color: var(--tg-theme-primary);
  box-shadow: none;
}
.tg-tour-about-tickets {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tg-tour-about-tickets-adult {
  margin-right: 5px;
}
.tg-tour-about-tickets-adult span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
  line-height: 1;
}
.tg-tour-about-tickets-adult p {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
  line-height: 1;
}
.tg-tour-about-tickets-adult p span {
  font-weight: 500;
  color: var(--tg-common-black);
}
.tg-tour-about-tickets-quantity .nice-select {
  border: 1px solid #d6d6d6;
  border-radius: 24px;
  padding: 6px 10px;
  width: 60px;
  height: 29px;
  line-height: 15px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-grey-1);
}
.tg-tour-about-tickets-quantity .nice-select:after {
  right: 10px;
  font-size: 16px;
  color: var(--tg-grey-1);
}
.tg-tour-about-extra ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tg-tour-about-extra ul li .quantity {
  font-weight: 500;
  font-size: 16px;
  color: var(--tg-common-black);
}
.tg-tour-about-extra ul li .adult {
  font-size: 14px;
  color: var(--tg-grey-1);
  text-transform: capitalize;
  font-weight: 400;
  padding-left: 30px;
}
.tg-tour-about-extra ul li .tg-label {
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-tour-about-coast .total-price {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--tg-theme-primary);
  margin-bottom: 0;
}
.tg-tour-about-2-inner {
  box-shadow: 0 0 15px 0 #efefef;
  border: 1px solid #e9e9e9;
  border-radius: 15px;
  background: var(--tg-common-white);
  padding: 40px 38px 35px 40px;
}
@media (max-width: 575px) {
  .tg-tour-about-2-inner {
    padding: 20px 28px 15px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-tour-about-2-content .tg-tour-about-list-2 {
    margin-bottom: 10px;
  }
}

/*=============================
    	26. shop
===============================*/
.tg-shop-sidebar {
  margin-right: -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: 575px) {
  .tg-shop-sidebar {
    margin-right: 0;
  }
}
.tg-shop-product-list-widget .tg-blog-post-title {
  font-size: 15px;
}
.tg-shop-product-list-widget .ratings {
  display: flex;
}
.tg-shop-product-list-widget .ratings span {
  color: var(--tg-common-yellow);
  font-size: 14px;
  margin-right: 2px;
}
.tg-shop-product-list-widget .ratings span:last-child {
  color: var(--tg-grey-1);
}
.tg-shop-product-list-widget .price {
  font-weight: 600;
  font-size: 16px;
  color: var(--tg-theme-primary);
}
.tg-shop-product-wrap {
  margin-left: 45px;
}
@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: 575px) {
  .tg-shop-product-wrap {
    margin-left: 0;
  }
}
.tg-shop-product-filter {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  padding: 13px 30px 0px 20px;
}
.tg-shop-product-filter .tg-listing-box-number-found span {
  font-weight: 500;
  font-size: 15px;
  color: var(--tg-grey-1);
}
.tg-shop-product-filter .tg-listing-select-price .nice-select {
  background: none;
  border: none;
  padding: 0;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  width: 147px;
}
.tg-shop-product-filter .tg-listing-box-view button {
  background: none;
  padding: 0;
  width: auto;
  height: auto;
  border: none;
}
.tg-shop-product-filter .tg-listing-box-view button.grids {
  margin-left: 10px;
}
.tg-shop-product-filter .tg-listing-box-view button.active {
  color: var(--tg-theme-primary);
}
.tg-shop-product-thumb {
  border-radius: 15px;
}
.tg-shop-product-thumb img {
  border-radius: 15px;
}
.tg-shop-product-title {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-shop-product-title a:hover {
  color: var(--tg-theme-primary);
}
.tg-shop-product-ratings {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.tg-shop-product-ratings span {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
  margin-left: 3px;
}
.tg-shop-product-ratings ul {
  display: flex;
}
.tg-shop-product-ratings ul li {
  color: var(--tg-common-yellow);
  font-size: 14px;
  margin-right: 2px;
}
.tg-shop-product-ratings ul li:last-child {
  color: var(--tg-grey-1);
}
.tg-shop-product-item:hover .tg-shop-product-thumb img {
  transform: scale(1.1);
  transition: all 0.4s ease;
}
.tg-shop-product-item:hover .tg-shop-product-btn .wishlist {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-shop-product-item:hover .tg-shop-product-hidden-btn {
  transform: translateY(1px);
  opacity: 1;
  visibility: visible;
}
.tg-shop-product-btn {
  position: absolute;
  top: 13px;
  right: 15px;
}
.tg-shop-product-btn a {
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: var(--tg-common-white);
  margin-bottom: 6px;
}
.tg-shop-product-btn a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-shop-product-content .price {
  font-weight: 600;
  font-size: 18px;
  color: var(--tg-theme-primary);
}
.tg-shop-product-hidden-btn {
  display: flex;
  flex-direction: column;
  transform: translateY(-20px);
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.tg-product-modal-thumb-wrapper {
  margin-right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-product-modal-thumb-wrapper {
    margin-right: 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: 575px) {
  .tg-product-details-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.tg-product-details-thumb {
  background: var(--tg-grey-7);
  padding: 100px 30px;
  border-radius: 15px;
}
@media (max-width: 575px) {
  .tg-product-details-thumb {
    padding: 30px 30px;
  }
}
.tg-product-details-thumb .tab-pane {
  text-align: center;
}
.tg-product-details-thumb-nav .nav {
  border: none;
}
.tg-product-details-thumb-nav button {
  background: var(--tg-grey-7) !important;
  width: 100%;
  border: 2px solid transparent;
  height: 110px;
  border-radius: 15px !important;
  mix-blend-mode: luminosity;
}
@media (max-width: 575px) {
  .tg-product-details-thumb-nav button {
    height: 80px;
  }
}
.tg-product-details-thumb-nav button.active {
  border: 2px solid var(--tg-theme-primary) !important;
  background: var(--tg-grey-7);
  mix-blend-mode: normal;
}
.tg-product-details-title {
  font-weight: 500;
  font-size: 30px;
  text-transform: capitalize;
}
.tg-product-details-rating-count {
  margin-left: 8px;
}
.tg-product-details-rating-count span,
.tg-product-details-rating-count a {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
  display: inline-block;
}
.tg-product-details-price h6 {
  font-weight: 600;
  font-size: 22px;
  color: var(--tg-theme-primary);
}
.tg-product-details-availability span {
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-grey-1);
}
.tg-product-details-availability .stock {
  font-weight: 500;
  color: var(--tg-theme-primary, #0b5299);
}
.tg-product-details-para {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-product-details-quantity .quantity {
  font-weight: 500;
  font-size: 16px;
  color: var(--tg-grey-1);
}
.tg-product-details-quantity .tg-booking-quantity-item .tg-quantity-input {
  font-weight: 500;
  font-size: 16px;
  color: var(--tg-common-black);
  line-height: 45px;
}
.tg-product-details-quantity .tg-booking-quantity-item span {
  height: 44px;
  line-height: 44px;
  color: var(--tg-grey-1);
  cursor: pointer;
}
.tg-product-details-quantity .tg-booking-quantity-item span::before {
  height: 100%;
  left: -4px;
}
.tg-product-details-quantity .tg-booking-quantity-item span.decrement::before {
  left: auto;
  right: -4px;
}
.tg-product-details-button .tg-btn {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
}
.tg-product-details-button .tg-btn span {
  transform: translateY(-2px);
  display: inline-block;
  margin-right: 3px;
}
.tg-product-details-button .tg-btn-2 {
  background: #ecf3ff;
  color: var(--tg-theme-primary);
}
.tg-product-details-share span {
  font-weight: 500;
  font-size: 16px;
  color: var(--tg-common-black);
  margin-right: 3px;
}
.tg-product-details-share a {
  border-radius: 6px;
  width: 36px;
  height: 36px;
  background: #f4f4f4;
  display: inline-block;
  text-align: center;
  line-height: 36px;
}
.tg-product-details-share a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-product-details-tab-nav {
  border-bottom: 3px solid #dfdfdf;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-product-details-tab-nav {
    border-bottom: none;
  }
}
.tg-product-details-tab-nav-inner button {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  color: #9d9fa8;
  margin-right: 20px;
  padding: 20px 20px;
  position: relative;
  border-radius: 10px;
}
.tg-product-details-tab-nav-inner button::before {
  position: absolute;
  content: "";
  background: var(--tg-theme-primary);
  width: 0;
  height: 3px;
  bottom: -3px;
  right: 0;
  left: auto;
  transition: all 0.4s ease;
  border-radius: 10px;
}
.tg-product-details-tab-nav-inner button.active {
  color: var(--tg-theme-primary);
}
.tg-product-details-tab-nav-inner button.active::before {
  width: 100%;
  left: 0;
  right: 0;
}
.tg-product-details-tab-nav-inner button:hover {
  color: var(--tg-theme-primary);
}
.tg-product-details-tab-nav-inner button:hover::before {
  width: 100%;
  left: 0;
  right: 0;
}
.tg-product-details-description-content p {
  line-height: 28px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-product-details-description-content h3 {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.tg-product-details-description-content ul li {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  position: relative;
  padding-left: 17px;
}
.tg-product-details-description-content ul li:not(:last-child) {
  margin-bottom: 4px;
}
.tg-product-details-description-content ul li::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: var(--tg-common-black);
  top: 10px;
  left: 0;
  border-radius: 30px;
}
.tg-product-details-additional {
  margin-top: 67px;
  background-color: var(--tp-common-white);
}
.tg-product-details-additional table {
  width: 100%;
}
.tg-product-details-additional table tr {
  padding: 16px 0 14px;
  display: block;
}
.tg-product-details-additional table tr:not(:last-child) {
  border-bottom: 1px solid #e9e9f0;
}
.tg-product-details-additional table tr th {
  font-weight: 600;
  font-size: 16px;
  color: var(--cm-title-color);
  width: 28%;
  display: inline-block;
}
.tg-product-details-additional table tr td {
  width: 71%;
  display: inline-block;
  font-size: 15px;
  color: var(--cm-paragraph-color);
}
.tg-product-details-additional-inner {
  padding: 45px 70px 45px;
  border: 1px solid #e9e9f0;
}
@media (max-width: 575px) {
  .tg-product-details-additional-inner {
    padding: 15px 20px 15px;
  }
}
.tg-product-rating span {
  font-size: 14px;
  color: var(--tg-common-yellow);
}
.tg-product-rating span:last-child {
  color: #8c8c8c;
}

.tg-cart-table-content table thead tr th {
  font-weight: 600;
  font-size: 20px;
  color: #000;
  padding: 20px 0px;
  padding-bottom: 30px;
}
.tg-cart-table-content table thead tr th.price {
  padding: 20px 40px;
  padding-bottom: 30px;
}
.tg-cart-table-content table thead tr th.subtotal {
  padding: 20px 40px;
  padding-bottom: 30px;
}
.tg-cart-table-content table tbody tr td {
  padding: 20px 0px;
  vertical-align: middle;
}
.tg-cart-table-content table tbody tr td .thumb {
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  line-height: 100px;
}
.tg-cart-table-content table tbody tr td .texts {
  font-weight: 500;
  font-size: 18px;
  margin-left: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-cart-table-content table tbody tr td .texts {
    margin-left: 0;
    margin-top: 20px;
    display: inline-block;
  }
}
.tg-cart-table-content table tbody tr td .texts:hover {
  color: var(--tg-theme-primary);
}
.tg-cart-table-content table tbody tr td.product-price2 {
  font-weight: 500;
  font-size: 20px;
  color: var(--tg-theme-primary);
  padding: 20px 40px;
}
.tg-cart-table-content table tbody tr td.product-subtotal {
  font-weight: 500;
  font-size: 20px;
  color: var(--tg-theme-primary);
  padding: 20px 40px;
}
.tg-cart-table-content table tbody tr td.product-remove {
  text-align: center;
}
.tg-cart-table-content table tbody tr td.product-remove a:hover {
  color: var(--tg-theme-primary);
}
.tg-cart-coupon-all .tg-btn:hover {
  background: var(--tg-common-black);
}
.tg-cart-coupon-all .tg-input {
  font-weight: 500;
  font-size: 14px;
  color: var(--tg-grey-1);
  border-radius: 6px;
  width: 282px;
  height: 50px;
  background: #f6f6f6;
  border: 1px solid transparent;
  margin-right: 4px;
}
.tg-cart-coupon-all .tg-input::placeholder {
  font-weight: 500;
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-cart-coupon-all .tg-input:focus {
  border-color: var(--tg-theme-primary);
}
.tg-cart-page-total ul li {
  font-weight: 600;
  font-size: 18px;
  color: var(--tg-common-black);
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.tg-cart-page-total ul li span {
  font-weight: 500;
  color: var(--tg-grey-1);
}
.tg-cart-page-total ul li.borders {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 13px;
}
.tg-cart-page-total .tg-btn:hover {
  background: var(--tg-common-black);
}
.tg-cart-page-total .tg-btn-black:hover {
  background: var(--tg-theme-primary);
}

.tg-checkout-form-title {
  font-weight: 600;
  font-size: 24px;
}
.tg-checkout-form-title-2 {
  font-size: 22px;
}
.tg-checkout-form-title-3 {
  font-size: 18px;
}
.tg-checkout-form-input .input {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  width: 100%;
  height: 45px;
  background: var(--tg-common-white);
  padding-left: 17px;
  line-height: 45px;
}
.tg-checkout-form-input .input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-checkout-form-input .input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-checkout-form-input .input:-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-checkout-form-input .input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-checkout-form-input .input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-grey-1);
}
.tg-checkout-form-input .input:focus {
  border-color: var(--tg-theme-primary);
}
.tg-checkout-form-input .textarea {
  height: 205px;
}
.tg-checkout-form-btn .tg-btn:hover {
  background: var(--tg-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: 575px) {
  .tg-checkout-form-wrapper {
    margin-right: 0;
  }
}
.tg-checkout-order-table table thead tr {
  border-bottom: 1px solid #e1e1e1;
}
.tg-checkout-order-table table thead tr th {
  font-weight: 600;
  font-size: 15px;
  color: var(--tg-grey-1);
  padding: 0;
  padding-bottom: 12px;
}
.tg-checkout-order-table table tbody {
  padding-top: 12px;
  padding: 10px 0px;
}
.tg-checkout-order-table table tbody .cart_item.first .product-name {
  padding-top: 16px;
}
.tg-checkout-order-table table tbody .cart_item.first .product-total {
  padding-top: 16px;
}
.tg-checkout-order-table table tbody .cart_item .product-name {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
  line-height: 1.4;
  padding: 0;
  border: none;
  padding-bottom: 6px;
}
.tg-checkout-order-table table tbody .cart_item .product-total {
  padding: 0;
  border: none;
}
.tg-checkout-order-table table tbody .cart_item .product-total .amount {
  font-weight: 400;
  font-size: 13px;
  color: var(--tg-grey-1);
  float: right;
  line-height: 1.4;
}
.tg-checkout-order-table table tfoot tr.cart-subtotal {
  border-bottom: 1px solid #e1e1e1;
  line-height: 2;
}
.tg-checkout-order-table table tfoot tr th {
  font-weight: 500;
  font-size: 15px;
  color: var(--tg-grey-1);
  padding: 0 0;
}
.tg-checkout-order-table table tfoot tr td {
  font-weight: 500;
  font-size: 13px;
  color: var(--tg-grey-1);
  float: right;
  border: none;
}
.tg-checkout-para {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}
.tg-checkout-payment {
  display: flex;
}
.tg-checkout-payment label {
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  margin-left: 7px;
}

/*=============================
    	25. shop
===============================*/
.tg-pricing-wrap {
  border: 1px solid var(--tg-border-3);
  border-radius: 20px;
  background: var(--tg-common-white);
  padding: 44px 50px 43px 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: 575px) {
  .tg-pricing-wrap {
    padding: 30px 30px 23px 30px;
  }
}
.tg-pricing-title {
  font-weight: 500;
  font-size: 24px;
}
.tg-pricing-price {
  display: inline-block;
}
.tg-pricing-price h2 {
  font-weight: 700;
  font-size: 50px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0;
}
.tg-pricing-price h2 span {
  font-weight: 500;
  font-size: 20px;
  transform: translateY(6px);
}
.tg-pricing-price .dates {
  font-size: 15px;
  color: var(--tg-common-black);
  float: right;
  transform: translateY(-6px);
}
.tg-pricing-btn .tg-btn {
  background: #f0e9ff;
  color: var(--tg-theme-primary);
}
.tg-pricing-btn .tg-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-pricing-list ul li {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  display: flex;
}
.tg-pricing-list ul li:not(:last-child) {
  margin-bottom: 22px;
}
.tg-pricing-list ul li .icon {
  transform: translateY(-2px);
  margin-right: 7px;
  display: inline-block;
}
.tg-pricing-su-wrap {
  background: #f6f4fa;
}
.tg-pricing-su-wrap .tg-pricing-title {
  font-family: var(--tg-ff-outfit);
}
.tg-pricing-su-wrap .tg-pricing-head p {
  font-family: var(--tg-ff-outfit);
  font-size: 17px;
  color: #353844;
}
.tg-pricing-su-wrap .tg-pricing-price h2 {
  font-family: var(--tg-ff-outfit);
  font-size: 48px;
}
.tg-pricing-su-wrap .tg-pricing-price {
  display: flex;
  align-items: end;
}
.tg-pricing-su-wrap .tg-pricing-price .dates {
  font-family: var(--tg-ff-outfit);
  font-size: 18px;
  color: #353844;
}
.tg-pricing-su-wrap .tg-btn {
  font-family: var(--tg-ff-outfit);
}
.tg-pricing-su-wrap .tg-pricing-list ul li {
  font-size: 17px;
  font-family: var(--tg-ff-outfit);
}
.tg-pricing-su-wrap .br-none {
  border: none;
}
.tg-pricing-su-shape {
  bottom: 0;
  right: 113px;
  z-index: -1;
}
@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: 575px) {
  .tg-pricing-su-shape {
    right: 0;
  }
}
.tg-pricing-su-shape-2 {
  top: 200px;
  left: 105px;
}
@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: 575px) {
  .tg-pricing-su-shape-2 {
    top: 140px;
  }
}

/*=============================
    	13. faq
===============================*/
.tg-faq-content .accordion-button:focus {
  box-shadow: none;
  border: none;
}
.tg-faq-content .accordion-item:first-of-type .accordion-button {
  border-radius: 12px;
}
.tg-faq-content .accordion-body {
  padding: 0px 30px;
  padding-bottom: 25px;
}
.tg-faq-content .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 12px;
}
.tg-faq-content .accordion-item {
  border: 1px solid transparent;
  border: none;
}
.tg-faq-content .accordion-item.tg-faq-active {
  border: 1px solid #d8d8d8;
  border-radius: 12px;
}
.tg-faq-content .accordion-item .accordion-header button {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--tg-common-black);
  border: none;
  padding: 26px 30px;
  background: #f6f7f9;
  border-radius: 12px;
}
.tg-faq-content
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
  color: var(--tg-theme-primary);
}

/*=============================
    	27. team
===============================*/
.tg-team-wrap {
  border: 1px solid var(--tg-border-3);
  border-radius: 30px;
  overflow: hidden;
  background: var(--tg-common-white);
}
.tg-team-wrap:hover .hover-img {
  transform: scale(1.1);
}
.tg-team-thumb {
  background: #efefef;
  padding: 17px 10px 0px 10px;
  overflow: hidden;
  height: 230px;
  display: flex;
  align-items: end;
  justify-content: center;
}
.tg-team-thumb img {
  transition: all 0.4s ease;
}
.tg-team-content {
  padding: 17px 10px 40px 10px;
}
.tg-team-content h5 {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 4px;
}
.tg-team-content h5 a:hover {
  color: var(--tg-theme-primary);
}
.tg-team-content span {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  margin-bottom: 10px;
  display: inline-block;
}
.tg-team-social a {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 37px;
  border-radius: 6px;
  background: #f0e9ff;
  display: inline-block;
  color: var(--tg-theme-primary);
}
.tg-team-social a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
}
.tg-team-shape {
  position: absolute;
  bottom: 0;
  left: 73px;
  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) {
  .tg-team-shape {
    left: 0;
  }
}
.tg-team-shape-2 {
  position: absolute;
  bottom: 0;
  right: 60px;
  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) {
  .tg-team-shape-2 {
    right: 0;
  }
}
.tg-team-details-thumb img {
  border-radius: 30px;
}
.tg-team-details-head {
  padding: 0;
}
.tg-team-details-head h5 {
  font-size: 30px;
  margin-bottom: 8px;
}
.tg-team-details-head span {
  color: var(--tg-theme-primary);
  font-weight: 500;
  margin-bottom: 22px;
}
@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: 575px) {
  .tg-team-details-contant-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
.tg-team-details-contant h6 {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}
.tg-team-details-contant p {
  line-height: 22px;
}
.tg-team-details-contact {
  text-transform: none;
  color: var(--tg-grey-1);
  display: flex;
  margin-bottom: 5px;
}
.tg-team-details-contact span {
  flex: 0 0 auto;
}
.tg-team-details-contact a {
  font-weight: 500;
  font-size: 18px;
  color: var(--tg-common-black);
}
.tg-team-details-contact a:hover {
  color: var(--tg-theme-primary);
}
.tg-team-progress {
  background: var(--tg-border-3);
  width: 100%;
  height: 12px;
  overflow: visible;
  border-radius: 20px;
  margin-bottom: 14px;
}
.tg-team-progress-title {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
  margin-bottom: 12px;
}
.tg-team-progress .progress-bar {
  background-color: var(--tg-theme-primary);
  border-radius: 100px;
  position: relative;
  overflow: visible;
  height: 100%;
}
.tg-team-progress .progress-bar span {
  position: absolute;
  right: 0;
  top: -32px;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--tg-grey-1);
}

/*=============================
    	08. contact
===============================*/
.tg-contact-info-wrap {
  border: 1px solid #e8e8e8;
  border-radius: 30px;
  background: var(--tg-grey-5);
  padding: 46px 50px 40px 50px;
}
@media (max-width: 575px) {
  .tg-contact-info-wrap {
    padding: 26px 30px 20px 30px;
  }
}
.tg-contact-info-wrap .tg-team-details-contact {
  display: block;
}
.tg-contact-info-wrap .item {
  margin-bottom: 14px;
}
.tg-contact-map iframe {
  width: 100%;
  height: 227px;
  border: 1px solid var(--tg-common-white);
  border-radius: 20px;
}
.tg-contact-title {
  font-weight: 600;
  font-size: 36px;
  text-transform: capitalize;
  color: var(--tg-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: 575px) {
  .tg-contact-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tg-contact-content-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
.tg-contact-content-wrap p {
  line-height: 26px;
  text-transform: capitalize;
}
.tg-contact-form .input,
.tg-contact-form .textarea {
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background: transparent;
  height: 45px;
}
.tg-contact-form .textarea {
  height: 140px;
}

/*=============================
    	12. error
===============================*/
.tg-error-content h2 {
  font-size: 50px;
}
.tg-error-content p {
  font-weight: 400;
  font-size: 24px;
  color: var(--tg-grey-1);
}
.tg-error-btn .tg-btn {
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}
.tg-error-spacing {
  padding-top: 237px;
  padding-bottom: 245px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tg-error-spacing {
    padding-top: 200px;
    padding-bottom: 210px;
  }
}
@media (max-width: 575px) {
  .tg-error-spacing {
    padding-top: 140px;
    padding-bottom: 150px;
  }
}

/*=============================
    	30. login
===============================*/
.tg-login-wrapper {
  padding: 100px 85px 100px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 60px rgba(3, 4, 28, 0.1);
}
@media (max-width: 575px) {
  .tg-login-wrapper {
    padding: 50px 25px 50px;
  }
}
.tg-login-top h2 {
  font-size: 34px;
  letter-spacing: -0.04em;
  margin-bottom: 6px;
}
.tg-login-navigate a {
  text-decoration: underline;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tg-common-black);
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  min-height: 3.2rem;
}

.tg-featured-badges {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  z-index: 2;
}
.tg-featured-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #111;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.tg-featured-badge-primary {
  background: var(--tg-theme-primary);
}
.tg-featured-badge-info {
  background: #1fa2ff;
}
.tg-featured-badge-accent {
  background: #ff7a00;
}

/* Tur kart etiket renkleri (öne çıkan / popüler / yeni) */
.tg-listing-item-price-discount.shape-3.badge-one-cikan {
  background: linear-gradient(135deg, #ff9800 0%, #ff6d00 100%);
}
.tg-listing-item-price-discount.shape-3.badge-populer {
  background: linear-gradient(
    135deg,
    var(--tg-theme-primary) 0%,
    var(--tg-theme-secondary) 100%
  );
}
.tg-listing-item-price-discount.shape-3.badge-yeni-tur {
  background: linear-gradient(135deg, #1fa2ff 0%, #12d8fa 100%);
}
.badge-stack {
  display: inline-flex;
}
.badge-stack-margin {
  margin-top: 30px;
  display: inline-flex;
}

/* Tur Booking Quantity Input Styles */
.qty-input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 6px 10px;
  max-width: 100%;
  background: #fff;
}

.qty-btn {
  border: none;
  background: #f3f4f6;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
}

.qty-btn:hover {
  background: #e5e7eb;
  color: #1f2937;
}

.qty-btn:active {
  background: #d1d5db;
}

.qty-input {
  border: none;
  box-shadow: none;
  padding: 8px 0;
  font-weight: 600;
  text-align: center;
  flex-grow: 1;
}

.qty-input:focus {
  outline: none;
  box-shadow: none;
}

/*# sourceMappingURL=main.css.map */

.modal-content h1 {
  font-size: 18px;
}

.modal-content h2 {
  font-size: 16px;
}
.modal-content h3 {
  font-size: 15px;
}
.modal-content h4 {
  font-size: 15px;
}
.modal-content h5 {
  font-size: 14px;
}
.modal-content h6 {
  font-size: 14px;
}
.modal-content p {
  font-size: 15px;
}

.rating-icon {
  cursor: pointer;
  display: inline-flex;
  gap: 2px;
}
.rating-icon i {
  color: #fbbf24;
  font-size: 18px;
  transition: all 0.2s ease;
}
.rating-icon i:hover {
  transform: scale(1.1);
}
.rating-icon i.fa-solid {
  color: #f59e0b;
}

/* Menü için özel container yapısı */
.container-menu {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-menu {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-menu {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-menu {
    max-width: 960px;
  }
}

/* XL ekranlarda daha geniş */
@media (min-width: 1200px) {
  .container-menu {
    max-width: 1400px;
  }
}

/* XXL ekranlarda daha da geniş */
@media (min-width: 1400px) {
  .container-menu {
    max-width: 1600px;
  }
}

/* Genis icerik containeri. Temadaki .container-1545 kurali yalnizca
   1400px ustunde max-width veriyor; kenar bosluklari burada tanimli. */
.container-1545 {
  max-width: 1545px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 575px) {
  .container-1545 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.tg-booking-quantity-item .increment,
.tg-booking-quantity-item .decrement {
  cursor: pointer;
  user-select: none;
}

@media (max-width: 991px) {
  .tg-booking-form-input-group {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .tg-booking-form-parent-inner {
    margin-right: 0 !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .tg-booking-form-search-btn {
    width: 100% !important;
  }

  .tg-booking-form-search-btn button {
    width: 100% !important;
  }
}

/* ====================================================================
   TUR SATIŞ SEÇENEKLERİ
   Bir turun birden fazla satış seçeneği (1 Saatlik ATV / 2 Saatlik ATV)
   ==================================================================== */
.tur-secenek-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--tg-common-black, #16161a);
    margin-bottom: 8px;
}

.tur-secenek-listesi {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tur-secenek-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e4e6ea;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
    margin: 0;
}

.tur-secenek-satir:hover {
    border-color: var(--tg-theme-primary, #0b5299);
    background-color: #fafbfc;
}

.tur-secenek-satir.secili {
    border-color: var(--tg-theme-primary, #0b5299);
    background-color: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .06);
}

.tur-secenek-satir input[type="radio"] {
    flex: 0 0 auto;
    margin: 0;
    accent-color: var(--tg-theme-primary, #0b5299);
}

.tur-secenek-govde {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tur-secenek-ad {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--tg-common-black, #16161a);
}

.tur-secenek-alt {
    font-size: 11.5px;
    color: #7a7f87;
    line-height: 1.3;
}

.tur-secenek-fiyat {
    flex: 0 0 auto;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: var(--tg-theme-primary, #0b5299);
    white-space: nowrap;
    line-height: 1.25;
}

.tur-secenek-fiyat small {
    display: block;
    font-size: 10.5px;
    font-weight: 500;
    color: #7a7f87;
    white-space: normal;
}

@media (max-width: 400px) {
    .tur-secenek-satir { padding: 9px 10px; }
    .tur-secenek-ad    { font-size: 12.5px; }
    .tur-secenek-fiyat { font-size: 13px; }
}

/* ====================================================================
   FOOTER — YASAL SAYFA LİNKLERİ
   ==================================================================== */
.tg-footer-yasal {
    padding: 14px 0 4px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin-top: 10px;
}

.tg-footer-yasal-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tg-footer-yasal-list li {
    position: relative;
}

.tg-footer-yasal-list li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 11px;
    background: rgba(255, 255, 255, .22);
}

.tg-footer-yasal-list a {
    font-size: 12.5px;
    color: rgba(255, 255, 255, .62);
    transition: color .15s ease;
}

.tg-footer-yasal-list a:hover {
    color: var(--tg-theme-primary, #0b5299);
}

@media (max-width: 575px) {
    .tg-footer-yasal-list { gap: 5px 14px; }
    .tg-footer-yasal-list a { font-size: 11.5px; }
    .tg-footer-yasal-list li:not(:last-child)::after { right: -7px; }
}

/* ====================================================================
   ÇAPRAZ SATIŞ — tamamlayıcı tur önerileri
   ==================================================================== */
.capraz-satis-baslik {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--tg-common-black, #16161a);
    margin-bottom: 9px;
}

.capraz-satis-liste {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.capraz-satis-satir {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid #e4e6ea;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
    margin: 0;
}

.capraz-satis-satir:hover {
    border-color: var(--tg-theme-primary, #0b5299);
    background-color: #fafbfc;
}

.capraz-satis-satir:has(input:checked) {
    border-color: var(--tg-theme-primary, #0b5299);
    background-color: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .06);
}

.capraz-satis-satir input[type="checkbox"] {
    flex: 0 0 auto;
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: var(--tg-theme-primary, #0b5299);
}

.capraz-satis-gorsel {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
}

.capraz-satis-govde {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.capraz-satis-ad {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--tg-common-black, #16161a);
}

.capraz-satis-aciklama {
    font-size: 11px;
    color: #7a7f87;
    line-height: 1.3;
}

.capraz-satis-fiyat {
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
    line-height: 1.25;
}

.capraz-satis-eski {
    display: block;
    font-size: 10.5px;
    color: #9aa0a6;
}

.capraz-satis-yeni {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--tg-theme-primary, #0b5299);
}

.capraz-satis-rozet {
    display: inline-block;
    margin-top: 2px;
    padding: 1px 5px;
    font-size: 9.5px;
    font-weight: 600;
    color: #fff;
    background: #e11d48;
    border-radius: 3px;
}

.capraz-satis-not {
    margin-top: 7px;
    font-size: 11px;
    color: #7a7f87;
}

/* Seçilenlerin toplamı */
.capraz-satis-toplam {
    margin-top: 8px;
    padding: 7px 10px;
    font-size: 12.5px;
    background: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .08);
    border-radius: 6px;
    color: var(--tg-common-black, #16161a);
}

.capraz-satis-toplam strong {
    color: var(--tg-theme-primary, #0b5299);
}

@media (max-width: 400px) {
    .capraz-satis-gorsel { width: 34px; height: 34px; }
    .capraz-satis-ad     { font-size: 12px; }
    .capraz-satis-yeni   { font-size: 12.5px; }
}

/* ====================================================================
   ANASAYFA — OZELLIK KARTLARI / TANITIM BOLUMU / MISAFIR YORUMLARI
   Bolumler temanin hazir bilesenleriyle kuruldu (tg-chose-6-wrap,
   tg-about-content, tg-testimonial-item). Buradaki kurallar yalnizca
   temada eksik olan olculeri ve mor tonlu ikon kutusunu tamamliyor.
   ==================================================================== */

/* --- Ozellik kartlari --- */
.tg-chose-6-wrap {
    height: 100%;
}

/* Temada ikon kutusunun zemini mor (#f0e9ff) idi; tema yesiline cekildi */
.tg-chose-6-wrap .icon {
    background: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .10);
}

.tg-chose-6-wrap .icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    vertical-align: middle;
}

/* Gorsel yuklenmemis kartlarda eski sitedeki gibi 01/02/03 yazar */
.tg-ozellik-numara {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;
    color: var(--tg-theme-primary, #0b5299);
}

.tg-chose-6-title {
    font-size: 22px;
}

.tg-chose-6-title a {
    color: inherit;
}

.tg-chose-6-title a:hover {
    color: var(--tg-theme-primary, #0b5299);
}

.tg-ozellik-link {
    display: inline-block;
    margin-bottom: 18px;
    font-weight: 600;
    color: var(--tg-theme-primary, #0b5299);
}

.tg-ozellik-link i {
    font-size: 13px;
    margin-left: 4px;
}

/* --- Tanitim bolumu (eski "Balon Turu" alani) --- */
.tg-tanitim-thumb img {
    max-height: 520px;
    object-fit: cover;
}

.tg-tanitim-content {
    margin: 0 0 0 40px;
}

@media (max-width: 991px) {
    .tg-tanitim-content {
        margin-left: 0;
    }
}

/* --- Turlar bolumu aciklama paragrafi --- */
.tg-listing-section-para {
    margin-bottom: 0;
    line-height: 28px;
}

/* --- Misafir yorumlari --- */
.tg-yorum-area .tg-testimonial-item {
    height: 100%;
}

.tg-testimonial-avatar-thumb img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

/* Fotograf girilmemisse yabanci bir stok fotograf yerine bas harfler */
.tg-yorum-harf {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    background: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .12);
    color: var(--tg-theme-primary, #0b5299);
}

/* Yorum yildizlari veriye gore basiliyor: temadaki "son yildiz hep soluk"
   kurali (span:last-child) 5 puanli yorumlari 4 gibi gosteriyordu. */
.tg-yorum-area .tg-testimonial-ratings span.dolu {
    color: var(--tg-common-yellow, #ffb930);
}

.tg-yorum-area .tg-testimonial-ratings span.bos {
    color: #ded9ce;
}

/* Temada yorum metni `capitalize` idi: Turkce cumleleri "Oldukça Ilgili Bir
   Ekip" gibi her kelimesi buyuk harfle basiyor, ayrica I/İ ayrimini bozuyordu.
   (Ayni sorun footer ve slayt paragraflarinda da vardi.) */
.tg-testimonial-avatar-para,
.tg-testimonial-avatar-content h5 {
    text-transform: none;
}

/* Arama formundaki "Bölgeler" / "Misafir" açılır panelleri, altındaki
   bölümlerin (özellik kartları) arkasında kalıyordu: form alanı üst sıraya
   alındı. Panel `position:absolute` ama z-index'i yoktu. */
.tg-booking-form-area {
    position: relative;
    z-index: 20;
}

/* Otel liste kartlarindaki gorseller. Sayfa genisleyince 240px sabit
   yukseklik kisa kaliyordu; ekran genisligine gore artiyor. */
.otel-kart-gorsel {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

@media (max-width: 1399px) {
    .otel-kart-gorsel { height: 330px; }
}

@media (max-width: 991px) {
    .otel-kart-gorsel { height: 280px; }
}

@media (max-width: 575px) {
    .otel-kart-gorsel { height: 220px; }
}

/* ANASAYFA ORTA TANITIM BANDI
   Görsel sayfaya keskin bir kenarla giriyordu; üstten ve alttan beyaza
   doğru yumuşatıldı. Başlık bandın alt yarısında durduğu için beyaz
   kontur yerine marka lacivertiyle çiziliyor, arkasına yumuşak beyaz
   gölge veriliyor — hem açık hem koyu zeminde okunuyor. */
.tg-banner-area {
    position: relative;
}

.tg-banner-area::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom,
            #fff 0%,
            rgba(255, 255, 255, .78) 7%,
            rgba(255, 255, 255, 0) 24%,
            rgba(255, 255, 255, 0) 54%,
            rgba(255, 255, 255, .80) 84%,
            #fff 100%);
}

.tg-banner-area > * {
    position: relative;
    z-index: 2;
}

.tg-banner-2-big-title h2 {
    -webkit-text-stroke-color: var(--tg-theme-secondary, #324682);
    text-shadow: 0 2px 18px rgba(255, 255, 255, .9);
}

/* FOOTER — marka zemini.
   Temanin footer.jpg'si düz koyu mordu (#0f0520) ve logoyla uyuşmuyordu.
   Yerine logodaki lacivertten (#324682) koyuya giden bir geçiş kondu. */
.tg-footer-marka {
    background-color: var(--tg-marka-lacivert-koyu, #1e2a56);
    background-image: linear-gradient(180deg,
            var(--tg-marka-lacivert, #324682) 0%,
            var(--tg-marka-lacivert-koyu, #1e2a56) 55%,
            #16203f 100%);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Misafir yorumları ve blog slider'larının nokta ve okları (ortak) */
.tg-yorum-nav,
.tg-blog-nav {
    margin-top: 10px;
}

.tg-yorum-prev,
.tg-yorum-next,
.tg-blog-prev,
.tg-blog-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: var(--tg-common-white, #fff);
    color: var(--tg-theme-primary, #0b5299);
    transition: all .3s ease;
}

.tg-yorum-prev:hover,
.tg-yorum-next:hover,
.tg-blog-prev:hover,
.tg-blog-next:hover {
    background: var(--tg-theme-primary, #0b5299);
    border-color: var(--tg-theme-primary, #0b5299);
    color: #fff;
}

.tg-yorum-dots,
.tg-blog-dots {
    width: auto !important;
    left: auto !important;
    bottom: auto !important;
}

.tg-yorum-dots .swiper-pagination-bullet,
.tg-blog-dots .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: #c9d2dd;
    opacity: 1;
    margin: 0 4px !important;
}

.tg-yorum-dots .swiper-pagination-bullet-active,
.tg-blog-dots .swiper-pagination-bullet-active {
    width: 26px;
    border-radius: 6px;
    background: var(--tg-theme-primary, #0b5299);
}

/* Tanıtım bandındaki dev başlık mobilde satıra sığmıyordu: 130px'lik yazı
   ekranı aşıp sayfayı yana kaydırıyordu (tema en küçük ölçü olarak 70px
   veriyor). Küçük ekranlarda ölçü düşürülüp taşma engellendi. */
@media (max-width: 767px) {
    .tg-banner-2-big-title h2 {
        font-size: 46px;
        letter-spacing: .05em;
        line-height: 1.1;
        overflow-wrap: break-word;
    }
}

@media (max-width: 575px) {
    .tg-banner-2-big-title h2 {
        font-size: 32px;
        letter-spacing: .03em;
        -webkit-text-stroke-width: 1.2px;
    }
}

.tg-banner-2-big-title {
    max-width: 100%;
    overflow: hidden;
}

/* Turlar, transferler ve bölge detayında arama formu üst görselin üzerine
   90px biniyor (.tg-booking-form-grid-space margin-top: -90px). Bant kısa
   görünmesin diye bu sayfalarda alt boşluk artırıldı. */
.tg-breadcrumb-aramali {
    padding-bottom: 215px;
}

@media (max-width: 767px) {
    .tg-breadcrumb-aramali {
        padding-bottom: 170px;
    }
}

/* SAYAÇLAR — mobil yerleşim.
   Tema sayıyı 90px'lik açık gri filigran olarak basıp etiketi üstüne
   bindiriyor; dar ekranda 5 haneli sayı taşıyordu. Mobilde sayı okunur
   boyutta marka renginde, etiket altında. Ayrıca satırda iki sayaç. */
@media (max-width: 767px) {
    .tg-counter-area .tg-counter-item {
        flex-direction: column;
        text-align: center;
    }

    .tg-counter-area .tg-counter-icon {
        margin-right: 0 !important;
        margin-bottom: 6px;
    }

    .tg-counter-area .tg-counter-icon img {
        height: 38px !important;
    }

    .tg-counter-area .tg-counter-title {
        font-size: 30px;
        line-height: 1.1;
        color: var(--tg-theme-primary, #0b5299);
    }

    .tg-counter-area .tg-counter-subtitle {
        position: static;
        transform: none;
        display: block;
        font-size: 13px;
        line-height: 1.3;
        margin-top: 2px;
    }

    .tg-counter-area .tg-counter-content {
        max-width: 100%;
    }
}

/* Geniş ekranda da 5 haneli sayılar sütundan taşmasın */
.tg-counter-item {
    max-width: 100%;
}

.tg-counter-content {
    min-width: 120px;
}

/* Sayaç rakamları 90px'ti; 5 haneli değerlerde sütundan taşıp alt satıra
   kırılıyordu (12.00 / 0). Ölçü küçültüldü ve satır kırılması kapatıldı. */
.tg-counter-title {
    font-size: 56px;
    white-space: nowrap;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tg-counter-title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .tg-counter-title {
        font-size: 44px;
    }
}

.tg-counter-content {
    min-width: 150px;
}

/* Özellik kartları mobilde alt alta gelince araları kapanıyordu
   (kart `height:100%` olduğu için sütun içindeki alt boşluk yutuluyordu). */
@media (max-width: 991px) {
    .tg-ozellik-area .tg-chose-6-wrap {
        height: auto;
        margin-bottom: 24px;
    }
}


/* Blog slider (anasayfa) — kartlar tek boy.
   Slayt yuksekligi otomatik olmazsa Swiper en uzun karta gore hizalar,
   kisa kartlarin alti bos kalir. Gorsel olculeri veriden geldigi icin
   kapak yuksekligi de sabitlendi. */
.tg-blog-slider .swiper-slide {
    height: auto;
}

.tg-blog-slider .tg-blog-item {
    height: 100%;
}

.tg-blog-slider .tg-blog-thumb img {
    height: 240px;
    object-fit: cover;
}

@media (max-width: 575px) {
    .tg-blog-slider .tg-blog-thumb img {
        height: 200px;
    }
}

/* ===== Mega menü (Turlar gibi çok alt öğeli açılır menüler) =====
   Tek sütunlu açılır menü 18 kategoriyi taşımıyordu. Alt öğe sayısı 7 ve
   üzerindeyse (header.php işaretliyor) menü container genişliğinde, sütunlu
   açılıyor. Üçüncü seviye header.php'de kapatıldı.

   Konumlandırma: panelin referansı header barının içindeki container
   (.container-1545). Satıra göre konumlanınca panelin üst kenarı logonun
   üzerine biniyordu (ölçüm: panel 125, logo 130'da bitiyor). Referans önce
   barın kendisiydi ama bar tam genişlikte olduğu için panel de ekranı baştan
   sona kaplıyordu; artık container referans, panel sayfa içeriğiyle aynı
   genişlikte (yanlarda container padding'i kadar içeri çekiliyor). */
.tg-header-4-bootom > .container-1545 {
    position: relative;
}

.tgmenu__navbar-wrap ul.navigation > li.tg-mega-menu-parent {
    position: static;
}

.tgmenu__navbar-wrap ul.navigation > li.tg-mega-menu-parent > .sub-menu.tg-mega-menu {
    /* Panel container'in 10px altina iniyor (olcum: container 148'de bitiyor,
       panel 158'de basliyor). 33 = 10px bosluk + 1200px ustunde acilir menuye
       verilen margin-top: -23px telafisi (bkz. .tgmenu--styled kurali).
       left/right = container padding'i, boylece panel sayfa icerigiyle ayni
       hizada basliyor ve bitiyor. */
    top: calc(100% + 33px);
    left: 30px;
    right: 30px;
    width: auto;
    min-width: 0;
    padding: 24px 26px 26px;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(17, 35, 65, .16);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 2px;
    transform: scaleY(0);
    transform-origin: 50% 0;
}

.tgmenu__navbar-wrap ul.navigation > li.tg-mega-menu-parent:hover > .sub-menu.tg-mega-menu {
    transform: scaleY(1);
}

/* Barla panel arasindaki 12px bosluk imlec gecerken menuyu kapatmasin diye
   seffaf kopru. */
.tgmenu__navbar-wrap ul.navigation > li.tg-mega-menu-parent > .sub-menu.tg-mega-menu::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -37px;
    height: 37px;
}

.tgmenu__navbar-wrap ul li .sub-menu.tg-mega-menu li a {
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 14.5px;
    line-height: 1.35;
    transition: background .2s ease, color .2s ease;
}

.tgmenu__navbar-wrap ul li .sub-menu.tg-mega-menu li:hover > a {
    transform: none;
    background: rgba(var(--tg-theme-primary-rgb, 11, 82, 153), .07);
    color: var(--tg-theme-primary, #0b5299);
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .tgmenu__navbar-wrap ul.navigation > li.tg-mega-menu-parent > .sub-menu.tg-mega-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Alt menüdeki mor vurgu tema artığıydı; marka rengine çekildi. */
.tgmenu__navbar-wrap ul li .sub-menu li:hover > a,
.tgmenu__navbar-wrap ul li .sub-menu li.active > a {
    color: var(--tg-theme-primary, #0b5299);
}

/* ---------------------------------------------------------------
   Tur kategorisi suzgeci — agac girintisi
   Kategoriler uc seviyeli (Turlar > Turkiye Turlari > Istanbul Turu).
   Turlar ve bolge sayfasindaki kutucuk listelerinde alt kategoriler
   girintili ve biraz daha soluk basiliyor.
   --------------------------------------------------------------- */
.tg-filter-list li.tg-kategori-seviye-1,
.tg-booking-form-location-list li.tg-kategori-seviye-1 {
    padding-left: 18px;
}

.tg-filter-list li.tg-kategori-seviye-2,
.tg-booking-form-location-list li.tg-kategori-seviye-2 {
    padding-left: 36px;
}

.tg-filter-list li.tg-kategori-seviye-0 > .checkbox > .tg-label,
.tg-booking-form-location-list li.tg-kategori-seviye-0 > .checkbox > .tg-label {
    font-weight: 600;
}

.tg-filter-list li.tg-kategori-seviye-2 > .checkbox > .tg-label,
.tg-booking-form-location-list li.tg-kategori-seviye-2 > .checkbox > .tg-label {
    font-size: 13.5px;
}

/* Bolum altindaki "hepsini gor" baglantisi (anasayfada bolgeler bolumu).
   Blog bolumunun altindaki satirla ayni gorunum. */
.tg-bolum-alt-link p {
    font-weight: 500;
}

.tg-bolum-alt-link p a {
    color: var(--tg-theme-primary, #0b5299);
    text-decoration: underline;
}

/* Turlar sayfasi suzgeci — "Filtreleri Uygula" alani.
   Suzgecler artik tiklandigi anda gonderilmiyor; secim bittikten sonra bu
   dugmeyle uygulaniyor. */
.tg-filter-uygula .turuncu-btn {
    padding: 12px 16px;
    font-weight: 600;
}

.tg-filter-temizle {
    color: var(--tg-grey-1, #6b7280);
    font-size: 14px;
    text-decoration: underline;
}

.tg-filter-temizle:hover {
    color: var(--tg-theme-primary, #0b5299);
}

.tg-filter-para-birimi {
    font-size: 13px;
    color: var(--tg-grey-1, #6b7280);
}

/* ---------------------------------------------------------------
   Tur detayi ust gorsel seridi
   Onceki 4 kutuluk izgara, gorsel sayisi 4'ten azken ayni fotografi
   tekrarliyor ve fotograflari kirpiyordu. Yerine: masaustunde en fazla
   400px yuksekliginde, kesintisiz kayan serit. Gorseller sabit yukseklikte
   ve serbest genislikte basildigi icin kirpilmiyor.
   Tek gorsel varsa serit yerine o gorsel gosteriliyor (.tur-hero-tek).
   --------------------------------------------------------------- */
.tur-hero-serit {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.tur-hero-serit-ic {
    display: flex;
    gap: 14px;
    width: max-content;
    will-change: transform;
}

.tur-hero-serit a {
    flex: 0 0 auto;
    display: block;
    height: 400px;
    border-radius: 14px;
    overflow: hidden;
}

.tur-hero-serit img {
    height: 100%;
    width: auto;
    max-width: none;
    display: block;
    object-fit: cover;
}

/* Imlec seridin uzerindeyken dursun — ziyaretci bir kareye bakmak isteyebilir */
.tur-hero-serit:hover .tur-hero-serit-ic {
    animation-play-state: paused;
}

.tur-hero-tek img {
    width: 100%;
    max-height: 400px;
    height: auto;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

@media (max-width: 991px) {
    .tur-hero-serit a { height: 280px; }
    .tur-hero-tek img { max-height: 280px; }
}

@media (max-width: 575px) {
    .tur-hero-serit { border-radius: 12px; }
    .tur-hero-serit a { height: 210px; border-radius: 10px; }
    .tur-hero-serit-ic { gap: 10px; }
    .tur-hero-tek img { max-height: 210px; border-radius: 12px; }
}

/* Hareketi azaltmayi tercih eden ziyaretcide serit durur, yatay kaydirilabilir */
@media (prefers-reduced-motion: reduce) {
    .tur-hero-serit { overflow-x: auto; }
    .tur-hero-serit-ic { animation: none !important; transform: none !important; }
}

@keyframes turHeroKay {
    from { transform: translateX(0); }
    to   { transform: translateX(var(--tur-hero-mesafe, -50%)); }
}

/* ---------------------------------------------------------------
   Ust menu yazi boyutu
   Menu 11 ogeden 7'ye inince yer acildi; ust seviye basliklar bir tik
   buyutuldu (15 -> 16.5px). Acilir menuler kendi boyutunda kaliyor.
   --------------------------------------------------------------- */
.tgmenu__navbar-wrap ul.navigation > li > a {
    font-size: 16.5px;
    letter-spacing: .1px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .tgmenu__navbar-wrap ul.navigation > li > a {
        font-size: 16px;
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* Menu basliklari veritabaninda dogru yazimda; capitalize Turkce baglaclari
   ("ve", "ile") buyutuyordu — 19/24/29/47 numarali hatalarin ayni kaynagi. */
.tgmenu__navbar-wrap ul li a,
.tgmobile__menu .navigation li a {
    text-transform: none;
}

/* Kismi secili ust kategori (alt kategorilerin bir kismi isaretli).
   .tg-checkbox appearance:none oldugu icin tarayicinin kendi isareti
   gorunmuyor; tire elle ciziliyor. */
.tg-checkbox:indeterminate {
    position: relative;
    background-color: var(--tg-theme-primary, #0b5299);
    border-color: var(--tg-theme-primary, #0b5299);
}

.tg-checkbox:indeterminate::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 2px;
    border-radius: 1px;
    background: var(--tg-common-white, #fff);
    transform: translate(-50%, -50%);
}

/* Turlar sayfasi sol suzgecindeki arama kutusu + dugmesi */
.tg-filter-ara .form-control {
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-right: none;
    border-radius: 5px 0 0 5px;
    width: 100%;
}

.tg-filter-ara-btn {
    flex: 0 0 auto;
    width: 46px;
    border: 1px solid var(--tg-theme-primary, #0b5299);
    background: var(--tg-theme-primary, #0b5299);
    color: var(--tg-common-white, #fff);
    border-radius: 0 5px 5px 0;
    line-height: 1;
}

.tg-filter-ara-btn:hover {
    background: var(--tg-theme-secondary, #12beb6);
    border-color: var(--tg-theme-secondary, #12beb6);
}

/* Ust arama formundaki "Bolgeler / Kategoriler" acilir kutusunun basligi.
   Secilenlerin adi uzun oldugunda kutu birkac satira uzayip formu dagitiyordu;
   baslik tek satirda kalip ucu uc noktayla kesiliyor (tamami title ipucunda). */
.tg-booking-add-input-field .tg-booking-title-value {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------------------------------------------------------------
   Anasayfa tur izgarasi (sekmeli "Öne Çıkan Turları Keşfedin")
   Kartlar farkli boyda oldugunda izgara kayiyordu; Isotope artik fitRows
   kullaniyor ve kart icerigi sabit yukseklikte: fiyat satiri ve bolge satiri
   bos olsa da yer tutuyor, baslik iki satirda kesiliyor.
   --------------------------------------------------------------- */
.project-active-two .tg-listing-2-price-wrap {
    min-height: 34px;
}

.project-active-two .tg-listing-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
    line-height: 24px;
}

.project-active-two .tg-listing-card-duration-tour {
    min-height: 24px;
}

/* "Tümünü Listele" düğmesi */
.tg-listing-tumu-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 14px 34px;
    border-radius: 8px;
    font-weight: 600;
    background: var(--tg-theme-primary, #0b5299);
    color: var(--tg-common-white, #fff);
}

.tg-listing-tumu-btn:hover {
    background: var(--tg-theme-secondary, #12beb6);
    color: var(--tg-common-white, #fff);
}