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

   Theme Name: Fastorest - Food & Resturant HTML Template
   Author : codexunictheme
   Description: Fastorest - Food & Resturant HTML Template
   Version: 1.0

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

	// components

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

	// layout

    01. about
	02. banner
	03. blog
	04. brands
	05. cetagory
	06. chose
	07. contact
	08. cta
	09. cursor
	10. footer
	11. gallery
	12. Header
	13. hero
	14. instagram
	15. menu
	16. menulist
	17. product
	18. reservation
	19. service
	20. team
	21. testimonial
	22. text
	23. video
==============================================*/
/*============================================
/*  01. Theme Default CSS
==============================================*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Londrina+Solid:wght@100;300;400;900&display=swap");
:root {
  --td-ff-body: "Jost", sans-serif;
  --td-ff-heading: "Londrina Solid", sans-serif;
  --td-ff-dm: "DM Sans", sans-serif;
  --td-ff-hanken: "Hanken Grotesk", sans-serif;
  --td-ff-fontawesome: "Font Awesome 6 Pro";
  --td-common-white: #ffffff;
  --td-common-black: #101010;
  --td-common-black-2: #0d0d0d;
  --td-common-orange: #ff6404;
  --td-grey-1: #b9b9b9;
  --td-grey-2: #e1e1e1;
  --td-theme-primary: #cd3e1e;
  --td-border-1: rgba(64, 64, 64, 0.4705882353);
}

/*=============================
	Typography css start
===============================*/
body {
  font-family: var(--td-ff-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--td-common-white);
  line-height: 1.1;
}

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

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: transparent;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 15px;
  color: var(--td-common-white);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid var(--td-border-1);
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--td-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(--td-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(--td-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(--td-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(--td-grey-1);
}
input[type="text"]:focus::placeholder,
input[type="email"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="number"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="url"]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--td-common-white);
  font-weight: 600;
  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: 42px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 18px;
}

p {
  margin-bottom: 15px;
  color: var(--td-grey-1);
}

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

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

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

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

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

*::placeholder {
  color: var(--td-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;
}

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

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

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

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

.fix {
  overflow: hidden;
}

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

/*=============================
    - 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-1680 {
    max-width: 1680px;
  }
}
@media (min-width: 1400px) {
  .container-1824 {
    max-width: 1824px;
  }
}
/*=============================
	04. Button
===============================*/
.td-btn {
  position: relative;
  display: inline-block;
}
.td-btn-text {
  font-size: 16px;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 9999px;
  color: var(--td-common-white);
  background-color: var(--td-theme-primary);
}
.td-btn-circle {
  width: 46px;
  height: 46px;
  line-height: 46px;
  margin-left: -4px;
  text-align: center;
  border-radius: 9999px;
  transition-duration: 0.9s;
  background: var(--td-theme-primary);
  transition-timing-function: cubic-bezier(0.135, 0.9, 0.15, 1);
}
.td-btn-circle > svg {
  width: 14px;
  margin-left: 3px;
  color: var(--td-common-white);
  transform: translateX(-2px);
}
.td-btn:hover .td-btn-circle {
  transform: translateX(12px) rotate(45deg);
}
.td-btn-white .td-btn-text {
  color: var(--td-common-black);
  background-color: var(--td-common-white);
}
.td-btn-white .td-btn-circle {
  background-color: var(--td-common-white);
}
.td-btn-white .td-btn-circle > svg {
  color: var(--td-common-black);
}

/*=============================
  10. Preloader
===============================*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--td-theme-primary);
}

.loading {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, #0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 50%;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}
/*=============================
    02. background
===============================*/
.td-bg-black {
  background: var(--td-common-black);
}

.td-bg-black-2 {
  background: var(--td-common-black-2);
}

.td-bg-black-3 {
  background: #0d0d0d;
}

/*=============================
	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(--td-border-1);
}
.offCanvas-toggle .menu-tigger {
  color: var(--td-common-black);
}
.offCanvas-toggle .menu-tigger:hover {
  color: var(--td-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 {
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
  height: 100%;
  padding: 30px;
  padding-top: 80px;
  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: 400px;
  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%);
}
@media (max-width: 575px) {
  .offCanvas__info {
    width: 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-para {
  font-size: 18px;
}
.offCanvas__close-icon {
  position: absolute;
  top: 0;
  right: 0;
}
.offCanvas__close-icon button {
  color: var(--td-common-white);
  cursor: pointer;
  font-size: 24px;
  padding: 0;
  transition: all 0.4s ease;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: var(--td-theme-primary);
}
.offCanvas__close-icon button i {
  transition: all 0.4s ease;
}
.offCanvas__close-icon button:hover {
  color: var(--td-common-white);
}
.offCanvas__close-icon button:hover i {
  transform: rotate(180deg);
}
.offCanvas__social-icon span {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  color: var(--td-common-white);
  display: block;
  margin-bottom: 15px;
}
.offCanvas__social-icon a {
  color: var(--td-common-white);
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  width: 42px;
  height: 42px;
  font-size: 18px;
  line-height: 42px;
  border: 1px solid var(--td-border-1);
  border-radius: 50%;
  transition: all 0.4s ease;
}
.offCanvas__social-icon a svg {
  transform: translateY(-2px);
  width: 16px !important;
}
.offCanvas__social-icon a:hover {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
  border-color: var(--td-theme-primary);
}
.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;
}

.contact-list h4 {
  color: var(--td-common-white);
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 15px;
}
.contact-list a {
  margin: 0;
  margin-bottom: 8px;
  font-size: 18px;
  color: var(--td-grey-1);
  line-height: 26px;
  display: flex;
  align-items: center;
}
.contact-list a i {
  font-size: 20px;
  width: 20px;
  margin-right: 15px;
}
.contact-list a:hover {
  color: var(--td-theme-primary);
}

.offcanvas-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
.offcanvas-gallery .popup-image {
  position: relative;
}
.offcanvas-gallery .popup-image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--td-theme-primary);
  top: 0;
  left: 0;
  opacity: 0.6;
  transform: scale(0);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.offcanvas-gallery .popup-image:hover::after {
  transform: scale(1);
}
.offcanvas-title-wrap h3 {
  font-weight: 600;
  font-size: 34px;
  letter-spacing: -0.01em;
}

/*=========================
      03. Breadcrumb
===========================*/
.td-breadcrumb-tittle {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 120px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-breadcrumb-tittle {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-breadcrumb-tittle {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .td-breadcrumb-tittle {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-breadcrumb-tittle {
    font-size: 75px;
  }
}
@media (max-width: 575px) {
  .td-breadcrumb-tittle {
    font-size: 55px;
    margin-bottom: 15px !important;
  }
}
.td-breadcrumb-content {
  padding-top: 187px;
  padding-bottom: 190px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-breadcrumb-content {
    padding-top: 147px;
    padding-bottom: 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) {
  .td-breadcrumb-content {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}
.td-breadcrumb-navigation ul {
  display: flex;
}
.td-breadcrumb-navigation ul li {
  font-weight: 600;
  font-size: 42px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .td-breadcrumb-navigation ul li {
    font-size: 25px;
  }
}
.td-breadcrumb-navigation ul li a {
  margin-right: 10px;
  color: var(--td-grey-1);
}
.td-breadcrumb-navigation ul li a:hover {
  color: var(--td-theme-primary);
}

/*=============================
    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(--td-common-white);
  text-align: center;
  cursor: pointer;
  background: var(--td-theme-primary);
  transition: all 0.4s 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:hover {
  background: var(--td-common-white);
  color: var(--td-theme-primary);
}

/*=============================
	12. Section Title
===============================*/
.td-section-title {
  text-transform: capitalize;
  line-height: 131%;
}
@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) {
  .td-section-title {
    font-size: 36px;
  }
}
.td-section-subtitle {
  font-weight: 600;
}
.td-section-para {
  color: var(--td-grey-2);
  line-height: 171%;
  text-transform: capitalize;
}
.td-section-para b {
  font-size: 18px;
}
.td-section-sf-tittle {
  font-weight: 600;
  font-size: 62px;
  line-height: 116%;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-section-sf-tittle {
    font-size: 56px;
  }
}
@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) {
  .td-section-sf-tittle {
    font-size: 45px;
  }
}

/*=============================
	06. Mobile Menu
===============================*/
.tdmobile__search {
  padding: 0 20px 25px 25px;
}
.tdmobile__search form {
  position: relative;
}
.tdmobile__search input {
  border: 1px solid #d9e1e1;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  background: transparent;
  font-family: var(--td-ff-poppins);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  padding-right: 50px;
  color: var(--td-grey-1);
}
.tdmobile__search input:focus {
  border-color: var(--td-theme-primary);
}
.tdmobile__search input::placeholder {
  font-family: var(--td-ff-poppins);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.tdmobile__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(--td-grey-1);
}
.tdmobile__menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 350px;
  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%);
}
@media (max-width: 575px) {
  .tdmobile__menu {
    width: 100%;
  }
}
.tdmobile__menu .navbar-collapse {
  display: block !important;
}
.tdmobile__menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}
.tdmobile__menu .nav-logo img {
  width: 150px;
}
.tdmobile__menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.tdmobile__menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tdmobile__menu .navigation li.active > a {
  color: var(--td-theme-primary);
}
.tdmobile__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(--td-common-black);
  background: var(--td-grey-3);
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
}
.tdmobile__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(--td-theme-primary);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tdmobile__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(--td-theme-primary);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tdmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: var(--td-theme-primary);
}
.tdmobile__menu
  .navigation
  li.menu-item-has-children
  .dropdown-btn.open
  .plus-line {
  background-color: var(--td-common-white);
}
.tdmobile__menu
  .navigation
  li.menu-item-has-children
  .dropdown-btn.open
  .plus-line::after {
  display: none;
}
.tdmobile__menu .navigation li > a {
  position: relative;
  display: block;
  padding: 10px 60px 10px 25px;
  font-size: 15px;
  font-weight: 600;
  color: var(--td-common-white);
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
  letter-spacing: 1px;
}
.tdmobile__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(--td-theme-primary);
  pointer-events: none;
}
.tdmobile__menu .navigation li ul li > a {
  margin-left: 20px;
}
.tdmobile__menu .navigation li ul li ul li a {
  margin-left: 40px;
}
.tdmobile__menu .navigation li ul li ul li ul li a {
  margin-left: 60px;
}
.tdmobile__menu .navigation li > ul {
  display: none;
}
.tdmobile__menu .navigation li > ul > li > ul {
  display: none;
}
.tdmobile__menu .navigation ul {
  padding: 0;
  margin: 0;
}
.tdmobile__menu .navigation ul li a {
  display: block;
}
.tdmobile__menu .navigation ul li ul li > a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}
.tdmobile__menu .navigation:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tdmobile__menu .navigation > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tdmobile__menu .navigation > li.active > a::before {
  height: 100%;
}
.tdmobile__menu .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 14px;
  color: var(--td-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;
}
.tdmobile__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);
}
.tdmobile__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;
  flex-wrap: wrap;
}
.tdmobile__menu .social-links ul li {
  position: relative;
  display: inline-block;
  margin: 0px 6px 10px;
}
.tdmobile__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: 22px;
  color: var(--td-common-white);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tdmobile__menu .social-links ul li a:hover {
  color: var(--td-theme-primary);
}
.tdmobile__menu .tdmenu__action {
  padding: 0 0;
  margin: 0 0;
}
.tdmobile__menu .tdmenu__action > ul {
  margin: 0 0;
  padding: 30px 20px 0;
  justify-content: center;
  gap: 0 15px;
}
.tdmobile__menu .tdmenu__action > ul li {
  margin: 0 0;
}
.tdmobile__menu .tdmenu__action > ul .header-btn {
  display: block;
}
.tdmobile__menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.9);
  padding: 0px 0px;
  z-index: 5;
  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
}
.tdmobile__menu-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: var(--td-color-white-default);
  margin-right: 30px;
  top: 15px;
}

.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .tdmobile__menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu-visible .tdmobile__menu-backdrop {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-visible .tdmobile__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 upslide {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
.upslide {
  animation: upslide 4s linear forwards infinite alternate;
}

@-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 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);
  }
}
@-webkit-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
@-moz-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
@-ms-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
@keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
.video-animetion {
  -webkit-transition: 0.5s -webkit-animation ripple-red 1s linear infinite;
  animation: ripple-red 1s linear infinite;
  -webkit-transition: 0.5s;
}

/*=============================
	05. minicart
===============================*/
.cartmini__top-title {
  padding: 20px 0;
  border-bottom: 1px solid var(--td-border-primary);
}
.cartmini__top-title h4 {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__close {
  position: absolute;
  top: 17px;
  right: 20px;
}
.cartmini__close-btn {
  background: transparent;
  color: var(--td-common-white);
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: var(--td-common-white);
}
.cartmini__shipping {
  padding: 15px 0;
  border-bottom: 1px solid var(--td-border-primary);
}
.cartmini__shipping .progress {
  height: 10px;
  border-radius: 0;
}
.cartmini__shipping .progress-bar {
  background-color: var(--td-theme-primary);
}
.cartmini__shipping p {
  margin-bottom: 5px;
}
.cartmini__shipping p span {
  color: var(--td-pink-1);
  font-weight: 600;
}
.cartmini__content a {
  font-size: 15px;
  margin-bottom: 12px;
  font-weight: 500;
  transition: all 0.3s ease;
  color: var(--td-common-white);
}
.cartmini__content a:hover {
  color: var(--td-theme-primary);
}
.cartmini__widget {
  height: 100%;
}
.cartmini__widget::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.cartmini__widget-item {
  position: relative;
  display: flex;
  padding: 20px;
  padding-right: 35px;
  border-bottom: 1px solid var(--td-border-1);
  transition: background-color 0.3s;
}
.cartmini__widget-item:last-child {
  border-bottom: 0;
}
.cartmini__thumb {
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: 70px;
}
.cartmini__title {
  font-weight: 500;
  padding: 20px 20px;
  border-bottom: 1px solid rgba(129, 129, 129, 0.2);
  box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);
}
.cartmini__title h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--td-common-white);
}
.cartmini__title a:hover {
  color: var(--td-theme-primary);
}
.cartmini__del {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--td-common-white);
  font-size: 14px;
}
.cartmini__del:hover {
  color: var(--td-theme-primary);
}
.cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--td-common-white);
  border-top: 1px solid var(--td-border-1);
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--td-common-white);
}
.cartmini__checkout-title span {
  float: right;
  font-size: 20px;
  font-weight: 600;
  color: var(--td-grey-1);
}
.cartmini__price {
  font-size: 14px;
  font-weight: 500;
  color: var(--td-grey-1);
}
.cartmini__quantity {
  font-size: 12px;
  font-weight: 500;
}
.cartmini__empty {
  margin-top: 150px;
}
.cartmini__empty img {
  margin-bottom: 30px;
}
.cartmini__empty p {
  font-size: 16px;
  color: var(--td-common-black);
  margin-bottom: 15px;
}
.cartmini-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--td-common-white);
  background: var(--td-common-black);
  text-align: center;
  padding: 10px 30px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
  border: 1px solid var(--td-common-black);
  border-radius: 40px;
}
.cartmini-btn:hover {
  border: 1px solid rgba(129, 129, 129, 0.2);
  color: var(--td-common-white);
  background: none;
}
.cartmini-btn-border {
  display: inline-block;
  font-weight: 500;
  color: var(--td-common-white);
  border: 1px solid rgba(129, 129, 129, 0.2);
  text-align: center;
  padding: 10px 30px;
  font-size: 15px;
  text-transform: capitalize;
  border-radius: 40px;
}
.cartmini-btn-border:hover {
  background: var(--td-common-black);
  border: 1px solid var(--td-common-black);
  color: var(--td-common-white);
}
.cartmini__area {
  position: fixed;
  right: 0;
  top: 0;
  width: 330px;
  height: 100%;
  transform: translateX(calc(100% + 80px));
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 9999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.cartmini__area.cartmini-opened {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.cartmini__wrapper {
  position: relative;
  min-height: 100%;
}
.cartmini-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(15px);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.cartmini-overlay.openeds {
  opacity: 1;
  visibility: visible;
}
.cartmini-item-count {
  top: -10px;
  right: -9px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: var(--td-common-white);
  background-color: var(--td-border-primary);
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
}
.cartmini-item-count-2 {
  background-color: var(--td-common-black);
  color: var(--td-common-white);
}
.cartmini-item-count-3 {
  background-color: var(--td-theme-primary);
}

.body-overlay.openeds {
  opacity: 1;
  visibility: visible;
}

.body-overlay.active {
  opacity: 1;
  visibility: visible;
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.4);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}

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

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

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

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

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

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pt-115 {
    padding-top: 75px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pt-105 {
    padding-top: 65px;
  }
}

@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) {
  .pt-100 {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-170 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-165 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-160 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-155 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-150 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-145 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-140 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-135 {
    padding-bottom: 95px;
  }
}

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

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

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-115 {
    padding-bottom: 75px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-105 {
    padding-bottom: 65px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .pb-95 {
    padding-bottom: 55px;
  }
}

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

/*=============================
	07. Nice Select
===============================*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: normal;
  line-height: 50px;
  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: var(--td-theme-primary);
}
.nice-select .current {
  color: var(--td-grey-1);
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: var(--td-theme-primary);
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 20px;
  font-size: 18px;
  font-family: var(--td-ff-fontawesome);
  color: var(--td-grey-1);
  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: var(--td-common-black);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
  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.3s;
  transition: all 0.3s;
  color: var(--td-grey-1);
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option:hover {
  color: var(--td-theme-primary);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: var(--td-grey-1);
  cursor: default;
}

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

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

/*=============================
	09. pagination
===============================*/
.td-pagination-wrap {
  border-top: 1px solid var(--td-border-1);
  border-bottom: 1px solid var(--td-border-1);
  padding: 24px 0px;
}
.td-pagination-wrap-2 nav ul li {
  display: flex;
  gap: 10px;
}
.td-pagination-wrap-2 nav ul li a {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px) {
  .td-pagination-wrap-2 nav ul li a {
    width: 40px;
    height: 40px;
  }
}
.td-pagination-wrap-2 nav ul li a:hover {
  background: var(--td-theme-primary);
}
.td-pagination-wrap-2 nav ul li a.active {
  background: var(--td-theme-primary);
}
.td-pagination-wrap nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.td-pagination-wrap nav ul li {
  list-style: none;
}
.td-pagination-wrap nav ul li.btns a {
  width: 70px;
  height: 50px;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid var(--td-border-1);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px) {
  .td-pagination-wrap nav ul li.btns a {
    width: 60px;
    height: 40px;
  }
}
.td-pagination-wrap nav ul li.btns a:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
  color: var(--td-common-white);
}

/*=============================
    01. about
===============================*/
.td-about-shape {
  position: absolute;
  bottom: 60px;
  right: 16px;
}
.td-about-shape img {
  border-radius: 100%;
}
.td-about-shape-2 {
  position: absolute;
  left: 8%;
  top: 60px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px),
  only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-about-shape-2 {
    left: 2%;
  }
}
.td-about-shape-3 {
  position: absolute;
  right: 8%;
  top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-about-shape-3 {
    right: 0;
  }
}
.td-about-year {
  position: absolute;
  right: 0;
  bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-about-thumb {
    padding-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) {
  .td-about-list {
    margin-right: 0;
  }
}
.td-about-list-border {
  border-bottom: 1px solid var(--td-border-1);
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.td-about-list-item p {
  color: var(--td-grey-2);
  line-height: 171%;
  text-transform: capitalize;
}
.td-about-list-title {
  font-size: 16px;
  line-height: 150%;
  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) {
  .td-about-list-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) {
  .td-about-content {
    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) {
  .td-about-rc-content {
    margin-left: 0;
    margin-right: 0;
  }
}
.td-about-rc-shape-2 {
  position: absolute;
  top: 85px;
  right: 53px;
}
@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) {
  .td-about-sf-customer {
    margin-left: 0;
  }
}
.td-about-sf-customer p {
  font-weight: 600;
  line-height: 150%;
  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) {
  .td-about-sf-content {
    margin-right: 0px;
  }
}
.td-about-sf-content p {
  line-height: 171%;
  text-transform: capitalize;
}
.td-about-sf-content p span {
  color: var(--td-common-white);
  font-size: 18px;
}
.td-about-sf-list {
  margin-left: 35px;
  margin-top: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-about-sf-list {
    margin-left: 0;
    margin-top: 0;
  }
}
.td-about-sf-list ul li {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  display: flex;
}
.td-about-sf-list ul li:not(:last-child) {
  margin-bottom: 22px;
}
.td-about-sf-list ul li:nth-child(2) {
  margin-left: 16px;
}
.td-about-sf-list ul li:last-child {
  margin-left: 16px;
}
.td-about-sf-list ul li i {
  margin-right: 15px;
}

/*=============================
    12. Header
===============================*/
.td-header-cart .cart-button {
  color: var(--td-common-white);
  position: relative;
  font-size: 28px;
  transform: translateY(3px);
}
.td-header-cart-count {
  position: absolute;
  right: -2px;
  top: -2px;
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: var(--td-ff-poppins);
  color: var(--td-common-white);
  background: var(--td-theme-primary);
  text-align: center;
  line-height: 19px;
  border-radius: 20px;
}
.td-header-cart:hover .td-header-cart-wrap {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.td-header-spacing {
  padding-top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-header-spacing {
    padding-top: 10px;
  }
}
.td-header-shape {
  position: absolute;
  right: 0;
  top: -32px;
  width: 16%;
  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) {
  .td-header-shape {
    top: 55px;
  }
}
.td-header-top {
  border-bottom: 1px solid #232323;
  padding-top: 18px;
  padding-bottom: 2px;
  margin-bottom: 25px;
}
.td-header-top-discount {
  gap: 40px;
}
.td-header-top-discount p {
  text-transform: capitalize;
  color: var(--td-common-white);
}
.td-header-top-discount p span {
  color: var(--td-theme-primary);
}
.td-header-top-social {
  display: flex;
  gap: 24px;
  justify-content: end;
}
.td-header-top-social span a:hover {
  color: var(--td-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) {
  .td-header-sf-md-spacing {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.td-header-4-spacing {
  padding-top: 25px;
  padding-bottom: 25px;
}
@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) {
  .td-header-4-spacing {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/*=============================
    15. menu
===============================*/
.tdmenu__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;
}
.tdmenu__navbar-wrap > ul > li {
  display: block;
  position: relative;
  list-style: none;
}
.tdmenu__navbar-wrap > ul > li:not(:last-child) {
  margin-right: 30px;
}
.tdmenu__navbar-wrap > ul > li a {
  font-weight: 600;
  font-size: 16px;
  color: var(--td-common-white);
  padding: 30px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.tdmenu__navbar-wrap > ul > li .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  z-index: 99;
  opacity: 0;
  padding: 12px 0;
  transition: 0.5s;
  text-align: start;
  visibility: hidden;
  border-radius: 14px;
  transform-origin: 0 0;
  transform: scale(1, 0);
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.tdmenu__navbar-wrap > ul > li .sub-menu.sub-menu-right {
  right: 0;
  left: auto;
}
.tdmenu__navbar-wrap > ul > li .sub-menu .sub-menu {
  right: auto;
  left: 100%;
  top: 0;
}
.tdmenu__navbar-wrap > ul > li .sub-menu li {
  margin-left: 0;
  padding: 0 12px;
  border-radius: 8px;
}
.tdmenu__navbar-wrap > ul > li .sub-menu li a {
  position: relative;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #bfbfc0;
  padding: 12px 18px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  width: 100%;
  margin: 0;
}
.tdmenu__navbar-wrap > ul > li .sub-menu li:hover > a,
.tdmenu__navbar-wrap > ul > li .sub-menu li.active > a {
  background-color: #2c2b2e;
  color: var(--tp-common-white);
}
.tdmenu__navbar-wrap > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tdmenu__navbar-wrap > ul > li.active > a,
.tdmenu__navbar-wrap > ul > li:hover > a {
  color: var(--td-theme-primary);
}
.tdmenu__navbar-wrap > ul > li.active > a:after,
.tdmenu__navbar-wrap > ul > li:hover > a:after {
  transform: rotate(-180deg);
  color: var(--td-theme-primary);
}
.tdmenu__main-menu li.menu-item-has-children .dropdown-btn {
  display: none;
}
.tdmenu__main-menu li.menu-item-has-children > a::after {
  content: "\f078";
  display: block;
  font-family: var(--td-ff-fontawesome);
  font-size: 14px;
  font-weight: 700;
  margin-left: 7px;
  transition: all 0.4s ease;
  margin-top: 3px;
}
.tdmenu__search {
  margin-inline-end: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tdmenu__search {
    margin-left: auto;
  }
}
.tdmenu__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) {
  .tdmenu__search-form {
    width: 485px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tdmenu__search-form {
    width: 380px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tdmenu__search-form {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tdmenu__search-form {
    width: auto;
  }
}
.tdmenu__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;
}
.tdmenu__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) {
  .tdmenu__search-form .select-grp::after {
    display: none;
  }
}
.tdmenu__search-form .select-grp svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.tdmenu__search-form .select-grp path {
  fill: var(--td-theme-primary);
}
.tdmenu__search-form .form-select {
  outline: none;
  box-shadow: none;
  border: none;
  padding-left: 8px;
  color: var(--td-heading-color);
  font-family: var(--td-heading-font-family);
  font-size: 14px;
}
.tdmenu__search-form .input-grp {
  position: relative;
  flex-grow: 1;
  margin-left: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tdmenu__search-form .input-grp {
    display: none;
  }
}
.tdmenu__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(--td-heading-font-family);
}
.tdmenu__search-form input::placeholder {
  color: #8d9db5;
  font-size: 14px;
}
.tdmenu__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(--td-theme-primary);
  font-size: 20px;
  color: var(--td-color-white-default);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.tdmenu__search-form [type="submit"]:hover {
  background: var(--td-theme-primary);
  color: var(--td-heading-color);
}
.tdmenu__search-bar {
  flex-grow: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tdmenu__search-bar {
    max-width: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tdmenu__search-bar {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tdmenu__search-bar {
    display: none;
  }
}
.tdmenu__search-bar form {
  position: relative;
}
.tdmenu__search-bar form input {
  display: block;
  width: 100%;
  background: var(--td-color-white-default);
  border: 1px solid var(--td-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(--td-heading-font-family);
}
.tdmenu__search-bar form input::placeholder {
  color: #8d9db5;
  font-size: 14px;
}
.tdmenu__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;
}
.tdmenu__search-bar form [type="submit"]:hover {
  color: var(--td-theme-primary);
}
.tdmenu-offcanvas-open-btn {
  line-height: 0;
  background: transparent;
  position: relative;
  height: 46px;
  width: 46px;
  border: 2px solid var(--td-border-1);
  border-radius: 50%;
  line-height: 46px;
  cursor: pointer;
  padding-left: 11px;
}
.tdmenu-offcanvas-open-btn:hover span:first-child {
  width: 20px;
  margin-left: 0;
}
.tdmenu-offcanvas-open-btn:hover span:last-child {
  width: 20px;
}
.tdmenu-offcanvas-open-btn span {
  height: 1px;
  width: 20px;
  background-color: var(--td-common-white);
  display: block;
  transition: all 0.4s ease;
  border-radius: 6px;
}
.tdmenu-offcanvas-open-btn span:not(:last-child) {
  margin-bottom: 4px;
}
.tdmenu-offcanvas-open-btn span:first-child {
  width: 12px;
  margin-left: 8px;
}
.tdmenu-offcanvas-open-btn span:last-child {
  width: 12px;
}
.tdmenu-offcanvas-open-btn.mobile-nav-black span {
  background-color: var(--td-common-black);
}

/*=============================
    13. hero
===============================*/
.td-hero-title {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 113px;
  line-height: 109%;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-hero-title {
    font-size: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-hero-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .td-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-title {
    font-size: 44px;
  }
}
.td-hero-bigtext svg {
  width: 100%;
}
.td-hero-subtitle {
  font-weight: 600;
  font-size: 32px;
}
.td-hero-spacing {
  padding-top: 118px;
  padding-bottom: 87px;
}
.td-hero-food {
  margin-right: -50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-food {
    margin-left: 0;
    margin-top: 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) {
  .td-hero-btn {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-offer {
    margin-bottom: 20px;
  }
}
.td-hero-offer-save {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  left: 41%;
}
.td-hero-offer-save span {
  color: var(--td-common-orange);
}
.td-hero-offer-save h4 {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 32px;
  color: var(--td-common-orange);
}
.td-hero-offer-text h4 {
  font-weight: 600;
  font-size: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-offer-text h4 {
    font-size: 28px;
  }
}
.td-hero-offer-text p {
  line-height: 171%;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-hero-offer-wrap {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-offer-wrap {
    margin: 0;
  }
}
.td-hero-shape {
  margin-left: 150px;
  margin-top: 32px;
}
.td-hero-shape-2 {
  position: absolute;
  left: 90px;
  top: 0;
  z-index: -1;
  width: 12%;
}
.td-hero-shape-3 {
  position: absolute;
  right: 182px;
  left: auto !important;
  top: 180px !important;
  z-index: -1;
}
.td-hero-bottom {
  margin-top: -140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-bottom {
    margin-top: 0;
  }
}
.td-hero-bigtext {
  position: absolute;
  top: 293px;
  line-height: 0.8;
  margin-bottom: 0;
  z-index: -1;
  width: 100%;
}
.td-hero-rc-spacing {
  padding-top: 125px;
  padding-bottom: 120px;
}
@media (max-width: 575px) {
  .td-hero-rc-spacing {
    padding-top: 100px;
  }
}
.td-hero-rc-title {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 130px;
  line-height: 95%;
  text-transform: capitalize;
  color: var(--td-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .td-hero-rc-title {
    font-size: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-hero-rc-title {
    font-size: 75px;
  }
}
@media (max-width: 575px) {
  .td-hero-rc-title {
    font-size: 50px;
  }
}
.td-hero-rc-para {
  font-size: 24px;
  line-height: 142%;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
@media (max-width: 575px) {
  .td-hero-rc-para br {
    display: none;
  }
}
.td-hero-rc-shape {
  position: absolute;
  top: -50px;
  left: -70px;
}
.td-hero-rc-shape-2 {
  position: absolute;
  left: 110px;
  bottom: 85px;
  z-index: 2;
}
.td-hero-rc-shape-3 {
  position: absolute;
  right: 43%;
  bottom: 20px;
  z-index: 2;
}
.td-hero-rc-shape-4 {
  position: absolute;
  left: 7%;
  bottom: 220px;
  z-index: 2;
}
@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) {
  .td-hero-rc-shape-4 {
    left: 0;
  }
}
.td-hero-rc-total-rating {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-hero-rc-rating {
  display: flex;
  align-items: center;
}
.td-hero-rc-rating span {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  margin-right: 10px;
}
.td-hero-rc-rating i {
  color: var(--td-theme-primary);
  font-size: 14px;
}
.td-hero-rc-visitor h5 {
  font-weight: 500;
  font-size: 25px;
  text-transform: capitalize;
  margin-bottom: 3px;
}
.td-hero-rc-visitor span {
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-hero-rc-slider-wrap {
  margin-right: -250px;
  margin-left: -330px;
  margin-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) {
  .td-hero-rc-slider-wrap {
    margin-right: 0;
    margin-left: 0;
  }
}
.td-hero-rc-slider-thumb img {
  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;
}
.td-hero-rc-pagination {
  font-weight: 600;
  font-size: 120px;
  text-transform: capitalize;
  letter-spacing: -20px;
  position: absolute;
  bottom: -50px;
  z-index: 2;
  left: 0;
  right: 0;
  text-align: center;
}
.td-hero-rc-pagination span.swiper-pagination-total {
  font-size: 40px;
}
.td-hero-sf-title {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 150px;
  line-height: 107%;
  text-transform: uppercase;
}
@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) {
  .td-hero-sf-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-sf-title {
    font-size: 90px;
  }
}
@media (max-width: 575px) {
  .td-hero-sf-title {
    font-size: 58px;
  }
}
.td-hero-sf-title span {
  font-weight: 300;
}
.td-hero-sf-text {
  font-size: 24px;
  line-height: 142%;
  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) {
  .td-hero-sf-text br {
    display: none;
  }
}
.td-hero-sf-spacing {
  padding-top: 72px;
}
.td-hero-sf-thumb {
  margin-right: -85px;
  margin-top: 30px;
  padding-left: 23px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-sf-thumb {
    margin-right: 0;
  }
}
.td-hero-sf-thumb img {
  border-radius: 100%;
}
.td-hero-sf-shape {
  position: absolute;
  top: -30px;
  left: -110px;
  z-index: -1;
}
.td-hero-sf-slider-thumb {
  width: 400px;
}
.td-hero-sf-slider-thumb .swiper-wrapper {
  width: 256px;
}
.td-hero-sf-slider-thumb .swiper-slide {
  width: auto !important;
}
.td-hero-sf-slider-thumb .swiper-slide.swiper-slide-thumb-active img {
  border-color: var(--td-theme-primary);
}
.td-hero-sf-slider-thumb .swiper-slide img {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  border: 1px solid transparent;
  cursor: pointer;
  object-fit: cover;
}
.td-hero-sf-slider-pagenation {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 575px) {
  .td-hero-sf-slider-pagenation {
    display: none;
  }
}
.td-hero-sf-slider-pagenation span {
  transition: all 0.4s ease;
}
.td-hero-sf-slider-pagenation span:hover {
  color: var(--td-theme-primary);
}
.td-hero-sf-content {
  position: relative;
  z-index: 1;
}
.td-hero-sf-bigtext {
  font-weight: 700;
  font-size: 390px;
  line-height: 0.8;
  text-transform: uppercase;
  color: #171717;
  margin-bottom: 0;
  text-align: center;
  margin-bottom: -60px;
  margin-top: -120px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px),
  only screen and (min-width: 1600px) and (max-width: 1700px) {
  .td-hero-sf-bigtext {
    font-size: 320px;
  }
}
@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) {
  .td-hero-sf-bigtext {
    font-size: 285px;
    margin-bottom: -30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-sf-bigtext {
    font-size: 240px;
    margin-top: -84px;
  }
}
@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) {
  .td-hero-sf-bigtext {
    font-size: 195px;
    margin-top: -24px;
    margin-bottom: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .td-hero-sf-bigtext {
    font-size: 155px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-hero-sf-bigtext {
    font-size: 115px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .td-hero-sf-bigtext {
    font-size: 70px;
  }
}

/*=============================
    5. cetagory
===============================*/
.td-cetagory-wrap {
  gap: 15px;
  flex-wrap: wrap;
  border-top: 1px dashed var(--td-border-1);
  border-bottom: 1px dashed var(--td-border-1);
  padding: 60px 0px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-cetagory-wrap {
    justify-content: flex-start !important;
    padding: 0;
  }
}
.td-cetagory-item {
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.td-cetagory-item span {
  transition: all 0.4s ease;
}
.td-cetagory-item:hover {
  -webkit-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}
.td-cetagory-item:hover span {
  color: var(--td-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .td-cetagory-item-main {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-cetagory-item-main {
    padding: 20px 20px;
  }
}
@media (max-width: 575px) {
  .td-cetagory-item-main {
    padding: 20px 14px;
  }
}
.td-cetagory-rc-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-cetagory-rc-thumb img {
  transition: all 0.6s ease;
}
.td-cetagory-rc-item:hover .td-cetagory-rc-thumb img {
  border-radius: 500px;
}
.td-cetagory-rc-order span {
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-grey-1);
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding: 10px 32px;
  display: inline-block;
}
.td-cetagory-rc-order span a {
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--td-common-white);
}
.td-cetagory-rc-order span a:hover {
  color: var(--td-theme-primary);
}
.td-cetagory-rc-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14%;
}
.td-cetagory-sf-bigtext {
  font-weight: 700;
  font-size: 390px;
  line-height: 0.8;
  text-transform: uppercase;
  color: #171717;
  margin-bottom: 0;
  text-align: center;
}
@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) {
  .td-cetagory-sf-bigtext {
    font-size: 320px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .td-cetagory-sf-bigtext {
    font-size: 285px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-cetagory-sf-bigtext {
    font-size: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-cetagory-sf-bigtext {
    font-size: 195px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .td-cetagory-sf-bigtext {
    font-size: 155px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-cetagory-sf-bigtext {
    padding-bottom: 100px;
    font-size: 105px;
  }
}
@media (max-width: 575px) {
  .td-cetagory-sf-bigtext {
    font-size: 70px;
  }
}
.td-cetagory-sf-fish {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 28%;
}
.td-cetagory-sf-text {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-cetagory-sf-item {
  border: 1px dashed var(--td-border-1);
  border-radius: 110px;
  display: flex;
  align-items: center;
  padding: 5px;
  overflow: hidden;
}
.td-cetagory-sf-item:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}
.td-cetagory-sf-item:hover .td-cetagory-sf-thumb {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}
.td-cetagory-sf-thumb {
  width: 145px;
  border-radius: 110px;
  opacity: 0;
  transition: all 0.4s ease;
  margin-left: -51px;
  visibility: hidden;
}
.td-cetagory-sf-btn {
  background: var(--td-common-black-2);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px;
  border-radius: 250px;
  padding: 100px 134px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-cetagory-sf-btn {
    padding: 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) {
  .td-cetagory-sf-btn {
    padding: 80px;
  }
}
.td-cetagory-sf-btn:hover {
  background: var(--td-theme-primary);
}
.td-cetagory-sf-btn svg {
  margin-left: 10px;
}

/*=============================
    02. banner
===============================*/
.td-banner-left {
  background: linear-gradient(225deg, #fda71d 0%, #d82b27 54.05%, #971411 100%);
  padding: 35px 30px 60px 0;
}
.td-banner-left-title {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 100px;
  line-height: 110%;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .td-banner-left-title {
    font-size: 44px;
  }
}
.td-banner-left-title span {
  margin-left: 115px;
}
@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) {
  .td-banner-left-title span {
    margin-left: 30px;
  }
}
.td-banner-left-title span.arrows {
  margin-left: 0;
  width: fit-content;
  padding: 0px 100px 0px 160px;
  background: rgba(255, 255, 255, 0.2);
  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
  font-weight: 300;
  line-height: 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) {
  .td-banner-left-title span.arrows {
    padding: 0px 70px 0px 50px;
  }
}
.td-banner-left-shape {
  position: absolute;
  top: 37px;
  right: 25%;
}
@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) {
  .td-banner-left-shape {
    right: 5%;
  }
}
.td-banner-left-shape-2 {
  position: absolute;
  bottom: -127px;
  right: 20px;
  width: 47%;
}
@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) {
  .td-banner-left-shape-2 {
    bottom: -80px;
  }
}
.td-banner-left-shape-3 {
  position: absolute;
  top: 197px;
  right: 100px;
}
@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) {
  .td-banner-left-shape-3 {
    right: 30px;
    top: 250px;
  }
}
@media (max-width: 575px) {
  .td-banner-left-shape-3 {
    right: 30px;
    top: 170px;
  }
}
.td-banner-right {
  background: linear-gradient(225deg, #dd1cd4 0%, #3450da 100%);
  padding: 85px 60px 60px 115px;
}
@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) {
  .td-banner-right {
    padding: 85px 60px 60px 35px;
  }
}
@media (max-width: 575px) {
  .td-banner-right {
    padding: 105px 20px 60px 25px;
  }
}
.td-banner-right-subtitle {
  font-size: 32px;
  text-transform: capitalize;
}
.td-banner-right-title {
  font-size: 62px;
  line-height: 116%;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .td-banner-right-title {
    font-size: 40px;
    margin-bottom: 50px;
  }
  .td-banner-right-title br {
    display: none;
  }
}
.td-banner-right-shape {
  position: absolute;
  bottom: -127px;
  right: 20px;
  width: 47%;
}
@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) {
  .td-banner-right-shape {
    bottom: -80px;
  }
}
.td-banner-right-chili {
  position: absolute;
  top: 37px;
  right: 25%;
}
@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) {
  .td-banner-right-chili {
    right: 5%;
  }
}
.td-banner-right-save {
  position: absolute;
  top: 120px;
  right: 60px;
}
@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) {
  .td-banner-right-save {
    top: 60px;
  }
}
@media (max-width: 575px) {
  .td-banner-right-save {
    top: 0px;
    right: 10px;
  }
}
.td-banner-right-save .td-hero-offer-save span {
  color: var(--td-common-white);
}
.td-banner-right-save .td-hero-offer-save h4 {
  color: var(--td-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-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) {
  .td-banner-btn-left {
    margin-left: 30px;
  }
}

/*=============================
    17. product
===============================*/
.td-product-special-title {
  font-size: 24px;
  text-transform: capitalize;
}
.td-product-special-thumb img {
  transition: all 0.4s ease;
  width: 100%;
}
.td-product-special-wrap:hover .td-product-special-thumb img {
  transform: scale(1.1);
}
.td-product-special-navigation {
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-special-navigation {
    justify-content: flex-start;
  }
}
.td-product-special-navigation span {
  width: 50px;
  height: 32px;
  background: transparent;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: var(--td-common-white);
  border-radius: 50px;
  transition: all 0.4s ease;
  border: 1px solid var(--td-border-1);
}
.td-product-special-navigation span:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
  color: var(--td-common-white);
}
.td-product-new-racipe {
  transform: rotate(-90deg);
  width: 237px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-new-racipe {
    transform: rotate(0);
    width: auto;
    margin-left: 40px;
  }
}
@media (max-width: 575px) {
  .td-product-new-racipe {
    margin-left: 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) {
  .td-product-new-racipe-count {
    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) {
  .td-product-new-racipe-count {
    padding-top: 30px;
  }
}
.td-product-new-racipe h4 {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 120px;
  line-height: 80%;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #404040;
  -webkit-text-stroke-width: 1px;
}
@media (max-width: 575px) {
  .td-product-new-racipe h4 {
    font-size: 80px;
  }
}
.td-product-new-racipe span {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--td-border-1);
}
@media (max-width: 575px) {
  .td-product-new-racipe span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-new-slider-wrap {
    margin-left: 0;
  }
}
.td-product-new-slider-active {
  margin-right: -320px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-new-slider-active {
    margin-right: 0;
  }
}
.td-product-new-bigtitle {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 120px;
  line-height: 80%;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #404040;
  -webkit-text-stroke-width: 1px;
  position: absolute;
  top: 0;
  left: -40px;
  right: -40px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-product-new-bigtitle {
    font-size: 105px;
  }
}
@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) {
  .td-product-new-bigtitle {
    font-size: 92px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-new-title-wrap {
    margin-bottom: 40px;
  }
}
.td-product-new-thumb img {
  width: 100%;
}
.td-product-rc-ratings span {
  color: var(--td-theme-primary);
}
.td-product-rc-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-product-rc-price {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
}
.td-product-rc-item:hover .td-product-rc-quickview {
  bottom: 32px;
  opacity: 1;
  visibility: visible;
}
.td-product-rc-item:hover .td-product-rc-thumb img {
  transform: scale(1.1);
}
.td-product-rc-thumb {
  overflow: hidden;
}
.td-product-rc-thumb img {
  transition: all 0.4s ease;
}
.td-product-rc-quickview {
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.td-product-rc-quickview a {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50px;
  background: var(--td-common-white);
  text-align: center;
  line-height: 50px;
  transition: all 0.4s ease;
  color: var(--td-common-black);
}
.td-product-rc-quickview a:hover {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
}
.td-product-rc-shape {
  position: absolute;
  left: 80px;
  bottom: 150px;
  z-index: -1;
}
.td-product-rc-2-content {
  backdrop-filter: blur(10px);
  background: rgba(16, 16, 16, 0.3);
  margin: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 32px 32px 32px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  transform: perspective(400px) rotateX(-90deg);
}
.td-product-rc-2-subtitle {
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-product-rc-2-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-product-rc-2-btn {
  width: 50px;
  height: 50px;
  background: var(--td-theme-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.td-product-rc-2-thumb img {
  transition: all 0.4s ease;
  width: 100%;
}
.td-product-rc-2-item:hover .td-product-rc-2-content {
  opacity: 1;
  visibility: visible;
  transform: perspective(400px) rotateX(0deg);
}
.td-product-rc-2-item:hover .td-product-rc-2-thumb img {
  transform: scale(1.1);
}
.td-product-rc-2-pagenation span {
  width: 12px;
  height: 12px;
  background: #b9b9b9;
  opacity: 1;
}
.td-product-rc-2-pagenation span.swiper-pagination-bullet-active {
  background: var(--td-theme-primary);
}
.td-product-sf-thumb img {
  transition: all 0.4s ease;
  border-radius: 100%;
}
.td-product-sf-item {
  background: #181818;
  padding: 60px 40px 55px 40px;
}
.td-product-sf-item:hover .td-product-sf-thumb img {
  transform: rotate(45deg);
}
.td-product-sf-pagenation span {
  width: 12px;
  height: 12px;
  background: #b9b9b9;
  opacity: 1;
}
.td-product-sf-pagenation span.swiper-pagination-bullet-active {
  background: var(--td-theme-primary);
}
.td-product-details-nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.td-product-details-nav-link {
  width: 150px;
  height: 150px;
  padding: 0;
  border: 1px solid transparent !important;
  background-color: none !important;
  margin: 10px 5px;
  border-radius: 0px !important;
}
.td-product-details-nav-link:focus {
  border: none !important;
  outline: none;
}
.td-product-details-nav-link.active {
  border-color: var(--td-theme-primary) !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) {
  .td-product-details-nav-link {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 575px) {
  .td-product-details-nav-link {
    width: 80px;
    height: 80px;
  }
}
.td-product-details-nav-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.td-product-details-nav-link:hover {
  border: none;
}
.td-product-details-subtitle {
  font-weight: 400;
  font-size: 16px;
  color: var(--td-grey-1);
  display: inline-block;
}
.td-product-details-title {
  font-weight: 600;
  font-size: 30px;
  letter-spacing: -0.02em;
}
.td-product-details-price {
  font-weight: 400;
  font-size: 22px;
}
.td-product-details-ratings i {
  color: #ffb21d;
}
.td-product-details-ratings .total {
  font-weight: 400;
  font-size: 15px;
  color: #55585b;
}
.td-product-details-content {
  font-weight: 400;
  font-size: 15px;
  line-height: 147%;
  color: var(--td-grey-1);
}
.td-product-details-content span {
  font-weight: 500;
}
.td-product-details-view {
  font-size: 16px;
  font-weight: 400;
  color: var(--td-grey-1);
}
.td-product-details-view span {
  font-weight: 500;
  margin-right: 4px;
}
.td-product-details-color-title {
  font-weight: 400;
  font-size: 15px;
}
.td-product-details-color-filter .td-checkbox {
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  border: none;
  outline: none;
  flex: 0 0 auto;
  background: #f26339;
  -webkit-transform: translateY(-2.5px);
  -moz-transform: translateY(-2.5px);
  -ms-transform: translateY(-2.5px);
  -o-transform: translateY(-2.5px);
  transform: translateY(-2.5px);
  padding: 0;
  margin-right: 4px;
  transform: translateY(1px);
  border-radius: 50px;
}
.td-product-details-color-filter .td-checkbox-2 {
  background: #f1b23d;
}
.td-product-details-color-filter .td-checkbox-3 {
  background: rgba(224, 74, 182, 0.94);
}
.td-product-details-color-filter .td-checkbox-4 {
  background: #31bb00;
}
.td-product-details-color-filter .td-checkbox:checked {
  position: relative;
  border-color: transparent;
}
.td-product-details-color-filter .td-checkbox:checked::after {
  box-sizing: border-box;
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-family: var(--td-ff-fontawesome);
  font-size: 10px;
  color: var(--td-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%);
}
.td-product-details-color-filter .td-checkbox:hover {
  cursor: pointer;
}
.td-product-details-action-title {
  font-weight: 500;
  font-size: 16px;
}
.td-product-details-quantity {
  width: 122px;
  position: relative;
  background: #181818;
  border-radius: 50px;
}
.td-product-details-quantity .td-quantity-input {
  height: 44px;
  text-align: center;
  font-size: 14px;
  border: none;
  background: #181818;
  padding: 0 45px;
  width: 100%;
  border-radius: 50px;
  box-shadow: 0 1px 3px 0 rgba(1, 15, 28, 0.1);
}
.td-product-details-quantity span {
  width: 35px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: #6f7071;
  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;
  cursor: pointer;
}
.td-product-details-quantity 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: #2d2a2a;
}
.td-product-details-quantity span.decrement {
  right: auto;
  left: 0;
}
.td-product-details-quantity span.decrement::before {
  left: auto;
  right: 0;
}
.td-product-details-cart-btn {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 15px 92px;
  display: inline-block;
  background: var(--td-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) {
  .td-product-details-cart-btn {
    padding: 15px 40px;
  }
}
.td-product-details-cart-btn:hover {
  color: var(--td-common-white);
  background: #181818;
}
.td-product-details-wishlist-btn {
  box-shadow: 0 1px 3px 0 rgba(1, 15, 28, 0.1);
  background: #181818;
  border-radius: 6px;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
}
.td-product-details-wishlist-btn:hover {
  color: var(--td-common-white);
  background: var(--td-common-black);
}
.td-product-details-compare-wrap ul li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.td-product-details-compare-wrap ul li h5 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  margin-right: 10px;
}
.td-product-details-compare-wrap ul li span {
  font-weight: 400;
  color: var(--td-grey-1);
}
.td-product-details-social a {
  box-shadow: 0 1px 3px 0 rgba(1, 15, 28, 0.1);
  background: #181818;
  border-radius: 50px;
  display: inline-block;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 35px;
}
.td-product-details-social a:hover {
  color: var(--td-common-white);
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}
.td-product-details-payment-way {
  border: 1px solid rgba(103, 105, 109, 0.1);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 20px 0px 20px;
}
.td-product-details-payment-text span {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 4px;
}
.td-product-details-payment-text span.grey {
  color: var(--td-grey-1);
  display: block;
  line-height: 1;
}
.td-product-details-payment-bank a {
  height: 32px;
  box-shadow: 0 1px 3px 0 rgba(1, 15, 28, 0.1);
  background: #fff;
  display: inline-block;
  line-height: 32px;
  padding: 1px 8px;
  border-radius: 6px;
  margin-left: 6px;
}
.td-product-details-tab-line {
  transition: all 0.3s 0s ease-out;
  position: absolute;
  bottom: -3px;
  height: 3px;
  background-color: var(--td-theme-secondary);
  display: block;
}
.td-product-details-tab-nav .nav-tabs {
  border: none;
}
@media (max-width: 575px) {
  .td-product-details-tab-nav .nav-tabs {
    padding-bottom: 0;
  }
}
.td-product-details-tab-nav .nav-tabs .nav-link {
  text-transform: capitalize;
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: 400;
  font-size: 16px;
  color: var(--td-common-white);
  text-align: center;
  padding: 17px 52px;
  border-radius: 0;
  border-bottom: 1px solid rgba(168, 168, 169, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-details-tab-nav .nav-tabs .nav-link {
    padding-bottom: 10px;
  }
}
.td-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {
  margin-left: 5px;
}
.td-product-details-tab-nav .nav-tabs .nav-link.active,
.td-product-details-tab-nav .nav-tabs .nav-link:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}
.td-product-details-tab-nav .nav-tabs .nav-link.active::after,
.td-product-details-tab-nav .nav-tabs .nav-link:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
@media (max-width: 575px) {
  .td-product-details-tab-nav .nav-tabs span#productTabMarker {
    display: none !important;
  }
}
.td-product-details-desc-wrapper > p {
  line-height: 30px;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-product-details-desc-wrapper ul li {
  font-weight: 400;
  font-size: 18px;
  color: var(--td-grey-1);
  display: flex;
  margin-bottom: 15px;
}
.td-product-details-desc-wrapper ul li i {
  margin-right: 10px;
  transform: translateY(3px);
}
.td-product-details-desc-title {
  font-weight: 600;
  font-size: 30px;
  letter-spacing: -0.02em;
}
.td-product-details-additional-info-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}
.td-product-details-additional-info.td-table-style-2 table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0 7px;
  width: 100%;
  font-family: var(--td-ff-poppins);
}
.td-product-details-additional-info.td-table-style-2 table tr {
  border: 0;
}
.td-product-details-additional-info.td-table-style-2 table tr:not(:last-child) {
  border: 0;
  margin-bottom: 6px;
}
.td-product-details-additional-info.td-table-style-2 table tr td {
  padding: 7px 24px;
  border: 1px solid #181818;
}
.td-product-details-additional-info.td-table-style-2 table tr td:first-child {
  padding-left: 24px;
  border-right: 0;
  font-size: 16px;
  color: var(--tp-common-white);
  background: #181818;
  width: 306px;
}
.td-product-details-additional-info.td-table-style-2 table tr td:last-child {
  padding-left: 34px;
}
.td-product-details-review-title-2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 33px;
}
.td-product-details-review-avater-thumb {
  flex: 0 0 auto;
}
.td-product-details-review-avater-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px;
  flex: 0 0 auto;
}
.td-product-details-review-avater-rating span {
  font-size: 13px;
  margin-right: 2px;
  color: #ffb21d;
}
.td-product-details-review-avater-title {
  font-size: 16px;
  font-weight: 500;
  margin-top: 7px;
  margin-bottom: 7px;
}
.td-product-details-review-avater-meta {
  font-size: 14px;
  line-height: 1.2;
  margin-left: 3px;
  display: inline-block;
}
.td-product-details-review-avater-comment p {
  line-height: 1.4;
}
@media (max-width: 575px) {
  .td-product-details-review-avater-2 {
    flex-direction: column;
  }
}
.td-product-details-review-form-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 4px;
}
.td-product-details-review-form-rating p {
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 0;
  font-family: var(--td-ff-poppins);
}
.td-product-details-review-form-rating-icon span {
  font-size: 12px;
  color: #ffb21d;
}
.td-product-details-review-form > p {
  font-size: 16px;
  margin-bottom: 15px;
}
.td-product-details-review-item-wrapper-2 {
  padding-bottom: 80px;
  border-bottom: 1px solid #181818;
}
@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) {
  .td-product-details-thumb-wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-product-details-wrap {
    margin-right: 0;
    margin-left: 0;
  }
}

.td-cart-table-content table {
  --bs-table-bg: none;
}
.td-cart-table-content table thead tr {
  border-bottom: 1px solid var(--td-border-1);
}
.td-cart-table-content table thead tr th {
  font-weight: 600;
  font-size: 20px;
  color: var(--td-common-white);
  padding: 20px 0px;
  padding-bottom: 30px;
}
.td-cart-table-content table thead tr th.price {
  padding: 20px 40px;
  padding-bottom: 30px;
}
.td-cart-table-content table thead tr th.subtotal {
  padding: 20px 40px;
  padding-bottom: 30px;
}
.td-cart-table-content table tbody tr td {
  padding: 20px 0px;
  vertical-align: middle;
  color: var(--td-common-white);
  border-bottom: 1px solid var(--td-border-1);
}
.td-cart-table-content table tbody tr td .thumb {
  border: 1px solid var(--td-border-1);
  border-radius: 8px;
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
  line-height: 100px;
}
.td-cart-table-content table tbody tr td .texts {
  font-weight: 500;
  font-size: 18px;
  margin-left: 22px;
  color: var(--td-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) {
  .td-cart-table-content table tbody tr td .texts {
    margin-left: 0;
    margin-top: 20px;
    display: inline-block;
  }
}
.td-cart-table-content table tbody tr td .texts:hover {
  color: var(--td-theme-primary);
}
.td-cart-table-content table tbody tr td.product-price2 {
  font-weight: 500;
  font-size: 20px;
  color: var(--td-theme-primary);
  padding: 20px 40px;
}
.td-cart-table-content table tbody tr td.product-subtotal {
  font-weight: 500;
  font-size: 20px;
  color: var(--td-theme-primary);
  padding: 20px 40px;
}
.td-cart-table-content table tbody tr td.product-remove {
  text-align: center;
}
.td-cart-table-content table tbody tr td.product-remove a:hover {
  color: var(--td-theme-primary);
}
.td-cart-coupon-all .td-input {
  font-weight: 500;
  font-size: 14px;
  color: var(--td-grey-1);
  border-radius: 50px;
  width: 282px;
  height: 50px;
  background: transparent;
  border: 1px solid var(--td-border-1);
  margin-right: 4px;
}
.td-cart-coupon-all .td-input::placeholder {
  font-weight: 500;
  font-size: 14px;
  color: var(--td-grey-1);
}
.td-cart-coupon-all .td-input:focus {
  border-color: var(--td-theme-primary);
}
.td-cart-page-total ul li {
  font-weight: 600;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}
.td-cart-page-total ul li span {
  font-weight: 500;
  color: var(--td-grey-1);
}
.td-cart-page-total ul li.borders {
  border-bottom: 1px solid var(--td-border-1);
  padding-bottom: 13px;
}
.td-cart-page-total .td-btn-black {
  background: #181818;
}
.td-cart-page-total .td-btn-black:hover {
  background: var(--td-theme-primary);
}

.td-checkout-form-title {
  font-weight: 600;
  font-size: 24px;
}
.td-checkout-form-title-2 {
  font-size: 22px;
}
.td-checkout-form-title-3 {
  font-size: 18px;
}
.td-checkout-form-input .input {
  text-transform: capitalize;
  color: var(--td-common-white);
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding-right: 70px;
  padding-left: 33px;
  height: 50px;
}
.td-checkout-form-input .input::-webkit-input-placeholder {
  color: var(--td-grey-1);
}
.td-checkout-form-input .input::-moz-placeholder {
  color: var(--td-grey-1);
}
.td-checkout-form-input .input:-moz-placeholder {
  color: var(--td-grey-1);
}
.td-checkout-form-input .input:-ms-input-placeholder {
  color: var(--td-grey-1);
}
.td-checkout-form-input .input::placeholder {
  color: var(--td-grey-1);
}
.td-checkout-form-input .input:focus {
  border-color: var(--td-theme-primary);
}
.td-checkout-form-input .textarea {
  height: 140px;
  border-radius: 20px;
}
.td-checkout-form-btn .td-btn-cart:hover {
  background: var(--td-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) {
  .td-checkout-form-wrapper {
    margin-right: 0;
  }
}
.td-checkout-sidebar-box {
  background: var(--td-common-black-2);
  border: 1px solid var(--td-border-1);
  border-radius: 12px;
  padding: 25px 30px 30px 30px;
}
.td-checkout-order-table table {
  --bs-table-bg: none;
}
.td-checkout-order-table table thead tr {
  border-bottom: 1px solid var(--td-border-1);
}
.td-checkout-order-table table thead tr th {
  font-weight: 600;
  font-size: 15px;
  color: var(--td-grey-1);
  padding: 0;
  padding-bottom: 12px;
}
.td-checkout-order-table table tbody {
  padding-top: 12px;
  padding: 10px 0px;
}
.td-checkout-order-table table tbody .cart_item.first .product-name {
  padding-top: 16px;
}
.td-checkout-order-table table tbody .cart_item.first .product-total {
  padding-top: 16px;
}
.td-checkout-order-table table tbody .cart_item .product-name {
  font-weight: 500;
  font-size: 13px;
  color: var(--td-grey-1);
  line-height: 1.4;
  padding: 0;
  border: none;
  padding-bottom: 6px;
}
.td-checkout-order-table table tbody .cart_item .product-total {
  padding: 0;
  border: none;
}
.td-checkout-order-table table tbody .cart_item .product-total .amount {
  font-weight: 400;
  font-size: 13px;
  color: var(--td-grey-1);
  float: right;
  line-height: 1.4;
}
.td-checkout-order-table table tfoot tr.cart-subtotal {
  border-bottom: 1px solid var(--td-border-1);
  line-height: 2;
}
.td-checkout-order-table table tfoot tr th {
  font-weight: 500;
  font-size: 15px;
  color: var(--td-grey-1);
  padding: 0 0;
}
.td-checkout-order-table table tfoot tr td {
  font-weight: 500;
  font-size: 13px;
  color: var(--td-grey-1);
  float: right;
  border: none;
}
.td-checkout-para {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--td-grey-1);
  line-height: 1.4;
}
.td-checkout-payment {
  display: flex;
}
.td-checkout-payment label {
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--td-common-white);
  margin-left: 7px;
}

.td-btn-cart {
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--td-common-white);
  border-radius: 6px;
  padding: 17px 27px;
  background: var(--td-theme-primary);
  display: inline-block;
  border-radius: 50px;
  border: 1px solid transparent;
}
.td-btn-cart:hover {
  background: #181818;
  border-color: var(--td-theme-primary);
}

/*=============================
    23. video
===============================*/
.td-video-wrap {
  padding-top: 260px;
  padding-bottom: 260px;
}
@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) {
  .td-video-wrap {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
.td-video-btn {
  width: 180px;
  height: 180px;
  background: var(--td-theme-primary);
  display: inline-block;
  padding-top: 60px;
  font-size: 24px;
  text-transform: capitalize;
  border-radius: 50%;
}
.td-video-btn:hover {
  background: var(--td-common-white);
  color: var(--td-common-black);
}
.td-video-rc-expreance-wrap {
  background: var(--td-common-white);
  padding: 55px 50px 50px 50px;
}
@media (max-width: 575px) {
  .td-video-rc-expreance-wrap {
    padding: 35px 20px 20px 20px;
  }
}
.td-video-rc-title {
  font-weight: 600;
  line-height: 124%;
  text-transform: capitalize;
  color: var(--td-common-black);
}
.td-video-rc-para {
  font-weight: 400;
  line-height: 171%;
  text-transform: capitalize;
  color: #404040;
}
.td-video-rc-address-single h5 {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--td-common-black);
}
.td-video-rc-address-single a {
  font-weight: 600;
  line-height: 157%;
  text-transform: capitalize;
  color: var(--td-common-black);
}
.td-video-rc-btn {
  border-radius: 50px;
  background: var(--td-theme-primary);
  padding: 21px 30px;
  font-weight: 600;
}
.td-video-rc-btn:hover {
  background: var(--td-common-black);
}
.td-video-rc-spacing {
  padding-top: 235px;
  padding-bottom: 205px;
  margin: 0 60px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px),
  only screen and (min-width: 1600px) and (max-width: 1700px),
  only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 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) {
  .td-video-rc-spacing {
    margin: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-video-rc-spacing {
    padding-top: 135px;
    padding-bottom: 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) {
  .td-video-rc-wrap {
    margin-top: 60px;
  }
}
.td-video-sf-spacing {
  padding-top: 180px;
  padding-bottom: 150px;
  margin-left: 110px;
  margin-right: 110px;
}
@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) {
  .td-video-sf-spacing {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-video-sf-spacing {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
.td-video-sf-qustion h4 {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 4px;
}
.td-video-sf-qustion span {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--td-common-white);
}

/*=============================
    16. menulist
===============================*/
@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) {
  .td-menulist-veriants {
    display: flex;
    margin-bottom: 30px;
  }
}
.td-menulist-veriants button {
  font-weight: 600;
  font-size: 22px;
  text-transform: capitalize;
  color: var(--td-common-white);
  padding-left: 0;
  padding-right: 0;
  transition: all 0.4s ease;
  display: block;
  width: 100%;
  text-align: left;
}
@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) {
  .td-menulist-veriants button {
    margin-right: 20px;
    width: auto;
  }
}
.td-menulist-veriants button:hover {
  color: var(--td-theme-primary);
}
.td-menulist-veriants button.active {
  color: var(--td-theme-primary);
}
.td-menulist-discount {
  top: 16px;
  right: 16px;
}
.td-menulist-salad {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--td-common-white);
  position: absolute;
  bottom: 10px;
  left: 32px;
}
.td-menulist-thumb-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) {
  .td-menulist-thumb-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
.td-menulist-shape-2 {
  position: absolute;
  top: 90px;
  left: 50px;
}
@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) {
  .td-menulist-shape-2 {
    top: 0;
  }
}
.td-menulist-product-item {
  border-bottom: 1px solid var(--td-border-1);
  padding-bottom: 25px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .td-menulist-product-item {
    display: block !important;
  }
}
.td-menulist-product-thumb img {
  border-radius: 50px;
}
@media (max-width: 575px) {
  .td-menulist-product-content {
    margin-bottom: 30px;
  }
}
.td-menulist-product-content h4 {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--td-common-white);
}
.td-menulist-product-content h4 a:hover {
  color: var(--td-theme-primary);
}
.td-menulist-product-content p {
  text-transform: capitalize;
  color: var(--td-grey-1);
  font-size: 14px;
}
.td-menulist-product-price span {
  text-transform: capitalize;
  color: var(--td-common-white);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-menulist-wrap {
    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) {
  .td-menulist-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-wrap {
    margin-right: 0;
  }
}
.td-menulist-rc-number {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-menulist-rc-thumb img {
  width: 90px;
  flex: 0 0 auto;
  transition: all 0.4s ease;
  border-radius: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-rc-content {
    margin-top: 20px;
  }
}
.td-menulist-rc-content h5 {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 5px;
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-menulist-rc-content span {
  line-height: 171%;
  text-transform: capitalize;
  color: var(--td-grey-1);
  display: block;
}
.td-menulist-rc-item {
  border-bottom: 1px dashed var(--td-border-1);
  margin-bottom: 24px;
  padding-bottom: 24px;
  transition: all 0.4s ease;
}
.td-menulist-rc-item:hover {
  border-color: var(--td-theme-primary);
}
.td-menulist-rc-item:hover .td-menulist-rc-thumb img {
  transform: rotate(45deg);
}
.td-menulist-rc-item:hover .td-menulist-rc-content h5 {
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-menulist-rc-item.active {
  border-color: var(--td-theme-primary);
}
.td-menulist-rc-item.active .td-menulist-rc-thumb img {
  transform: rotate(45deg);
}
.td-menulist-rc-item.active .td-menulist-rc-content h5 {
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-menulist-rc-hover-image {
  display: inline-block;
}
.td-menulist-rc-hover-image .thumb {
  object-fit: cover;
  opacity: 0;
  transform: rotate(0deg) !important;
  transition: all 0.5s ease;
  position: absolute;
  top: 0;
  left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-menulist-rc-hover-image .thumb {
    width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-rc-hover-image .thumb {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-rc-hover-image .thumb {
    left: 100px;
  }
}
.td-menulist-rc-hover-image .shape {
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  top: 58px;
  left: -70px;
  transform: rotate(-23deg) !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-rc-hover-image .shape {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-rc-hover-image .shape {
    left: 0;
  }
}
.td-menulist-rc-hover-image.active .thumb {
  opacity: 1;
  transform: rotate(5deg) !important;
}
.td-menulist-rc-hover-image.active .shape {
  opacity: 1;
  transform: scale(1);
  top: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .td-menulist-rc-img-wrapper {
    height: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-rc-img-wrapper {
    height: 300px;
  }
}
.td-menulist-rc-shape {
  position: absolute;
  top: -50px;
  right: 0;
  width: 20%;
  z-index: -1;
}
.td-menulist-sf-veriants {
  display: flex;
  gap: 10px;
  justify-content: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-menulist-sf-veriants {
    justify-content: flex-start;
  }
}
.td-menulist-sf-veriants button {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--td-common-white);
  width: auto;
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding: 10px 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) {
  .td-menulist-sf-veriants button {
    margin-right: 0;
  }
}
.td-menulist-sf-veriants button:hover {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
  border-color: var(--td-theme-primary);
}
.td-menulist-sf-veriants button.active {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
  border-color: var(--td-theme-primary);
}
.td-menulist-sf-wrapper {
  border-top: 1px dashed var(--td-border-1);
  padding-top: 58px;
}
.td-menulist-sf-product-item {
  border-bottom: 1px dashed var(--td-border-1);
  padding-bottom: 40px;
  transition: all 0.4s ease;
}
.td-menulist-sf-product-item:hover {
  border-color: var(--td-theme-primary);
}
.td-menulist-sf-product-item:hover .td-menulist-sf-thumb {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.td-menulist-sf-product-item .td-menulist-product-price span {
  background: none;
  border-radius: 0;
  padding: 0;
}
.td-menulist-sf-thumb {
  border-radius: 100px;
  position: absolute;
  top: -100px;
  right: 105px;
  z-index: -1;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.4s ease;
  visibility: hidden;
}

/*=============================
    22. text
===============================*/
.td-text-slider-item {
  display: flex;
  align-items: center;
  gap: 40px;
}
.td-text-slider-item .text {
  font-family: var(--td-ff-heading);
  font-weight: 400;
  font-size: 120px;
  line-height: 108%;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #404040;
  -webkit-text-stroke-width: 1px;
}
.td-text-slider-active .swiper-slide {
  width: auto;
}
.td-text-star {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #404040;
  border-radius: 50%;
}
.td-text-sf-slider-active .swiper-slide {
  width: auto;
}
.td-text-sf-slider-item {
  gap: 16px;
}
.td-text-sf-slider-item .text {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
}
.td-text-sf-border {
  border-top: 1px dashed var(--td-border-1);
  border-bottom: 1px dashed var(--td-border-1);
  padding: 15px 0px;
}

/*=============================
    21. testimonial
===============================*/
.td-testimonial-qoute {
  width: 106px;
  height: 106px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #161616;
  border-radius: 50px;
  margin-top: 47px;
  margin-left: 47px;
}
.td-testimonial-qoute-item {
  border: 1px solid #404040;
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
}
.td-testimonial-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.td-testimonial-item-wrap {
  margin: 0 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) {
  .td-testimonial-item-wrap {
    margin: 0;
  }
}
.td-testimonial-review-text {
  font-weight: 600;
  font-size: 24px;
  line-height: 142%;
  text-transform: capitalize;
  color: var(--td-common-white);
}
@media (max-width: 575px) {
  .td-testimonial-review-text {
    font-size: 18px;
  }
}
.td-testimonial-avatar img {
  border-radius: 50px;
}
.td-testimonial-avatar-content h5 {
  font-weight: 400;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--td-common-white);
}
.td-testimonial-avatar-content span {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-testimonial-shape {
  position: absolute;
  top: 90px;
  left: 90px;
  z-index: -1;
  width: 11%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-testimonial-shape {
    left: 20px;
  }
}
.td-testimonial-shape-2 {
  position: absolute;
  top: 90px;
  right: 190px;
  z-index: -1;
  width: 7%;
}
@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) {
  .td-testimonial-shape-2 {
    right: 30px;
  }
}
.td-testimonial-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 17%;
}
.td-testimonial-rc-title h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 124%;
  text-transform: capitalize;
}
.td-testimonial-rc-author h4 {
  font-weight: 600;
  font-size: 32px;
}
.td-testimonial-rc-author span {
  color: var(--td-grey-1);
}
.td-testimonial-rc-content {
  font-weight: 600;
  font-size: 42px;
  line-height: 124%;
  text-transform: capitalize;
  color: var(--td-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-testimonial-rc-content {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-testimonial-rc-content {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .td-testimonial-rc-content {
    font-size: 24px;
  }
}
.td-testimonial-rc-border {
  border-bottom: 1px dashed var(--td-border-1);
}
.td-testimonial-rc-2-pagenation span {
  width: 12px;
  height: 12px;
  background: #b9b9b9;
  opacity: 1;
}
.td-testimonial-rc-2-pagenation span.swiper-pagination-bullet-active {
  background: var(--td-theme-primary);
}
@media (max-width: 575px) {
  .td-testimonial-rc-2-pagenation-wrap {
    margin-right: 0;
  }
}
.td-testimonial-sf-bigtext {
  font-weight: 700;
  font-size: 190px;
  line-height: 1;
  text-transform: uppercase;
  color: #171717;
  margin-bottom: 0;
  text-align: center;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px),
  only screen and (min-width: 1600px) and (max-width: 1700px) {
  .td-testimonial-sf-bigtext {
    font-size: 155px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .td-testimonial-sf-bigtext {
    font-size: 135px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-testimonial-sf-bigtext {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .td-testimonial-sf-bigtext {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-testimonial-sf-bigtext {
    font-size: 75px;
  }
}

.fraction-wrapper {
  width: 236px;
  height: 40px;
  position: relative;
}
.fraction-wrapper #paginations span {
  font-size: 22px;
  font-weight: 500;
  color: var(--td-common-white);
  display: inline-block;
}
.fraction-wrapper #paginations span:first-child {
  margin-right: 180px;
}

.shop-slider-pagination {
  display: flex;
  justify-content: space-between;
}

.shop-slider-progress-bar {
  position: absolute;
  top: 35%;
  left: 50%;
  height: 3px;
  width: 160px;
  z-index: 11;
  background-color: #d9d9d9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.shop-slider-progress-bar span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--td-theme-primary);
  transform: scaleX(1);
  transform-origin: left;
}

/*=============================
    20. team
===============================*/
.td-team-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-team-title a:hover {
  color: var(--td-theme-primary);
}
.td-team-content span {
  color: var(--td-grey-2);
}
.td-team-item:hover .td-team-social {
  opacity: 1;
  visibility: visible;
  right: 24px;
}
.td-team-item:hover .td-team-thumb img {
  transform: scale(1.1);
}
.td-team-thumb img {
  transition: all 0.4s ease;
}
.td-team-social {
  position: absolute;
  top: 24px;
  right: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.td-team-social a {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  margin-bottom: 5px;
}
.td-team-social a:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}

/*----------------------------------------*/
/*  09. cursor
/*----------------------------------------*/
.td-cursor-point-area {
  cursor: none;
}

.mouseCursor {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}
.mouseCursor.cursor-big {
  width: 90px;
  height: 90px;
}
.mouseCursor.cursor-big.cursor-outer {
  display: none;
}

.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 0px;
  height: 0px;
  z-index: 10000001;
  background-color: rgba(7, 32, 50, 0.1882352941);
  backdrop-filter: blur(10px);
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
  opacity: 0;
  font-size: 20px;
  line-height: 85px;
  color: var(--td-common-white);
}
.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner-pizza {
  background: var(--td-theme-5);
}

.cursor-inner-digi {
  background: var(--td-theme-primary);
}

/*=============================
    03. blog
===============================*/
.td-blog-dates span {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-grey-1);
  position: relative;
}
.td-blog-dates span.td-border {
  padding-right: 10px;
  margin-right: 10px;
}
.td-blog-dates span.td-border::before {
  position: absolute;
  content: "";
  background: var(--td-grey-1);
  height: 10px;
  width: 1px;
  right: 0;
  top: 5px;
}
.td-blog-thumb {
  overflow: hidden;
}
.td-blog-thumb img {
  transition: all 0.4s ease;
}
.td-blog-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 142%;
  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) {
  .td-blog-title {
    font-size: 21px;
  }
}
.td-blog-item:hover .td-blog-thumb img {
  transform: scale(1.1);
}
.td-blog-rc-dates a {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--td-common-white);
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding: 5px 18px;
  margin-right: 5px;
  display: inline-block;
}
.td-blog-rc-dates a:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}
.td-blog-rc-dates span {
  font-size: 14px;
  text-transform: capitalize;
}
.td-blog-rc-btn {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
}
.td-blog-rc-btn:hover {
  color: var(--td-theme-primary);
}
.td-blog-sf-item {
  border: 1px dashed var(--td-border-1);
  padding: 24px;
}
.td-blog-sf-item:hover .td-blog-sf-thumb img {
  transform: scale(1.1);
}
.td-blog-sf-thumb img {
  transition: all 0.4s ease;
}
.td-blog-sf-dates {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
  width: 80px;
  height: 80px;
  background: var(--td-theme-primary);
  display: inline-block;
  padding-top: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
.td-blog-sf-tag {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding: 6px 24px;
  display: inline-block;
}
.td-blog-sf-tittle {
  font-weight: 600;
  font-size: 24px;
  line-height: 142%;
  text-transform: capitalize;
}
.td-blog-sf-btn {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--td-theme-primary);
}
.td-blog-categories-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.td-blog-categories-list ul li a {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-common-white);
  border: 1px dashed var(--td-border-1);
  padding: 16px 20px;
  display: block;
}
.td-blog-categories-list ul li a:hover {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}
.td-blog-sidebar-title {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
.td-blog-sidebar-item {
  background: #181818;
  padding: 26px 30px 30px 30px;
}
.td-blog-sidebar-search .td-input {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--td-common-white);
  height: 50px;
  padding-right: 60px;
  border: 1px solid var(--td-border-1);
}
.td-blog-sidebar-search .td-input:focus {
  border-color: var(--td-theme-primary);
}
.td-blog-sidebar-search .td-input::-webkit-input-placeholder {
  color: var(--td-grey-1);
}
.td-blog-sidebar-search .td-input::-moz-placeholder {
  color: var(--td-grey-1);
}
.td-blog-sidebar-search .td-input:-moz-placeholder {
  color: var(--td-grey-1);
}
.td-blog-sidebar-search .td-input:-ms-input-placeholder {
  color: var(--td-grey-1);
}
.td-blog-sidebar-search .td-input::placeholder {
  color: var(--td-grey-1);
}
.td-blog-sidebar-search button {
  width: 50px;
  height: 50px;
  color: var(--td-common-white);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--td-theme-primary);
  position: absolute;
  top: 0;
  right: 0;
}
.td-blog-post-thumb {
  width: 100px;
  flex: 0 0 auto;
  margin-right: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-blog-post-thumb {
    width: 70px;
  }
}
.td-blog-post-meta {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  display: inline-block;
  padding: 6px 23px;
  border: 1px solid var(--td-border-1);
  border-radius: 30px;
  margin-bottom: 10px;
}
.td-blog-post-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
}
.td-blog-social-inner {
  display: flex;
  gap: 10px;
}
.td-blog-social-inner a {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.td-blog-social-inner a:hover {
  background: var(--td-theme-primary);
}
.td-blog-qoute {
  background: #181818;
  display: flex;
  padding: 55px 150px 40px 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) {
  .td-blog-qoute {
    padding: 55px 50px 40px 50px;
  }
}
@media (max-width: 575px) {
  .td-blog-qoute {
    flex-wrap: wrap;
    padding: 30px 30px 20px 30px;
  }
}
.td-blog-qoute span {
  display: inline-block;
  margin-right: 16px;
}
@media (max-width: 575px) {
  .td-blog-qoute span {
    margin-bottom: 20px;
  }
}
.td-blog-qoute h5 {
  line-height: 142%;
}
.td-blog-details-content p {
  line-height: 171%;
  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) {
  .td-blog-details-content p br {
    display: none;
  }
}
.td-blog-inner-thumb img {
  height: 100%;
  object-fit: cover;
}
.td-blog-author-wrap {
  background: #181818;
  padding: 50px 170px 25px 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) {
  .td-blog-author-wrap {
    padding: 50px 120px 25px 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-blog-author-wrap {
    flex-wrap: wrap;
    padding: 50px 50px 25px 50px;
  }
}
@media (max-width: 575px) {
  .td-blog-author-wrap {
    padding: 30px 30px 15px 30px;
  }
}
.td-blog-author-thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-blog-author-thumb {
    margin-bottom: 30px;
  }
}
.td-blog-author-thumb img {
  border-radius: 50px;
  width: 100px;
  margin-right: 18px;
}
.td-blog-author-social {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background: var(--td-common-white);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--td-common-black);
  position: absolute;
  top: 50px;
  right: 50px;
}
.td-blog-author-social:hover {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
}
.td-blog-comment-form .postbox__comment ul li {
  background: #181818;
  margin-bottom: 16px;
  padding: 30px 40px 55px 30px;
}
.td-blog-comment-form .postbox__comment ul li.children {
  margin-left: 118px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-blog-comment-form .postbox__comment ul li.children {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .td-blog-comment-form .postbox__comment-box {
    flex-wrap: wrap;
  }
}
.td-blog-comment-form .postbox__comment-avater {
  width: 85px;
  flex: 0 0 auto;
}
@media (max-width: 575px) {
  .td-blog-comment-form .postbox__comment-avater {
    margin-bottom: 30px;
  }
}
.td-blog-comment-form .postbox__comment-avater img {
  border-radius: 100%;
}
.td-blog-comment-form .postbox__comment-name h5 {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-right: 24px;
}
.td-blog-comment-form .post-meta {
  text-transform: capitalize;
  color: var(--td-common-black);
  display: inline-block;
  padding: 7px 11px;
  background: var(--td-common-white);
}
.td-blog-comment-form .postbox__comment-reply a {
  text-transform: capitalize;
  background: var(--td-common-black);
  display: inline-block;
  padding: 7px 21px;
}
.td-blog-comment-form .postbox__comment-reply a:hover {
  background: var(--td-theme-primary);
  color: var(--td-theme-primary);
  color: var(--td-common-white);
}
.td-blog-tag-inner ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.td-blog-tag-inner ul li a {
  text-transform: capitalize;
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding: 5px 13px;
  display: inline-block;
  font-size: 15px;
}
.td-blog-tag-inner ul li a:hover {
  background: var(--td-theme-primary);
  color: var(--td-common-white);
}

/*=============================
    14. instagram
===============================*/
.td-instagram-icon {
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.4s ease;
  display: inline-block;
}
.td-instagram-icon span {
  color: var(--td-common-white);
  font-size: 26px;
  position: relative;
}
.td-instagram-icon span::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  border: 1px solid var(--td-common-white);
  left: -18px;
  top: 47%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.td-instagram-thumb {
  overflow: hidden;
  position: relative;
}
.td-instagram-thumb a {
  display: block;
  position: relative;
}
.td-instagram-thumb a::after {
  background: linear-gradient(180deg, rgba(141, 9, 6, 0) 36.76%, #cd3e1e 100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
.td-instagram-thumb img {
  transition: all 0.4s ease;
}
.td-instagram-thumb:hover a::after {
  opacity: 1;
}
.td-instagram-thumb:hover .td-instagram-icon {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.td-instagram-thumb:hover img {
  transform: scale(1.1);
}
.td-instagram-rc-icon {
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.4s ease;
  display: inline-block;
}
.td-instagram-rc-icon span {
  color: var(--td-common-white);
  font-size: 26px;
  position: relative;
}
.td-instagram-rc-icon span::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  border: 1px solid var(--td-common-white);
  left: -18px;
  top: 47%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.td-instagram-rc-thumb {
  transform: rotate(-3.69deg);
}
.td-instagram-rc-thumb:hover .td-instagram-rc-icon {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.td-instagram-rc-thumb img {
  border: 3px solid var(--td-common-white);
}
.td-instagram-rc-thumb.style-2 {
  transform: rotate(9.79deg);
}

/*=============================
    10. footer
===============================*/
@media (max-width: 575px) {
  .td-footer-widget {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}
.td-footer-widget-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-footer-widget-link {
  font-size: 20px;
  line-height: 150%;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-footer-widget-link {
    font-size: 18px;
  }
}
@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) {
  .td-footer-widget-link {
    font-size: 16px;
  }
}
.td-footer-widget-link span {
  color: var(--td-grey-1);
}
.td-footer-widget-link a {
  color: var(--td-grey-1);
}
.td-footer-widget-link a:hover {
  color: var(--td-theme-primary);
}
.td-footer-widget.td-border {
  border-right: 1px solid var(--td-border-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) {
  .td-footer-widget.td-border {
    border-right: 0;
  }
}
.td-footer-copyright {
  font-family: var(--td-ff-dm);
  font-weight: 400;
  font-size: 16px;
  color: var(--td-grey-1);
}
.td-footer-copyright a {
  font-weight: 700;
  color: var(--td-common-white);
}
.td-footer-copyright a:hover {
  color: var(--td-theme-primary);
}
.td-footer-bottom {
  border-top: 1px solid var(--td-border-1);
  padding-top: 29px;
  padding-bottom: 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) {
  .td-footer-bottom {
    margin-top: 30px;
  }
}
.td-footer-menu ul {
  display: flex;
  justify-content: end;
  gap: 16px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-footer-menu ul {
    justify-content: flex-start;
  }
}
.td-footer-menu ul li a {
  font-family: var(--td-ff-dm);
  font-weight: 500;
  font-size: 16px;
}
.td-footer-menu ul li a:hover {
  color: var(--td-theme-primary);
}
.td-footer-shape {
  position: absolute;
  top: -30px;
  right: 170px;
  border-radius: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-footer-shape {
    right: 50px;
  }
}
.td-footer-shape-2 {
  position: absolute;
  top: 70px;
  right: 25%;
}
.td-footer-shape-3 {
  position: absolute;
  top: 20px;
  left: 13%;
  border-radius: 100%;
}
.td-footer-shape-4 {
  position: absolute;
  bottom: 246px;
  left: 85px;
}
@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) {
  .td-footer-shape-4 {
    left: 5px;
    bottom: 146px;
  }
}
.td-footer-2-social {
  opacity: 1;
  visibility: visible;
  position: inherit;
  display: flex;
  gap: 10px;
}
@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) {
  .td-footer-2-widget {
    margin-left: 0;
  }
}
.td-footer-2-widget ul li:not(:last-child) {
  margin-bottom: 22px;
}
.td-footer-2-widget ul li a {
  font-weight: 400;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--td-grey-1);
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-footer-2-widget ul li a:hover {
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-footer-2-widget.colum-custom ul {
  column-count: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-footer-2-widget.colum-custom ul {
    column-count: 1;
  }
}
.td-footer-2-widget .link {
  font-weight: 400;
  font-size: 24px;
  text-transform: capitalize;
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-footer-2-widget .link:hover {
  background-image: linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}
.td-footer-2-widget .sm-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-transform: lowercase;
  color: var(--td-grey-1);
  display: block;
}
.td-footer-sf-spacing {
  border-top: 1px solid #1e1e1e;
}
.td-footer-sf-logo {
  background: #181818;
  padding: 50px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-footer-sf-logo {
    margin-right: 0;
  }
}
.td-footer-sf-cdule p {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--td-common-white);
}
.td-footer-sf-cdule span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--td-theme-primary);
}

/*=============================
    04. brands
===============================*/
.td-brands-border {
  border-top: 1px solid var(--td-border-1);
  border-bottom: 1px solid var(--td-border-1);
  padding-top: 78px;
  padding-bottom: 30px;
}
.td-brands-2-item.borders {
  border-right: 1px solid var(--td-border-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) {
  .td-brands-2-item.borders {
    border-right: 0;
  }
}
.td-brands-author {
  position: absolute;
  top: -30px;
  left: 0;
  background: rgb(16, 16, 16);
  padding-right: 15px;
}
.td-brands-author span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
}

/*=============================
    08. cta
===============================*/
.td-cta-wrap {
  padding: 57px 60px 39px 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-cta-wrap {
    padding: 37px 20px 19px 20px;
  }
}
.td-cta-content h2 {
  font-weight: 600;
  font-size: 32px;
  text-transform: capitalize;
}
.td-cta-content p {
  line-height: 171%;
  text-transform: capitalize;
  color: var(--td-grey-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-cta-form {
    margin-left: 0;
  }
}
.td-cta-form-input .td-input {
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  width: 220px;
  height: 50px;
  padding-right: 50px;
  background: var(--td-common-black);
  padding-left: 16px;
}
.td-cta-form-input .td-label {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

/*=============================
    06. chose
===============================*/
.td-chose-sf-icon {
  border: 1px solid var(--td-border-1);
  border-radius: 100px;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  display: inline-block;
  transition: all 0.4s ease;
}
.td-chose-sf-tittle {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
.td-chose-sf-para {
  line-height: 171%;
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-chose-sf-btn {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
}
.td-chose-sf-btn:hover {
  color: var(--td-theme-primary);
}
.td-chose-sf-btn svg {
  margin-left: 4px;
}
.td-chose-sf-item:hover .td-chose-sf-icon {
  background: var(--td-theme-primary);
  border-color: var(--td-theme-primary);
}

/*=============================
    11. gallery
===============================*/
.td-gallery-sf-item:hover .td-gallery-sf-content {
  opacity: 1;
  visibility: visible;
  left: 40px;
}
.td-gallery-sf-item:hover .td-gallery-sf-thumb img {
  transform: scale(1.1);
}
.td-gallery-sf-thumb {
  overflow: hidden;
}
.td-gallery-sf-thumb img {
  transition: all 0.4s ease;
}
.td-gallery-sf-content {
  position: absolute;
  bottom: 80px;
  left: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-gallery-sf-content {
    bottom: 30px;
    left: 20px;
  }
}
.td-gallery-sf-content span {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 16px;
  background: var(--td-theme-primary);
  display: inline-block;
  margin-bottom: 10px;
}
.td-gallery-sf-content h4 {
  margin-bottom: 0;
}
.td-gallery-sf-content h4 a {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  background: var(--td-common-white);
  padding: 12px 50px 12px 15px;
  color: var(--td-common-black);
  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) {
  .td-gallery-sf-content h4 a {
    font-size: 20px;
  }
}
.td-gallery-sf-content h4 a:hover {
  color: var(--td-theme-primary);
}

/*=============================
    19. service
===============================*/
.td-service-details-content p {
  font-size: 24px;
  line-height: 142%;
}
.td-service-details-logo {
  background: #181818;
  width: 100%;
  text-align: center;
  padding: 10px 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) {
  .td-service-details-logo-content {
    margin-left: 0;
  }
}
.td-service-details-list ul {
  column-count: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-service-details-list ul {
    column-count: 1;
  }
}
.td-service-details-list ul li {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--td-grey-1);
  display: flex;
  margin-bottom: 30px;
}
.td-service-details-list ul li svg {
  margin-right: 10px;
  transform: translateY(3px);
}
.td-service-details-thumb img {
  transition: all 0.4s ease;
}
.td-service-details-thumb:hover img {
  transform: scale(1.1);
}

/*=============================
    18. reservation
===============================*/
.td-reservation-wrap {
  background: #181818;
  border-radius: 32px;
  padding: 110px 110px 120px 110px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .td-reservation-wrap {
    padding: 60px;
  }
}
@media (max-width: 575px) {
  .td-reservation-wrap {
    padding: 30px;
  }
}
.td-reservation-input .td-input {
  text-transform: capitalize;
  color: var(--td-common-white);
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
  padding-right: 70px;
  padding-left: 33px;
  height: 50px;
}
.td-reservation-input .td-input::-webkit-input-placeholder {
  color: var(--td-grey-1);
}
.td-reservation-input .td-input::-moz-placeholder {
  color: var(--td-grey-1);
}
.td-reservation-input .td-input:-moz-placeholder {
  color: var(--td-grey-1);
}
.td-reservation-input .td-input:-ms-input-placeholder {
  color: var(--td-grey-1);
}
.td-reservation-input .td-input::placeholder {
  color: var(--td-grey-1);
}
.td-reservation-input .td-input:focus {
  border-color: var(--td-theme-primary);
}
.td-reservation-input .td-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.td-reservation-input .td-message {
  height: 130px;
  border-radius: 20px;
  resize: none;
}
.td-reservation-btn {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 50px;
  width: 100%;
  height: 50px;
  background: var(--td-theme-primary);
  transition: all 0.4s ease;
}
.td-reservation-btn:hover {
  opacity: 0.8;
}
.td-reservation-table-border {
  border-bottom: 1px dashed var(--td-border-1);
}

/*=============================
    07. contact
===============================*/
.td-contact-map {
  height: 720px;
  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) {
  .td-contact-map {
    height: 520px;
  }
}
@media (max-width: 575px) {
  .td-contact-map {
    height: 420px;
  }
}
.td-contact-map iframe {
  filter: saturate(0);
  width: 100%;
  height: 100%;
}
.td-contact-para {
  font-size: 24px;
  line-height: 142%;
}
.td-contact-form-list-item .td-icons {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--td-common-white);
  border: 1px solid var(--td-border-1);
  border-radius: 50px;
}
.td-contact-form-list-item .td-info span {
  text-transform: capitalize;
  color: var(--td-grey-1);
  display: block;
  margin-bottom: 10px;
}
.td-contact-form-list-item .td-info a {
  font-weight: 600;
  font-size: 16px;
  color: var(--td-common-white);
}
.td-contact-form-wrap {
  background: #181818;
  padding: 60px;
}
@media (max-width: 575px) {
  .td-contact-form-wrap {
    padding: 30px;
  }
}
.td-contact-form-wrap .td-input {
  text-transform: capitalize;
  color: var(--td-common-white);
  border: none;
  border-bottom: 1px solid var(--td-border-1);
  padding: 0;
}
.td-contact-form-wrap .td-input:focus {
  border-color: var(--td-theme-primary);
}
.td-contact-form-wrap .td-input::-webkit-input-placeholder {
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-contact-form-wrap .td-input::-moz-placeholder {
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-contact-form-wrap .td-input:-moz-placeholder {
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-contact-form-wrap .td-input:-ms-input-placeholder {
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-contact-form-wrap .td-input::placeholder {
  text-transform: capitalize;
  color: var(--td-grey-1);
}
.td-contact-form-wrap .td-textarea {
  height: 120px;
}

.td-pizza-overly {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--td-common-black);
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.5;
}
.td-pizza-mix-slider {
  height: 100%;
  width: 100%;
}
.td-pizza-mix-slider-wrap.mix {
  padding: 0px 0px 0px 0px;
  height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .td-pizza-mix-slider-wrap.mix {
    height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .td-pizza-mix-slider-wrap.mix {
    height: 600px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-pizza-mix-slider-wrap.mix {
    height: 500px;
  }
}
.td-pizza-mix-slider-navigation {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
}
.td-pizza-mix-slider-navigation .nav-icon {
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  gap: 20px;
  color: var(--td-common-white);
  line-height: 1;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.td-pizza-mix-slider-navigation .slider-nav {
  display: flex;
  height: 80px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .td-pizza-mix-slider-navigation .slider-nav {
    height: 80px;
  }
}
.td-pizza-mix-slider-navigation .slider-nav .td-pizza-mix-button-prev {
  margin-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-pizza-mix-slider-navigation .slider-nav .td-pizza-mix-button-prev {
    margin-left: 0;
  }
}
.td-pizza-mix-slider-navigation .slider-nav .td-pizza-mix-button-next {
  margin-right: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .td-pizza-mix-slider-navigation .slider-nav .td-pizza-mix-button-next {
    margin-right: 0;
  }
}
.td-pizza-mix-slider-navigation .slider-nav-box {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.td-pizza-mix-slider-navigation.navigation-white .nav-icon {
  color: var(--td-common-black);
}
.td-pizza-mix-slider-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 9999;
}
.td-pizza-mix-slider-content .td-herotd-hero-subtitle {
  transform: translateX(200px);
  transition: all 2s ease;
}
@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) {
  .td-pizza-mix-slider-content .td-herotd-hero-subtitle {
    transform: translateX(0px);
  }
}
.td-pizza-mix-slider-content .td-hero-title {
  transform: translateX(-200px);
  transition: all 2s ease;
}
@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) {
  .td-pizza-mix-slider-content .td-hero-title {
    transform: translateX(0px);
  }
}
.td-pizza-mix-slider .swiper-slide-active .td-hero-subtitle {
  transform: translateX(0px);
}
.td-pizza-mix-slider .swiper-slide-active .td-hero-title {
  transform: translateX(0px);
}

.swiper-gl {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.swiper-gl .swiper-slide {
  position: relative;
}

.swiper-gl .swiper-gl-image {
  display: none;
}

.swiper-gl > canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.swiper-gl-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}

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