/*-----------------------------------------------------------------------------------

    Template Name: Cunnet - Creative Portfolio Agency HTML Template
    Author: Theme_Pure
    Support: https://help.themepure.net/support/
    Description: Cunnet - Creative Portfolio Agency HTML Template
    Version: 1.0.1

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Common Classes
		1.2 Default Spacing

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Animations
		2.2 Animated Headline css start
		2.3 Back to top
		2.4 Breadcrumb
		2.5 Buttons
		2.6 Cart
		7.7 Checkout css
		2.8 Magic Cursor
		2.9 Nice Select
		2.10 Preloader
		2.11 search style
		2.12 Section Title
		2.13 select

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

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Mobile Menu
		4.2 Mobile Menu
		4.3 offcanvas scss

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

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

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 about css
		7.2 awards
		7.3 banner
		7.4 brand css
		7.5 Career Css
		7.6 cetagory css
		7.7 Contact Css
		7.8 cta css
		7.9 dark css
		7.10 error css
		7.11 faq css
		7.12 funfact css
		7.13 gallery css
		7.14 hero css
		7.15 Login Css
		7.16 payment css
		7.17 portfolio
		7.18 Price
		7.19 process css
		7.20 product css
		7.21 profile css start
		7.22 service css
		7.23 skill css
		7.24 testimonial css
		7.25 testimonial css


**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

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

.st-hero-btn-icon, .ds-price-item-list ul li span, .tp-product-details-action-sm-btn svg, .tp-product-details-wishlist-btn svg, .tp-team-details-info-contact a svg, .postbox__comment-reply a span {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* transform */
@font-face {
  font-family: "Sequel Sans Medium Head";
  src: url("../fonts/SequelSans-MediumHead.woff2") format("woff2"), url("../fonts/SequelSans-MediumHead.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Roman Head";
  src: url("../fonts/SequelSans-RomanHead.woff2") format("woff2"), url("../fonts/SequelSans-RomanHead.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Bold Head";
  src: url("../fonts/SequelSans-BoldHead.woff2") format("woff2"), url("../fonts/SequelSans-BoldHead.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Semi Bold Head";
  src: url("../fonts/SequelSans-SemiBoldHead.woff2") format("woff2"), url("../fonts/SequelSans-SemiBoldHead.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sequel Sans Heavy Disp";
  src: url("../fonts/SequelSans-HeavyDisp.woff2") format("woff2"), url("../fonts/SequelSans-HeavyDisp.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Inter', sans-serif;
  --tp-ff-inter: 'Inter', sans-serif;
  --tp-ff-heading: 'Sequel Sans Medium Head', sans-serif;
  --tp-ff-p: 'Inter', sans-serif;
  --tp-ff-jost: 'Jost', sans-serif;
  --tp-ff-sequel-medium: 'Sequel Sans Medium Head', sans-serif;
  --tp-ff-sequel-roman: 'Sequel Sans Roman Head', sans-serif;
  --tp-ff-sequel-bold-head: 'Sequel Sans Bold Head', sans-serif;
  --tp-ff-sequel-semi-bold: 'Sequel Sans Semi Bold Head', sans-serif;
  --tp-ff-sequel-heavy-disp: 'Sequel Sans Heavy Disp', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #FFFFFF;
  --tp-common-black: #1e1e1e;
  --tp-common-bubbles: #e1eeb7;
  --tp-grey-1: #5e5959;
  --tp-grey-2: #f3f3f3;
  --tp-grey-3: #b6bcc6;
  --tp-grey-4: #f6f6f6;
  --tp-grey-5: #d7cdcd;
  --tp-border-1: rgba(30, 30, 30, 0.1);
  --tp-theme-primary: #fa2837;
  --tp-gradient-primary: linear-gradient(90deg, #a020f0 0%, #00ffd1 100%);
}

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

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

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

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

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

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

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

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

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

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

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

.z-index-10 {
  position: relative;
  z-index: 10;
}

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

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

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

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

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

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

.gx-50 {
  --bs-gutter-x: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

.gx-60 {
  --bs-gutter-x: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .gx-60 {
    --bs-gutter-x: 30px;
  }
}

.gx-70 {
  --bs-gutter-x: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .gx-70 {
    --bs-gutter-x: 30px;
  }
}

.gx-80 {
  --bs-gutter-x: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .gx-80 {
    --bs-gutter-x: 30px;
  }
}

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

.gx-100 {
  --bs-gutter-x: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .gx-100 {
    --bs-gutter-x: 30px;
  }
}

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-red {
  color: var(--tp-theme-primary);
}

@media (min-width: 1400px) {
  .container-1800 {
    max-width: 1800px;
  }
}
@media (min-width: 1400px) {
  .container-1886 {
    max-width: 1886px;
  }
}
.tp-ff-body {
  font-family: var(--tp-ff-body);
}

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

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

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

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

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

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

.tp-ff-sequel-bold-head {
  font-family: var(--tp-ff-sequel-bold-head);
}

.tp-ff-sequel-semi-bold {
  font-family: var(--tp-ff-sequel-semi-bold);
}

.tp-ff-sequel-heavy-disp {
  font-family: var(--tp-ff-sequel-heavy-disp);
}

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

/* Font weight */
.fw-100 {
  font-weight: 100;
}

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

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

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

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

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

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

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

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

/*---------------------------------
    1.2 Default Spacing
---------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .pb-170 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-180 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-190 {
    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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .pb-90 {
    padding-bottom: 50px;
  }
}

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

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

/*----------------------------------------*/
/*  2.5 Buttons
/*----------------------------------------*/
.tp-btn {
  gap: 8px;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  padding: 17px 25px;
  text-transform: capitalize;
  color: var(--tp-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tp-common-black);
  border-radius: 50px;
}
.tp-btn:hover {
  color: var(--tp-common-white);
}
.tp-btn:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.tp-btn:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-btn:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.tp-btn:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}
.tp-btn span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.tp-btn span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.tp-btn span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.tp-btn i {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px;
  display: inline-flex;
  margin-left: 4px;
}
.tp-btn i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.tp-btn i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.tp-btn-grey {
  background: var(--tp-grey-2);
  color: var(--tp-common-black);
}
.tp-btn-grey:hover {
  color: var(--tp-common-black);
}
.tp-btn-grey-2 {
  background: var(--tp-grey-4);
  color: var(--tp-common-black);
}
.tp-btn-grey-2:hover {
  color: var(--tp-common-black);
}
.tp-btn-border {
  background: transparent;
  border: 1px solid var(--tp-border-1);
  color: var(--tp-common-black);
}
.tp-btn-border:hover {
  color: var(--tp-common-black);
}
.tp-btn-border-black {
  background: transparent;
  border: 2px solid var(--tp-common-black);
  color: var(--tp-common-black);
  font-weight: 600;
  padding: 8px 18px;
  gap: 3px;
}
.tp-btn-border-black:hover {
  color: var(--tp-common-black);
}
.tp-btn-border-white {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}
.tp-btn-white {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-btn-white:hover {
  color: var(--tp-common-black);
}
.tp-btn-white-border {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--tp-common-white);
}
.tp-btn-white-border:hover {
  color: var(--tp-common-white);
}
.tp-btn-switch-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tp-btn-switch-animation span {
  overflow: visible;
}
.tp-btn-switch-animation .btn-text {
  margin-left: -18px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tp-btn-switch-animation .btn-icon {
  margin-left: 10px;
  position: relative;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
}
.tp-btn-switch-animation .btn-icon + .btn-icon {
  order: -2;
  opacity: 0;
  transition-delay: 0s;
  margin-left: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tp-btn-switch-animation:hover .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.tp-btn-switch-animation:hover .btn-icon {
  transition-delay: 0s;
  transform: translateX(10px);
  opacity: 0;
}
.tp-btn-switch-animation:hover .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 225ms;
}
.tp-btn-xl {
  padding: 18px 32px;
}
.tp-btn-xxl {
  padding: 22px 32px;
}
.tp-btn-red {
  background-color: var(--tp-theme-primary);
}
.tp-btn-group {
  display: flex;
  width: fit-content;
}
.tp-btn-group > *:nth-child(1) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-end: -52px;
}
.tp-btn-group > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
}
.tp-btn-group > *:nth-child(3) {
  transform: scale3d(1, 1, 1);
  margin-inline-start: 0;
}
.tp-btn-group:hover > *:nth-child(1) {
  transform: scale3d(1, 1, 1);
  margin-inline-end: 0;
  background: var(--tp-common-black);
}
.tp-btn-group:hover > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
  background: var(--tp-common-black);
}
.tp-btn-group:hover > *:nth-child(3) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-start: -52px;
  background: var(--tp-common-black);
}
.tp-btn-group .tp-btn-circle {
  text-align: center;
  width: 50px;
  height: 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-btn-group .tp-btn-circle i {
  transform: rotate(-45deg);
}
.tp-btn-group-transparent .tp-btn {
  background: var(--tp-common-white);
  border: 1px solid rgba(38, 38, 38, 0.1);
  color: var(--tp-common-black);
}
.tp-btn-group-transparent .tp-btn-circle {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
  border: 1px solid rgba(38, 38, 38, 0.1);
}
.tp-btn-group-transparent:hover > *:nth-child(2) {
  background: var(--tp-common-white);
}
.tp-btn-group-transparent:hover > *:nth-child(1) {
  background: var(--tp-common-white);
}
.tp-btn-group-transparent-2 .tp-btn {
  background: #fff5f3;
  border: 1px solid rgba(38, 38, 38, 0.1);
  color: var(--tp-common-black);
}
.tp-btn-group-transparent-2 .tp-btn-circle {
  background-color: #fff5f3;
  color: var(--tp-common-black);
  border: 1px solid rgba(38, 38, 38, 0.1);
}
.tp-btn-group-transparent-2:hover > *:nth-child(2) {
  background: #fff5f3;
}
.tp-btn-group-transparent-2:hover > *:nth-child(1) {
  background: #fff5f3;
}

.pp-btn-nobg {
  background: transparent;
  padding: 0;
}
.pp-btn-nobg i {
  margin-left: 0;
}
.pp-btn-download {
  padding: 16px 31px;
}
.pp-btn-download svg {
  margin-left: 5px;
}

.shop-btn {
  background: var(--tp-common-bubbles);
  color: var(--tp-common-black);
  padding: 17px 33px;
}
.shop-btn:hover {
  color: var(--tp-common-black);
}

.tp-action-btn {
  width: 100%;
  text-align: center;
  padding: 22px 25px;
}

/*----------------------------------------*/
/*  2.1 Animations
/*----------------------------------------*/
@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
@keyframes levitate-lg {
  0% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(30px) scale(1.01);
    transform: translateY(30px) scale(1.01);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}
@-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;
}

@-webkit-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-ms-keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.rotate-infinite-2 {
  -webkit-animation: rotate-infinite-2 15s linear infinite;
  animation: rotate-infinite-2 15s linear infinite;
}

@-webkit-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-moz-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-ms-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes arrowLineRotation {
  to {
    transform: rotate(180deg);
  }
}
@keyframes arrowLineRotationRev {
  to {
    transform: rotate(-180deg);
  }
}
/*----------------------------------------*/
/*  2.10 Preloader
/*----------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--tp-theme-primary);
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--tp-common-white);
  animation: preloader 1.3s linear infinite;
  -webkit-animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
/*----------------------------------------*/
/*  2.4 Breadcrumb
/*----------------------------------------*/
.tp-breadcrumb-list ul li {
  font-family: var(--tp-ff-sequel-semi-bold);
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  list-style: none;
  display: inline-block;
  position: relative;
}
.tp-breadcrumb-list ul li:not(:last-child) {
  padding-right: 18px;
  margin-right: 10px;
}
.tp-breadcrumb-list ul li:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background: var(--tp-common-black);
  border-radius: 40px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tp-breadcrumb-list ul li a:hover {
  color: var(--tp-theme-primary);
}
.tp-breadcrumb-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.tp-breadcrumb-title {
  font-size: 92px;
  line-height: 98%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-title {
    font-size: 58px;
  }
}
@media (max-width: 574.98px) {
  .tp-breadcrumb-title {
    font-size: 50px;
  }
}
.tp-breadcrumb-title span {
  color: var(--tp-theme-primary);
}
.tp-breadcrumb-title.fs-152 {
  font-size: 152px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-breadcrumb-title.fs-152 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-title.fs-152 {
    font-size: 58px;
  }
}
@media (max-width: 574.98px) {
  .tp-breadcrumb-title.fs-152 {
    font-size: 50px;
  }
}
.tp-breadcrumb-subtitle {
  font-size: 18px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  position: relative;
  padding-left: 16px;
  display: inline-block;
}
.tp-breadcrumb-subtitle::before {
  position: absolute;
  content: "";
  border-radius: 8px;
  width: 8px;
  height: 8px;
  background: var(--tp-common-black);
  left: 0;
  top: 9px;
}
.tp-breadcrumb-subtitle svg {
  margin-left: 5px;
}
.tp-breadcrumb-dec {
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.02em;
  color: #535058;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-dec br {
    display: none;
  }
}
.tp-breadcrumb-dec.ml-240 {
  margin-left: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-dec.ml-240 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-dec-wrap {
    margin-left: 0;
    flex-direction: column;
  }
}
.tp-breadcrumb-date {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-breadcrumb-date {
    margin-right: 30px;
  }
}
.tp-breadcrumb-border {
  border-bottom: 1px solid var(--tp-border-1);
}
.tp-breadcrumb-shape {
  position: absolute;
  top: 0;
  right: 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: 574.98px) {
  .tp-breadcrumb-shape {
    right: 0;
  }
}

/*----------------------------------------*/
/*  2.12 Section Title
/*----------------------------------------*/
.tp-section-title {
  font-size: 82px;
  line-height: 107%;
  letter-spacing: -2.1px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title {
    font-size: 50px;
    letter-spacing: -2.1px;
  }
}
@media (max-width: 574.98px) {
  .tp-section-title {
    font-size: 40px;
    letter-spacing: -0.1px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-title br {
    display: none;
  }
}
.tp-section-title.fs-72 {
  font-size: 72px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title.fs-72 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title.fs-72 {
    font-size: 50px;
    letter-spacing: -2.1px;
  }
}
@media (max-width: 574.98px) {
  .tp-section-title.fs-72 {
    font-size: 40px;
    letter-spacing: -0.1px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-title.fs-72 br {
    display: none;
  }
}
.tp-section-title.fs-92 {
  font-size: 92px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title.fs-92 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title.fs-92 {
    font-size: 50px;
    letter-spacing: -2.1px;
  }
}
@media (max-width: 574.98px) {
  .tp-section-title.fs-92 {
    font-size: 40px;
    letter-spacing: -0.1px;
  }
}
.tp-section-title.fs-132 {
  font-size: 132px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-132 {
    font-size: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title.fs-132 {
    font-size: 90px;
  }
}
@media (max-width: 574.98px) {
  .tp-section-title.fs-132 {
    font-size: 52px;
  }
}
.tp-section-subtitle {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-section-subtitle.fs-20 {
  font-size: 20px;
}

.ca-section-title {
  font-family: var(--tp-ff-sequel-semi-bold);
  font-size: 60px;
  line-height: 117%;
  letter-spacing: -0.03em;
}
@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) {
  .ca-section-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ca-section-title {
    font-size: 40px;
  }
}
@media (max-width: 574.98px) {
  .ca-section-title {
    font-size: 35px;
  }
}
.ca-section-title.fs-52 {
  font-size: 52px;
  line-height: 119%;
}
@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) {
  .ca-section-title.fs-52 {
    font-size: 46px;
  }
}
@media (max-width: 574.98px) {
  .ca-section-title.fs-52 {
    font-size: 35px;
  }
}
.ca-section-title.fs-100 {
  font-size: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ca-section-title.fs-100 {
    font-size: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ca-section-title.fs-100 {
    font-size: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ca-section-title.fs-100 {
    font-size: 70px;
  }
}
@media (max-width: 574.98px) {
  .ca-section-title.fs-100 {
    font-size: 50px;
  }
}

.reveal-text .char {
  color: var(--tp-grey-3);
  transition: color 0.6s ease;
}

.reveal-text .char.revealed {
  color: var(--tp-common-black);
}

.cs-section-title {
  font-size: 132px;
  line-height: 108%;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-section-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-section-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-section-title {
    font-size: 60px;
    line-height: 1;
  }
}
@media (max-width: 574.98px) {
  .cs-section-title {
    font-size: 42px;
  }
}
.cs-section-title.fs-72 {
  font-size: 72px;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .cs-section-title.fs-72 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .cs-section-title.fs-72 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-section-title.fs-72 {
    font-size: 50px;
  }
}

/*----------------------------------------*/
/*  2.13 select
/*----------------------------------------*/
.nice-select.px-select {
  position: relative;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding: 0px 23px;
  border-radius: 72px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.nice-select.px-select span.current {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.17px;
  color: rgba(255, 255, 255, 0.7);
}
.nice-select.px-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 20px;
  margin-top: 0;
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  transform-origin: center;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--tp-ff-fontawesome);
}
.nice-select.px-select.open {
  border-color: var(--tp-common-px-white);
}
.nice-select.px-select.open::after {
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.px-select .list {
  width: 100%;
  background: #121212;
}
.nice-select.px-select .list li {
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
.nice-select.px-select .list li.selected {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  color: rgba(255, 255, 255, 0.7);
}

/*----------------------------------------*/
/*  2.11 search style
/*----------------------------------------*/
.tp-search-form-toggle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--tp-common-white);
  z-index: 100;
  padding-top: 70px;
  padding-bottom: 100px;
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  z-index: 9999;
}
.tp-search-form-toggle.active {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.tp-search-form-toggle.active .tp-search-form-input {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.tp-search-form-icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 22px;
  color: var(--tp-common-black);
}
.tp-search-form-icon:hover {
  color: var(--tp-theme-primary);
}
.tp-search-form-input {
  position: relative;
  height: 52px;
  transform: translateY(-40px);
  transition: all 0.3s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
}
.tp-search-form-input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  font-weight: 400;
  color: var(--tp-common-black);
  border-bottom: 1px solid var(--tp-border-1);
  padding: 0;
  padding-right: 30px;
}
.tp-search-form-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 24px;
  color: var(--tp-grey-1);
}
.tp-search-form-input input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 24px;
  color: var(--tp-grey-1);
}
.tp-search-form-input input:-moz-placeholder {
  /* Firefox 4-18 */
  font-size: 24px;
  color: var(--tp-grey-1);
}
.tp-search-form-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-size: 24px;
  color: var(--tp-grey-1);
}
.tp-search-form-input input::placeholder {
  /* MODERN BROWSER */
  font-size: 24px;
  color: var(--tp-grey-1);
}
.tp-search-form-input input ~ .tp-search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-black);
  transition: all 0.5s;
}
.tp-search-form-input input:focus {
  border-color: transparent;
}
.tp-search-form-input input:focus ~ .tp-search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.8s;
}
.tp-search-close {
  color: var(--tp-common-black);
  font-size: 40px;
  transition: all 0.3s ease;
}
.tp-search-close:hover {
  color: var(--tp-grey-1);
  transform: rotate(180deg);
}
.tp-search-body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  z-index: 99;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  -webkit-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.tp-search-body-overlay.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.tp-search-dark {
  background-color: var(--tp-common-black);
}
.tp-search-dark .tp-search-form-input input {
  color: var(--tp-common-white);
  border-bottom: 1px solid var(--tp-border-3);
}
.tp-search-dark .tp-search-form-input input ~ .tp-search-focus-border {
  background-color: var(--tp-common-white);
}
.tp-search-dark .tp-search-close {
  color: var(--tp-common-white);
}
.tp-search-dark .tp-search-close:hover {
  color: var(--tp-grey-2);
}
.tp-search-dark .tp-search-form-icon {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.2 Animated Headline css start
/*----------------------------------------*/
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper .app {
  transform: translateY(-10px);
  display: inline-block;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
  color: var(--tp-theme-primary);
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
}

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: var(--tp-theme-primary);
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

/*----------------------------------------*/
/*  2.8 Magic Cursor
/*----------------------------------------*/
body.tp-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--tp-common-black);
}

.cursor-bg-red #ball {
  background-color: #FF535B !important;
}
.cursor-bg-red #ball .ball-view {
  color: var(--tp-common-white);
}

.cursor-bg-red-2 #ball {
  background-color: #FF481F !important;
}
.cursor-bg-red-2 #ball .ball-view {
  color: var(--tp-common-white);
}

.cursor-bg-yellow #ball {
  background-color: #FFF669 !important;
}
.cursor-bg-yellow #ball .ball-view {
  color: var(--tp-common-black);
}

.cursor-white-bg #ball .ball-view {
  color: var(--tp-common-black);
}

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  transform: scale(0);
  color: var(--tp-common-black);
}

/* Ball drag 
============= */
#ball .ball-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s;
  color: var(--tp-common-black);
}

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  height: 10px;
  line-height: 10px;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: var(--tp-common-white);
  font-family: "Font Awesome 6 Pro";
  -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
  content: "\f104";
  /* Font Awesome */
  left: 0;
  transform: translate3d(-30px, 0, 0);
  transition: all 0.25s;
}

#ball .ball-drag::after {
  content: "\f105";
  /* Font Awesome */
  right: 0;
  transform: translate3d(30px, 0, 0);
  transition: all 0.25s;
}

#ball.with-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Ball close 
============== */
#ball.ball-close-enabled {
  opacity: 1 !important;
}

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--tp-common-black);
}

.tp-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

/*----------------------------------------*/
/*  2.9 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  outline: none;
  position: relative;
  -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;
  color: var(--tp-common-black);
  padding-left: 25px;
  font-weight: 400;
  background-color: var(--tp-common-white);
  border-radius: 5px;
  border: solid 1px var(--tp-border-1);
  font-size: 16px;
  height: 50px;
  line-height: 48px;
  padding-right: 60px;
  font-family: var(--tp-ff-inter);
}
.nice-select:hover {
  border-color: ar(--tp-theme-primary);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 25px;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-grey-1);
  font-weight: 500;
  pointer-events: none;
  font-size: 18px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  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;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 12px;
}
.nice-select .option:hover {
  background-color: #f8f8fb;
  color: var(--tp-common-black);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
.nice-select .option.selected {
  font-weight: 400;
  color: var(--tp-theme-primary);
}

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

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

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

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

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

/*----------------------------------------*/
/*  3.2 Header main
/*----------------------------------------*/
.tp-header-sidebar-btn {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  border-radius: 50px;
}
.tp-header-sidebar-btn:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.tp-header-sidebar-btn:hover span:nth-child(2) {
  animation-delay: 0.1s;
}
.tp-header-sidebar-btn span {
  background: var(--tp-common-black);
  width: 13px;
  margin: 0 0 0 auto;
  border-radius: 20px;
  height: 2px;
  display: inline-block;
}
.tp-header-sidebar-btn span:nth-child(2) {
  width: 20px;
}
.tp-header-sidebar-btn-bg {
  width: 36px;
  height: 36px;
  background: var(--tp-common-black);
  border-radius: 50px;
  justify-content: center;
  padding-right: 9px;
}
.tp-header-sidebar-btn-bg span {
  background: var(--tp-common-white);
}
.tp-header-sidebar-btn-bg span:nth-child(2) {
  width: 18px;
}
.tp-header-sidebar-btn-bg-white {
  background: var(--tp-common-white);
}
.tp-header-sidebar-btn-bg-white span {
  background: var(--tp-common-black);
}
.tp-header-spacing {
  padding: 20px 0;
}
.tp-header-logo .logo-2 {
  display: none;
}

.ca-header-style {
  border-bottom: 1px solid rgba(9, 9, 11, 0.1);
  padding: 23px 0;
}

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

.pp-header-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.pp-header-top-content {
  font-size: 110px;
  line-height: 1;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pp-header-top-content {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pp-header-top-content {
    font-size: 77px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pp-header-top-content {
    font-size: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pp-header-top-content {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pp-header-top-content {
    font-size: 40px;
  }
}
@media (max-width: 574.98px) {
  .pp-header-top-content {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-header-top-logo-wrap {
    margin-left: 0;
  }
}
.pp-header-hamburger {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  line-height: 0;
  border-radius: 50px;
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  transition: all 0.4s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pp-header-hamburger {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pp-header-hamburger {
    margin-top: 5px;
  }
}
@media (max-width: 574.98px) {
  .pp-header-hamburger {
    margin-top: -3px;
  }
}
.pp-header-hamburger:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-header-btn {
    margin-left: 0;
  }
}
.pp-header-social {
  display: flex;
  gap: 10px;
  justify-content: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-header-social {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.pp-header-social a {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 5px 14px 4px 14px;
  display: inline-block;
  line-height: 1;
  font-size: 14px;
}
.pp-header-social a:hover {
  background: var(--tp-common-white);
  border-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.pp-header-white .pp-header-hamburger {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--tp-common-black);
}
.pp-header-white .pp-header-hamburger:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.pp-header-white .pp-header-top {
  border-color: rgba(9, 9, 11, 0.1);
}
.pp-header-white .pp-main-menu nav ul li a {
  color: rgba(9, 9, 11, 0.6);
}
.pp-header-white .pp-main-menu nav ul li a:hover {
  color: var(--tp-common-black);
}
.pp-header-white .pp-btn-nobg {
  color: var(--tp-common-black);
}
.pp-header-white .pp-header-social a {
  border: 1px solid rgba(9, 9, 11, 0.1);
}

.cs-header-style .tp-main-menu nav ul li a {
  color: var(--tp-common-white);
}
.cs-header-style .tp-main-menu nav ul li a:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.cs-header-style .tp-main-menu nav ul li:hover.has-dropdown > a {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.cs-header-style .tp-header-sidebar-btn span {
  background: var(--tp-common-white);
}
.cs-header-style .tp-header-search-btn.tp-search-click {
  color: var(--tp-common-white);
}

.mg-header-style {
  padding: 28px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-header-logo {
    margin-left: 0;
  }
}

:root {
  --basic-ease: cubic-bezier(.625,.05,0,1);
}

.tp-title-text span {
  display: inline-block;
  text-shadow: 0 1.05em var(--tp-theme-primary);
  transition: translate 0.3s var(--basic-ease), text-shadow 0.1s 0.15s ease;
}
.tp-title-anim:hover .tp-title-text span {
  text-shadow: 0 1.05em currentColor;
  translate: 0 -1.05em 0;
  transition: translate 0.5s calc((var(--char) - 1) * 0.024s) var(--basic-ease), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}
.tp-title-anim-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-y: clip;
}

.tp-title-text-2 span {
  display: inline-block;
  text-shadow: 0 1.05em var(--tp-theme-primary);
  transition: translate 0.3s var(--basic-ease), text-shadow 0.1s 0.15s ease;
}
.tp-title-anim-2:hover .tp-title-text-2 span {
  text-shadow: 0 1.05em currentColor;
  translate: 0 -1.05em 0;
  transition: translate 0.5s calc((var(--char) - 1) * 0.024s) var(--basic-ease), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}

/*----------------------------------------*/
/*  3.1 Header Style top
/*----------------------------------------*/
.shop-header-top {
  background: var(--tp-common-bubbles);
  padding: 6px 0;
}
.shop-header-top-slider-text p {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.shop-header-top-slider-text p a {
  font-weight: 600;
}
.shop-header-top-slider-text p a:hover {
  color: #1e1e1eba;
}
.shop-header-top-slider-text p a svg {
  margin-left: 5px;
}
.shop-header-top-slider-active {
  margin: 0 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-header-top-slider-active {
    margin: 0 30px;
  }
}
.shop-header-top-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  margin: 0 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: 574.98px) {
  .shop-header-top-navigation {
    margin: 0 15px;
  }
}
.shop-header-top-navigation span {
  color: var(--tp-common-black);
  transition: all 0.4s ease;
}
.shop-header-top-navigation span:hover {
  color: #1e1e1eba;
}
.shop-header-top-menu-item {
  position: relative;
}
.shop-header-top-menu-item > span {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-right: 20px;
}
.shop-header-top-menu-item > span::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  margin-left: 7px;
}
.shop-header-top-menu-item > span:hover {
  cursor: pointer;
}
.shop-header-top-menu-item ul {
  position: absolute;
  top: 125%;
  right: 0;
  z-index: 4;
  background-color: var(--tp-common-white);
  padding: 10px 15px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  visibility: hidden;
  opacity: 0;
  min-width: max-content;
  -webkit-transition: 0.2s 0.3s ease-out;
  -moz-transition: 0.2s 0.3s ease-out;
  -ms-transition: 0.2s 0.3s ease-out;
  -o-transition: 0.2s 0.3s ease-out;
  transition: 0.2s 0.3s ease-out;
}
.shop-header-top-menu-item ul.shop-lang-list-open, .shop-header-top-menu-item ul.shop-currency-list-open, .shop-header-top-menu-item ul.shop-setting-list-open {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.shop-header-top-menu-item ul li {
  list-style: none;
}
.shop-header-top-menu-item ul li a {
  font-size: 14px;
  color: var(--tp-common-black);
}
.shop-header-top-menu-item ul li a:hover {
  color: #1e1e1eba;
}
.shop-header-top-menu-item ul li a img {
  width: 20px;
  border-radius: 100px;
  margin-right: 6px;
}
.shop-header-menu ul li {
  display: inline-block;
}
.shop-header-menu ul li:not(:last-child) {
  margin-right: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-header-menu ul li:not(:last-child) {
    margin-right: 20px;
  }
}
.shop-header-menu ul li a {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.shop-header-menu ul li a:hover {
  color: #1e1e1eba;
}
.shop-header-currency ul li:not(:last-child) {
  margin-bottom: 7px;
}
.shop-header-currency-toggle img {
  width: 20px;
  margin-right: 3px;
}
.shop-header-cart-btn {
  position: relative;
}
.shop-header-cart-btn span {
  width: 22px;
  height: 22px;
  background: var(--tp-theme-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 12px;
  position: absolute;
  color: var(--tp-common-white);
  top: -7px;
  right: -12px;
}
.shop-header-cart-btn:hover {
  color: #1e1e1eba;
}
.shop-header-right .tp-menu-bar {
  margin-top: 3px;
}
.shop-header-right .tp-search-click {
  margin-top: 1px;
}
.shop-header-main {
  padding: 18px 0;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.postbox-item:not(:last-child) {
  border-bottom: 1px solid rgba(30, 30, 30, 0.08);
  padding-bottom: 50px;
  margin-bottom: 60px;
}
.postbox-item:hover .postbox-thumb img {
  transform: scale(1.1);
}
.postbox-thumb {
  border-radius: 14px;
  overflow: hidden;
}
.postbox-thumb-overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.postbox-thumb img {
  border-radius: 14px;
  transition: all 0.8s ease;
}
.postbox-title {
  font-size: 38px;
  line-height: 113%;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-title {
    font-size: 32px;
  }
}
@media (max-width: 574.98px) {
  .postbox-title {
    font-size: 26px;
  }
}
.postbox-title.fs-32 {
  font-size: 32px;
}
.postbox-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.postbox-play-btn a {
  height: 80px;
  width: 80px;
  line-height: 77px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-common-white);
  animation: animate-pulse 3s linear infinite;
}
.postbox-play-btn a svg {
  margin-left: 3px;
  display: inline-block;
}
.postbox-slider-item {
  position: relative;
  border-radius: 14px;
}
.postbox-slider-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.3);
}
.postbox-slider-item img {
  border-radius: 14px;
}
.postbox-arrow button {
  height: 50px;
  width: 50px;
  line-height: 49px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-common-white);
}
.postbox-arrow button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.postbox-arrow-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  z-index: 2;
  transform: translateY(-50%);
}
.postbox-arrow-next {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 2;
  transform: translateY(-50%);
}
@media (max-width: 574.98px) {
  .postbox__comment {
    padding-top: 50px;
  }
}
.postbox__comment ul {
  margin-right: 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: 574.98px) {
  .postbox__comment ul {
    margin-right: 0;
  }
}
.postbox__comment ul li {
  margin-bottom: 30px;
  list-style: none;
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment-title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 15px;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
.postbox__comment-box {
  padding-top: 20px;
}
@media (max-width: 574.98px) {
  .postbox__comment-box {
    flex-wrap: wrap;
  }
}
.postbox__comment-info {
  flex: 0 0 auto;
}
.postbox__comment-avater {
  flex: 0 0 auto;
}
@media (max-width: 574.98px) {
  .postbox__comment-avater {
    margin-right: 0;
  }
}
.postbox__comment-avater img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
@media (max-width: 574.98px) {
  .postbox__comment-avater img {
    margin-bottom: 30px;
  }
}
.postbox__comment-name {
  margin-bottom: 15px;
}
.postbox__comment-name h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.postbox__comment-name span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: rgba(30, 30, 30, 0.7);
}
.postbox__comment-text p {
  line-height: 1.6;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__comment-text p {
    font-size: 15px;
  }
}
.postbox__comment-reply a {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 11px 20px;
  border-radius: 40px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-black);
  border: 1px solid rgba(30, 30, 30, 0.1);
}
.postbox__comment-reply a span {
  margin-left: 6px;
  display: inline-block;
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
}
.postbox__comment-agree {
  padding-left: 5px;
}
.postbox__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 16px;
  height: 16px;
  background: var(--tp-common-black);
  border: 1px solid #949392;
  outline: none;
  flex: 0 0 auto;
  transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
  position: relative;
  background-color: var(--tp-theme-primary);
  border-color: transparent;
}
.postbox__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-black);
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
  cursor: pointer;
}
.postbox__comment-agree label {
  padding-left: 8px;
  color: #838383;
  line-height: 1;
}
.postbox__comment-agree label a {
  color: var(--tp-common-white);
  font-weight: 600;
  padding-left: 4px;
}
.postbox__comment-agree label a:hover {
  color: var(--tp-theme-primary);
}
.postbox__comment-agree label:hover {
  cursor: pointer;
}

.basic-pagination {
  margin-bottom: 40px;
}
.basic-pagination ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 574.98px) {
  .basic-pagination ul li {
    margin-right: 5px;
  }
}
.basic-pagination ul li:hover a {
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.basic-pagination ul li > a {
  height: 50px;
  width: 50px;
  line-height: 49px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-common-black);
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(30, 30, 30, 0.08);
}
.basic-pagination ul li .current {
  height: 50px;
  width: 50px;
  font-weight: 600;
  line-height: 49px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  display: inline-block;
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
  transition: all 0.3s ease-in-out;
}
.basic-pagination-label span {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.33;
  color: #525356;
  display: inline-block;
}
@media (max-width: 574.98px) {
  .basic-pagination-label span {
    margin-bottom: 15px;
  }
}
.basic-pagination.product-pagination ul li > a {
  color: #4d3d30;
  border: 1px solid #4d3d30;
}
.basic-pagination.product-pagination ul li:hover a {
  background-color: #4d3d30;
  color: var(--tp-common-white);
}
.basic-pagination.product-pagination ul li .current {
  background-color: #4d3d30;
  color: var(--tp-common-white);
}

.postbox-details-quote p {
  font-size: 42px;
  line-height: 124%;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-sequel-semi-bold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-details-quote p {
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-quote p {
    font-size: 25px;
  }
  .postbox-details-quote p br {
    display: none;
  }
}
.postbox-details-quote span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: rgba(30, 30, 30, 0.6);
}
.postbox-details-quote-box {
  background: #f6f6f6;
  border-radius: 12px;
  padding: 60px 100px 35px 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-quote-box {
    padding: 20px 20px 20px 20px;
  }
}
@media (max-width: 574.98px) {
  .postbox-details-quote-box {
    flex-wrap: wrap;
  }
}
.postbox-details-quote-box i {
  flex: 0 0 auto;
  margin-right: 24px;
  display: inline-block;
}
@media (max-width: 574.98px) {
  .postbox-details-quote-box i {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-quote-box-inner {
    flex-wrap: wrap;
  }
}
.postbox-details-text p span {
  color: var(--tp-theme-primary);
}
.postbox-details-list ul {
  padding-left: 30px;
}
@media (max-width: 574.98px) {
  .postbox-details-list ul {
    padding-left: 0;
  }
}
.postbox-details-list ul li {
  list-style-type: none;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.1;
  color: rgba(30, 30, 30, 0.7);
  position: relative;
  padding-left: 20px;
}
.postbox-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.postbox-details-list ul li::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  height: 5px;
  width: 5px;
  margin-right: 10px;
  border-radius: 50%;
  display: inline-block;
  background-color: rgba(30, 30, 30, 0.7);
}
.postbox-details-list ul li span {
  color: rgba(30, 30, 30, 0.4);
}
.postbox-details-list ul li i {
  font-style: normal;
  color: var(--tp-theme-primary);
}
.postbox-details-code {
  padding: 25px 30px;
  border-radius: 14px;
  background: #f6f6f6;
}
.postbox-details-code pre {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  margin: 0;
  color: rgba(30, 30, 30, 0.7);
}
.postbox-details-social a {
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  background-color: #f8f8f9;
  color: rgba(30, 30, 30, 0.7);
}
.postbox-details-social a svg {
  height: 15px;
  width: 15px;
}
.postbox-details-social a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.postbox-details-author .sidebar-widget-author-img {
  flex: 0 0 auto;
  margin-bottom: 0;
  margin-right: 30px;
}
@media (max-width: 574.98px) {
  .postbox-details-author .sidebar-widget-author-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.postbox-details-author .sidebar-widget-author-img img {
  height: 100px;
  width: 100px;
  border-radius: 50px;
  margin-right: 0;
}
.postbox-details-author .sidebar-widget-author {
  padding: 0;
  padding-bottom: 0;
  padding: 30px;
  border: none;
  border-radius: 14px;
}
@media (max-width: 574.98px) {
  .postbox-details-author .sidebar-widget-author {
    flex-wrap: wrap;
  }
}
.postbox-details-author .sidebar-widget-author-content span {
  margin-bottom: 8px;
}
.postbox-details-author .sidebar-widget-author-name {
  margin-bottom: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .postbox-details-author .sidebar-widget-author-content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-tag-wrap {
    flex-wrap: wrap;
  }
}
.postbox-details-navigation-wrap {
  border-top: 1px solid rgba(30, 30, 30, 0.08);
}
.postbox-details-navigation a {
  display: flex;
  grid-gap: 20px;
}
.postbox-details-navigation a:hover i {
  color: #fff;
  background-color: var(--tp-theme-primary);
}
.postbox-details-navigation a:hover .tp-blog-navigation-title {
  color: var(--tp-theme-primary);
}
.postbox-details-navigation i {
  height: 50px;
  width: 50px;
  font-size: 17px;
  background: #f6f6f6;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  flex: 0 0 auto;
  color: var(--tp-common-black);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.postbox-details-navigation span {
  font-size: 15px;
  display: block;
  font-weight: 500;
  margin-bottom: 2px;
}
.postbox-details-navigation-title {
  font-size: 18px;
  letter-spacing: inherit;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.01em;
  transition: all 0.4s ease;
  font-family: var(--tp-ff-inter);
}
.postbox-details-form {
  padding: 55px 60px 60px 60px;
  border-radius: 20px;
  border: 1px solid rgba(30, 30, 30, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-form {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .postbox-details-form {
    padding: 20px;
  }
}
.postbox-details-form p {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 23px;
  color: rgba(30, 30, 30, 0.7);
}
@media (max-width: 574.98px) {
  .postbox-details-form p {
    font-size: 16px;
  }
}
.postbox-details-form-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.postbox-details-input label {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px;
  color: var(--tp-common-black);
}
.postbox-details-input input, .postbox-details-input textarea {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 25px;
  border-radius: 14px;
  background: #f6f6f6;
  color: var(--tp-common-black);
  border: 1px solid transparent;
}
.postbox-details-input input::-webkit-input-placeholder, .postbox-details-input textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 17px;
  font-weight: 400;
  color: #707072;
}
.postbox-details-input input::-moz-placeholder, .postbox-details-input textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 17px;
  font-weight: 400;
  color: #707072;
}
.postbox-details-input input:-moz-placeholder, .postbox-details-input textarea:-moz-placeholder {
  /* Firefox 4-18 */
  font-size: 17px;
  font-weight: 400;
  color: #707072;
}
.postbox-details-input input:-ms-input-placeholder, .postbox-details-input textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-size: 17px;
  font-weight: 400;
  color: #707072;
}
.postbox-details-input input::placeholder, .postbox-details-input textarea::placeholder {
  /* MODERN BROWSER */
  font-size: 17px;
  font-weight: 400;
  color: #707072;
}
.postbox-details-input input:focus, .postbox-details-input textarea:focus {
  border-color: var(--tp-theme-primary);
  background: transparent;
}
.postbox-details-input textarea {
  height: 160px;
  resize: none;
  margin-bottom: 20px;
}
.postbox-details-remeber input {
  display: none;
}
.postbox-details-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.postbox-details-remeber label {
  position: relative;
  padding-left: 30px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: rgba(30, 30, 30, 0.7);
}
.postbox-details-remeber label::after {
  position: absolute;
  content: "";
  top: -3px;
  left: 0;
  width: 20px;
  height: 20px;
  z-index: -1;
  transition: 0.3s;
  line-height: 16px;
  border-radius: 4px;
  text-align: center;
  border: 1px solid rgba(30, 30, 30, 0.1);
}
.postbox-details-remeber label::before {
  position: absolute;
  content: url("../img/svg/check.svg");
  top: -2px;
  left: 2px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  color: var(--tp-common-black);
  filter: invert(1);
}
.postbox-details-remeber label:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/
.rc-post-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  margin-right: 30px;
  border-radius: 14px;
}
.rc-post-thumb img {
  transition: 0.9s;
  border-radius: 14px;
  height: 140px;
  width: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .rc-post-thumb img {
    height: 100px;
    width: 100px;
  }
}
.rc-post:hover .rc-post-thumb img {
  transform: scale(1.1);
}
.rc-post-category {
  margin-bottom: 10px;
}
.rc-post-category a {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tp-common-black);
  padding: 6px 12px 5px 12px;
  border-radius: 15px;
  display: inline-block;
  border: 1px solid rgba(30, 30, 30, 0.1);
}
.rc-post-category a:hover {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.rc-post-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 5px;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
@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), (max-width: 574.98px) {
  .rc-post-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc-post-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .rc-post-title {
    font-size: 18px;
  }
}
.rc-post-meta span {
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  color: #9e9a9a;
}
.rc-post-wrap .rc-post:not(:last-child) {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(30, 30, 30, 0.08);
}

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/
.sidebar-search {
  position: relative;
}
.sidebar-search input {
  width: 100%;
  height: 60px;
  padding: 0 25px;
  font-weight: 400;
  font-size: 18px;
  line-height: 60px;
  letter-spacing: -0.01em;
  border-radius: 14px;
  padding-right: 50px;
  background: #f6f6f6;
  border: 1px solid transparent;
  color: var(--tp-common-black);
}
.sidebar-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #9e9a9a;
}
.sidebar-search input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #9e9a9a;
}
.sidebar-search input:-moz-placeholder {
  /* Firefox 4-18 */
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #9e9a9a;
}
.sidebar-search input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #9e9a9a;
}
.sidebar-search input::placeholder {
  /* MODERN BROWSER */
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #9e9a9a;
}
.sidebar-search input:focus {
  background-color: transparent;
  border: 1px solid var(--tp-theme-primary);
}
.sidebar-search button {
  position: absolute;
  top: 0;
  right: 25px;
  height: 100%;
  line-height: 60px;
  color: var(--tp-common-black);
}
.sidebar-search button:hover {
  color: var(--tp-theme-primary);
}
.sidebar-widget-author {
  padding: 40px;
  border-radius: 14px;
  background: #f6f6f6;
}
.sidebar-widget-author-img {
  margin-bottom: 25px;
}
.sidebar-widget-author-img img {
  margin-right: 20px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.sidebar-widget-author-name {
  font-weight: 600;
  font-family: var(--tp-ff-inter);
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.sidebar-widget-author-content span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  color: #9e9a9a;
  text-transform: uppercase;
}
.sidebar-widget-author-content p {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 25px;
  color: rgba(30, 30, 30, 0.8);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sidebar-widget-author-content p br {
    display: none;
  }
}
.sidebar-widget-author-social a {
  margin: 0 5px;
}
.sidebar-widget-author-social a span {
  transition: all 0.4s ease-in-out;
  color: var(--tp-common-black);
}
.sidebar-widget-author-social a:hover span {
  color: var(--tp-theme-primary);
}
.sidebar-widget-title {
  font-family: var(--tp-ff-sequel-bold-head);
  font-size: 22px;
  line-height: 1;
  margin-bottom: 30px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.sidebar-widget-category ul li {
  list-style-type: none;
}
.sidebar-widget-category ul li a {
  border-radius: 14px;
  padding: 14px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  background: #f6f6f6;
  letter-spacing: -0.01em;
  color: rgba(30, 30, 30, 0.8);
}
.sidebar-widget-category ul li a span {
  transition: 0.3s;
}
.sidebar-widget-category ul li a span:last-child {
  color: #949494;
  font-size: 14px;
}
.sidebar-widget-category ul li a:hover {
  color: var(--tp-theme-primary);
}
.sidebar-widget-category ul li a:hover span:last-child {
  color: var(--tp-theme-primary);
}
.sidebar-widget-category ul li:not(:last-child) {
  margin-bottom: 6px;
}
.sidebar-wrapper {
  padding-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-wrapper {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .sidebar-wrapper {
    padding-left: 0;
    margin-top: 70px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sidebar-blog-grid-wrap {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sidebar-blog-grid-wrap {
    margin-left: 0;
  }
}
.sidebar-blog-grid-wrap .sidebar-wrapper {
  padding-left: 2px;
}

.tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tagcloud a {
  border-radius: 33px;
  padding: 10px 21px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  background: #f6f6f6;
  display: inline-block;
  color: rgba(30, 30, 30, 0.8);
  letter-spacing: -0.01em;
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  5.1 Blog css
/*----------------------------------------*/
.mp-blog-title {
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-blog-title br {
    display: none;
  }
}
.mp-blog-date {
  font-weight: 500;
  color: var(--tp-common-black);
}
.mp-blog-date span {
  color: #837e7e;
}
.mp-blog-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.mp-blog-thumb img {
  border-radius: 12px;
}

.cs-blog-title {
  font-size: 38px;
  line-height: 110%;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-blog-title {
    font-size: 32px;
  }
  .cs-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-blog-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-blog-title-wrap {
    margin-bottom: 20px;
  }
}
.cs-blog-thumb {
  border-radius: 24px;
}
.cs-blog-thumb img {
  border-radius: 24px;
  filter: saturate(0);
  transition: all 0.6s ease;
}
.cs-blog-tag {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--tp-common-black);
  border-radius: 50px;
  padding: 10px 24px;
  background: var(--tp-common-white);
  position: absolute;
  line-height: 1;
  top: 32px;
  left: 32px;
  transition: all 0.5s ease;
}
.cs-blog-tag:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.cs-blog-item:hover .cs-blog-thumb img {
  transform: scale(1.1);
  filter: saturate(1);
}
.cs-blog-item-2 .cs-blog-thumb img {
  filter: saturate(1);
}

.tp-blog-tag {
  border-top: 1px solid rgba(30, 30, 30, 0.08);
  border-bottom: 1px solid rgba(30, 30, 30, 0.08);
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.tp-blog-tag a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #575454;
  border-radius: 37px;
  padding: 12px 30px;
  display: inline-block;
  line-height: 1;
}
.tp-blog-tag a:hover {
  background: #f5f5f5;
  color: var(--tp-common-black);
}
.tp-blog-tag-2 {
  background: rgba(30, 30, 30, 0.03);
  border: none;
  box-shadow: 0 1px 0 0 rgba(30, 30, 30, 0.08), 0 -1px 0 0 rgba(30, 30, 30, 0.08);
}
.tp-blog-tag-2 a:hover {
  background: #e5e5e5;
}
.tp-blog-masonary-content {
  margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-masonary-content {
    margin-right: 0;
  }
}
.tp-blog-masonary-content .cs-blog-thumb img {
  filter: saturate(1);
}

.tp-blog-list-item {
  border: 1px solid rgba(9, 9, 11, 0.1);
  border-radius: 24px;
  padding: 32px 30px 2px 32px;
}
@media (max-width: 574.98px) {
  .tp-blog-list-item {
    padding: 20px 20px 2px 20px;
  }
}
.tp-blog-list-item:hover .tp-blog-list-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-content p br {
    display: none;
  }
}
.tp-blog-list-thumb {
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-blog-list-thumb {
    margin-right: 0;
  }
}
.tp-blog-list-thumb img {
  transition: all 0.6s ease;
}

/*----------------------------------------*/
/*  4.1 Mobile Menu
/*----------------------------------------*/
.tp-main-menu nav ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}
.tp-main-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.tp-main-menu nav ul li:hover.has-dropdown > a {
  color: var(--tp-common-white);
  background: var(--tp-common-black);
}
.tp-main-menu nav ul li a {
  font-family: var(--tp-ff-sequel-roman);
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  padding: 8px 16px;
  display: inline-block;
  border-radius: 29px;
  line-height: 1;
}
.tp-main-menu nav ul li a:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-main-menu nav ul li .submenu {
  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(255, 255, 255, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.tp-main-menu nav ul li .submenu li {
  width: 100%;
  padding: 0 12px;
  border-radius: 8px;
  margin: 0;
}
.tp-main-menu nav ul li .submenu li a {
  position: relative;
  border-radius: 27px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #636368;
  padding: 12px 18px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  width: 100%;
  font-family: var(--tp-ff-sequel-roman);
}
.tp-main-menu nav ul li .submenu li .submenu {
  top: 0;
  left: 100%;
}
.tp-main-menu nav ul li .submenu li:hover > a {
  background: #ededed;
  color: var(--tp-common-black) !important;
}
.tp-main-menu nav ul li .tp-megamenu {
  width: 720px;
  padding: 30px 30px;
}
.tp-main-menu nav ul li .tp-megamenu li {
  padding: 0;
}
.tp-main-menu nav ul li .tp-megamenu-title {
  font-size: 20px;
  font-weight: 600;
  padding-left: 18px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.tp-main-menu nav ul li .tp-megamenu-title-wrap {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pp-main-menu nav ul {
  display: flex;
  flex-wrap: wrap;
}
.pp-main-menu nav ul li {
  list-style: none;
  width: 140px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-main-menu nav ul li {
    width: 110px;
  }
}
.pp-main-menu nav ul li a {
  font-family: var(--tp-ff-sequel-semi-bold);
  font-size: 14px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.59);
}
.pp-main-menu nav ul li a:hover {
  color: var(--tp-common-white);
}

.mg-main-menu > nav > ul > li {
  margin-right: 4px;
}
.mg-main-menu > nav > ul > li > a {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  padding: 8px 16px 8px 16px;
}

.shop-main-menu > nav > ul > li > a {
  border: 1px solid transparent;
  font-weight: 500;
  font-family: var(--tp-ff-inter);
}
.shop-main-menu > nav > ul > li > a:hover {
  border: 1px solid rgba(30, 30, 30, 0.1);
  background: transparent;
  color: var(--tp-common-black);
}
.shop-main-menu > nav > ul > li:hover.has-dropdown > a {
  border: 1px solid rgba(30, 30, 30, 0.1);
  background: transparent;
  color: var(--tp-common-black);
}

.tp-megamenu-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}

.tp-megamenu-title-wrap {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/*----------------------------------------*/
/*  4.3 offcanvas scss
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-icon/cross-out.png), pointer;
}

.tp-offcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 450px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--tp-common-white);
  z-index: 997;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
@media (max-width: 574.98px) {
  .tp-offcanvas {
    width: 100%;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-offcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tp-offcanvas .logo-2 {
  display: none;
}
.tp-offcanvas.opened {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.tp-offcanvas-top {
  margin-bottom: 50px;
}
.tp-offcanvas-close-btn button {
  color: black;
}
.tp-offcanvas-close-btn button:hover {
  opacity: 1;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-menu .tp-megamenu-box {
  margin-bottom: 30px;
}
.tp-offcanvas-menu .tp-megamenu-box li a {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 17px;
}
.tp-offcanvas-menu .tp-megamenu-box li a:hover {
  background-color: #f8f8fb;
  color: var(--tp-common-black);
}
.tp-offcanvas-menu .tp-megamenu {
  margin-top: 15px;
}
.tp-offcanvas-social {
  margin-top: 30px;
}
.tp-offcanvas-social ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tp-offcanvas-social ul li {
  list-style: none;
}
.tp-offcanvas-social ul li:not(:last-child) {
  margin-right: 8px;
}
.tp-offcanvas-social ul li a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 40px;
  transition: all 0.3s;
  color: var(--tp-common-black);
  border: 1px solid rgba(2, 11, 24, 0.1);
}
.tp-offcanvas-social ul li a:hover {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-offcanvas-social ul li a svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.tp-offcanvas-title {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.8px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-common-black);
}
.tp-offcanvas-title.sm {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.tp-offcanvas-contact {
  margin-bottom: 55px;
}
.tp-offcanvas-contact ul li {
  list-style: none;
}
.tp-offcanvas-contact ul li:not(:last-child) {
  margin-bottom: 2px;
}
.tp-offcanvas-contact ul li a {
  display: inline-block;
  color: #414144;
  font-size: 16px;
  position: relative;
  font-family: var(--tp-ff-inter);
}
.tp-offcanvas-contact ul li a::after {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 0;
  height: 1px;
  content: "";
  transition: 0.4s;
  background-color: #1e1e1e;
}
.tp-offcanvas-contact ul li a:hover {
  color: var(--tp-common-black);
}
.tp-offcanvas-contact ul li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-offcanvas-gallery {
  margin-bottom: 65px;
}
.tp-offcanvas-gallery-img img {
  transition: 0.9s;
}
.tp-offcanvas-gallery-img:hover img {
  transform: scale(1.2) rotate(-2deg);
}
.tp-offcanvas-content {
  margin-bottom: 45px;
}
.tp-offcanvas-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #414144;
  font-family: var(--tp-ff-inter);
}

.tp-offcanvas-2-wrapper {
  padding: 100px 100px 0px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-wrapper {
    padding: 80px 30px 0px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-2-wrapper {
    padding: 60px 30px 0px;
  }
}
.tp-offcanvas-2-wrapper .tp-menu-close {
  top: 30px;
}
@media (max-width: 574.98px) {
  .tp-offcanvas-2-wrapper .tp-menu-close {
    top: 13px;
  }
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li:nth-child(2) > a {
  transition-delay: 1.7s;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li:nth-child(3) > a {
  transition-delay: 1.8s;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li:nth-child(3) > a {
  transition-delay: 1.9s;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li:nth-child(4) > a {
  transition-delay: 2s;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li:nth-child(5) > a {
  transition-delay: 2.1s;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li > a {
  font-size: 80px;
  padding: 0;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-sequel-semi-bold);
  -webkit-transform: translateY(-300px);
  -moz-transform: translateY(-300px);
  -ms-transform: translateY(-300px);
  -o-transform: translateY(-300px);
  transform: translateY(-300px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 60px;
  }
}
@media (max-width: 574.98px) {
  .tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 40px;
  }
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li .tp-menu-close i {
  font-size: 28px;
  color: var(--tp-common-black);
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li .submenu > li > a {
  font-size: 30px;
  line-height: 1;
  transition: 0.3s;
  color: #717172;
  letter-spacing: -0.02em;
  font-family: var(--tp-ff-sequel-semi-bold);
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li .submenu > li > a:hover {
  background-color: initial;
  transform: translateX(15px);
  color: var(--tp-common-black);
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu nav ul li .tp-megamenu {
  width: auto;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu nav ul li .tp-megamenu .col-xl-4 {
  width: 100%;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu nav ul li .tp-megamenu li a {
  font-size: 30px;
  line-height: 1;
  transition: 0.3s;
  color: #717172;
  letter-spacing: -0.02em;
  font-family: var(--tp-ff-sequel-semi-bold);
}
.tp-offcanvas-2-wrapper .tp-offcanvas-menu nav ul li .tp-megamenu li a:hover {
  background-color: initial;
  transform: translateX(15px);
  color: var(--tp-common-black);
}
.tp-offcanvas-2-wrapper .hamburger-close-btn {
  color: var(--tp-common-black);
  font-size: 40px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.tp-offcanvas-2-wrapper .hamburger-close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.tp-offcanvas-2-wrapper .hamburger-mobile-close-btn {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
}
.tp-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
  color: var(--tp-theme-primary);
}
.tp-offcanvas-2-wrapper .tp-header-logo {
  -webkit-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s;
  transition: all 1.5s ease-in-out !important;
}
.tp-offcanvas-2-left {
  opacity: 0;
  animation-delay: 1s;
  transform: translateY(20px);
}
.tp-offcanvas-2-left .tp-offcanvas-menu {
  margin-bottom: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-offcanvas-2-left .tp-offcanvas-menu {
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .tp-offcanvas-2-left .tp-offcanvas-menu {
    margin-bottom: 0;
  }
}
.tp-offcanvas-2-left .tp-offcanvas-menu ul {
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  max-height: 600px;
  padding-top: 10px;
}

.tp-offcanvas-2-area.menu-open,
.tp-offcanvas-2-area.menu-open-temp {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 0s 2s;
  width: 50%;
  z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-2-area.menu-open,
.tp-offcanvas-2-area.menu-open-temp {
    width: 100%;
  }
}

.tp-offcanvas-2-area {
  position: fixed;
}
.tp-offcanvas-2-area .offcanvas-bg {
  inset: 0;
  border-radius: 20px;
  clip-path: circle(0% at calc(100% - 45px) 45px);
  transition: clip-path 0.7s ease-in-out;
  right: 0;
  position: fixed;
  width: 50%;
  margin: 20px;
  right: 0;
  left: auto;
  z-index: 2;
  backdrop-filter: blur(40px);
  background: rgba(247, 240, 240, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-2-area .offcanvas-bg {
    margin: 0;
    border-radius: 0;
    width: 100%;
  }
}
.tp-offcanvas-2-area.menu-open .offcanvas-bg {
  clip-path: circle(150% at calc(100% - 45px) 45px);
}
.tp-offcanvas-2-area.menu-open .offcanvas-menu {
  pointer-events: auto;
}
.tp-offcanvas-2-area.menu-open .tp-offcanvas-menu > nav > ul > li {
  visibility: visible;
  opacity: 1;
}
.tp-offcanvas-2-area.menu-open .tp-offcanvas-menu > nav > ul > li a {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.tp-offcanvas-2-area.menu-open .tp-header-logo {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.tp-offcanvas-2-area.menu-open .tp-offcanvas-2-left {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(0.7s + 0.06s);
}
.tp-offcanvas-2-area.menu-open .tp-offcanvas-2-left .tp-offcanvas-menu {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: calc(calc(0.7s + 0.06s) + 0.2s);
}
.tp-offcanvas-2-area:not(.menu-open) .offcanvas-menu {
  pointer-events: none;
}
.tp-offcanvas-2-area:not(.menu-open) .tp-offcanvas-2-left {
  transition-delay: 0.6s;
  opacity: 0;
  transform: translateY(30px);
}
.tp-offcanvas-2-area:not(.menu-open) .tp-offcanvas-2-left .tp-offcanvas-menu {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.4s;
}
.tp-offcanvas-2-area:not(.menu-open) .tp-offcanvas-2-left .tp-offcanvas-2-left-btn-box {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.2s;
}
.tp-offcanvas-2-area:not(.menu-open) .offcanvas-bg {
  clip-path: circle(0% at calc(100% - 45px) 45px);
  transition-delay: 0.4s;
}

.hamburger-sticky-menu {
  width: 60px;
  height: 60px;
  background: var(--tp-theme-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 1;
  border-radius: 100px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  padding-right: 18px;
  transition-delay: 0.4s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .hamburger-sticky-menu {
    top: 20px;
    right: 20px;
  }
}
.hamburger-sticky-menu span {
  background: var(--tp-common-white);
}
.hamburger-sticky-menu.header-sticky {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  position: fixed;
}

/*----------------------------------------*/
/*  4.2 Mobile Menu
/*----------------------------------------*/
.tp-offcanvas-menu {
  margin-bottom: 80px;
}
.tp-offcanvas-menu ul {
  list-style: none;
}
.tp-offcanvas-menu ul li {
  position: relative;
}
.tp-offcanvas-menu ul li > a {
  padding: 7px 0;
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.tp-offcanvas-menu ul li.active > a {
  color: var(--tp-common-black);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close i {
  top: 10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-menu ul li .submenu {
  display: none;
}
.tp-offcanvas-menu ul li .submenu .submenu {
  margin-left: 30px;
}
.tp-offcanvas-menu .tp-megamenu-wrapper.megamenu-white-bg {
  backdrop-filter: none;
  background: transparent;
  box-shadow: none;
}
.tp-offcanvas-menu .mega-menu {
  width: auto;
  opacity: 1;
  visibility: visible;
  transition: none;
  position: static;
  display: none;
  -webkit-transform: perspective(0) rotateX(0);
  -moz-transform: perspective(0) rotateX(0);
  -ms-transform: perspective(0) rotateX(0);
  -o-transform: perspective(0) rotateX(0);
  transform: perspective(0) rotateX(0);
}
.tp-offcanvas-menu .tp-megamenu-list ul li {
  padding: 0;
}
.tp-offcanvas-menu .tp-megamenu-list ul li a {
  font-size: 17px;
  padding: 12px 20px;
}
.tp-offcanvas-menu .tp-submenu > li > a {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 17px;
}
.tp-offcanvas-menu .tp-submenu > li > a:hover {
  background-color: #f8f8fb;
  color: var(--tp-common-black);
}

.tp-menu-close {
  position: absolute;
  right: 7px;
  top: 12px;
}
.tp-menu-close i {
  transition: all 0.3s;
  font-size: 18px;
  font-weight: 500;
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.tp-footer-link .tp-hero-social {
  justify-content: start;
}
.tp-footer-subtitle {
  font-size: 20px;
  letter-spacing: -0.02em;
}
.tp-footer-dec {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-widget {
    margin-left: 0;
  }
}
.tp-footer-email {
  font-size: 52px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-email {
    font-size: 46px;
  }
}
@media (max-width: 574.98px) {
  .tp-footer-email {
    font-size: 38px;
  }
}
.tp-footer-email a {
  text-decoration: underline;
}
.tp-footer-email a:hover {
  color: var(--tp-theme-primary);
  text-decoration-color: var(--tp-theme-primary);
}
.tp-footer-email.fs-82 {
  font-size: 82px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-email.fs-82 {
    font-size: 75px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-email.fs-82 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-footer-email.fs-82 {
    font-size: 50px;
  }
  .tp-footer-email.fs-82 svg {
    transform: translateY(2px);
  }
}
@media (max-width: 574.98px) {
  .tp-footer-email.fs-82 {
    font-size: 35px;
  }
}
.tp-footer-bigtext {
  font-size: 180px;
  letter-spacing: -0.02em;
  line-height: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-bigtext {
    font-size: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-bigtext {
    font-size: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-footer-bigtext {
    font-size: 86px;
  }
}
@media (max-width: 574.98px) {
  .tp-footer-bigtext {
    font-size: 52px;
  }
}
.tp-footer-copyright {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
}
.tp-footer-copyright-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-copyright-social {
    justify-content: end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-footer-copyright-social {
    justify-content: flex-start;
  }
}
.tp-footer-copyright-social a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 50px;
  padding: 10px 16px;
  display: inline-block;
  line-height: 1;
}
.tp-footer-copyright-social a:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-footer-copyright-social a svg {
  transform: translateY(-1px);
  margin-left: 3px;
}

.ca-footer-bigtitle {
  font-family: var(--second-family);
  font-weight: 380;
  font-size: 210px;
  line-height: 71%;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
.ca-footer-subtitle {
  font-weight: 600;
  font-size: 18px;
  position: relative;
  padding-left: 15px;
}
.ca-footer-subtitle::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: var(--tp-theme-primary);
  top: 7px;
  left: 0;
  border-radius: 50px;
}
.ca-footer-btn {
  padding: 5px 0;
  background: none;
  color: var(--tp-common-black);
  border-bottom: 1px solid currentColor;
  border-radius: 0;
}
.ca-footer-btn:hover {
  color: var(--tp-common-black);
}
.ca-footer-link {
  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: 574.98px) {
  .ca-footer-link {
    margin-left: 0;
  }
}
.ca-footer-link .tp-hero-social a {
  color: var(--tp-common-black);
  text-transform: uppercase;
  font-size: 14px;
  padding: 13px 20px;
}
.ca-footer-social-item ul li {
  list-style: none;
}
.ca-footer-social-item ul li a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--tp-common-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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.ca-footer-social-item 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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-footer-social-item-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
.ca-footer-copyright {
  font-size: 16px;
  letter-spacing: -0.02em;
}
.ca-footer-copyright a {
  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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.ca-footer-copyright 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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
@media (max-width: 574.98px) {
  .ca-footer-copyright.ml-140 {
    margin-left: 30px;
  }
}

.mp-footer-style .tp-hero-social a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.mp-footer-style .tp-hero-social a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.mp-footer-style .tp-footer-copyright {
  color: var(--tp-common-white);
}
.mp-footer-style .tp-footer-copyright-social a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.mp-footer-style .tp-footer-copyright-social a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.mp-footer-style .tp-about-border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.cs-footer-style .tp-footer-email {
  font-size: 42px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-footer-style .tp-footer-email {
    font-size: 36px;
  }
}
.cs-footer-style .tp-hero-social a {
  padding: 9px 22px;
}
.cs-footer-widget-1 {
  margin-left: 55px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-footer-widget-1 {
    margin-left: 0;
  }
}
.cs-footer-widget-2 {
  margin-left: 35px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-footer-widget-2 {
    margin-left: 0;
  }
}
.cs-footer-bigtitle {
  font-size: 300px;
  letter-spacing: -0.02em;
  line-height: 0.9;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .cs-footer-bigtitle {
    font-size: 285px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .cs-footer-bigtitle {
    font-size: 275px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cs-footer-bigtitle {
    font-size: 235px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cs-footer-bigtitle {
    font-size: 190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-footer-bigtitle {
    font-size: 156px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-footer-bigtitle {
    font-size: 112px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cs-footer-bigtitle {
    font-size: 80px;
  }
}
@media (max-width: 574.98px) {
  .cs-footer-bigtitle {
    font-size: 52px;
  }
}

.mg-footer-noice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.mg-footer-email {
  color: var(--tp-common-white);
}
.mg-footer-email a:hover {
  color: var(--tp-theme-primary);
}
.mg-footer-email svg {
  transform: translateY(-10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-footer-email svg {
    transform: translateY(0);
  }
}
.mg-footer-subtitle {
  padding-left: 17px;
  position: relative;
}
.mg-footer-subtitle::before {
  position: absolute;
  content: "";
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background: var(--tp-theme-primary);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.mg-footer-main-style {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mg-footer-main-style .tp-hero-social a {
  background: var(--tp-common-white);
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--tp-common-black);
  padding: 13px 20px;
}
.mg-footer-main-style .tp-hero-social a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.mg-footer-phone {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.05em;
  color: var(--tp-common-white);
  display: block;
}
.mg-footer-phone:hover {
  color: var(--tp-theme-primary);
}
.mg-footer-info .tp-offcanvas-social ul li a {
  background: var(--tp-common-white);
}
.mg-footer-info .tp-offcanvas-social ul li a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.mg-footer-bigtext {
  font-size: 485px;
  line-height: 0.5;
  letter-spacing: -0.05em;
  color: rgba(255, 255, 255, 0.07);
  padding-top: 68px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .mg-footer-bigtext {
    font-size: 450px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .mg-footer-bigtext {
    font-size: 400px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mg-footer-bigtext {
    font-size: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mg-footer-bigtext {
    font-size: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mg-footer-bigtext {
    font-size: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mg-footer-bigtext {
    font-size: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mg-footer-bigtext {
    font-size: 142px;
  }
}
@media (max-width: 574.98px) {
  .mg-footer-bigtext {
    font-size: 87px;
  }
}
.mg-footer-bigtext-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0a0a0c;
  margin-left: -15px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-footer-widget {
    margin-left: 0;
  }
}
@media (max-width: 574.98px) {
  .mg-footer-copyright-style {
    margin-top: 20px;
  }
}
.mg-footer-copyright-style a.tp-footer-copyright {
  color: var(--tp-common-white);
}
.mg-footer-copyright-style a.tp-footer-copyright:hover {
  color: var(--tp-theme-primary);
}

.shop-footer-bg {
  background: rgba(225, 238, 183, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-footer-bg {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-footer-widget {
    margin-left: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-footer-widget {
    padding-top: 0;
  }
}
.shop-footer-widget ul li {
  list-style: none;
}
.shop-footer-widget ul li:not(:last-child) {
  margin-bottom: 5px;
}
.shop-footer-widget ul li a {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.shop-footer-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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.shop-footer-widget-1 {
  border-right: 1px solid rgba(9, 9, 11, 0.1);
  margin-right: 25px;
}
.shop-footer-widget-2 {
  border-right: 1px solid rgba(9, 9, 11, 0.1);
  margin-left: 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: 574.98px) {
  .shop-footer-widget-2 {
    margin-left: 20px;
  }
}
.shop-footer-widget-3 {
  margin-left: 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: 574.98px) {
  .shop-footer-widget-3 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-footer-widget-3 {
    margin-left: 0;
  }
}
.shop-footer-widget-4 {
  margin-left: 30px;
  padding-left: 110px;
  border-left: 1px solid rgba(9, 9, 11, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shop-footer-widget-4 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-footer-widget-4 {
    padding-left: 20px;
  }
}
.shop-footer-bigtext {
  font-size: 360px;
  letter-spacing: -0.03em;
  line-height: 0.8;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .shop-footer-bigtext {
    font-size: 340px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .shop-footer-bigtext {
    font-size: 300px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .shop-footer-bigtext {
    font-size: 260px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shop-footer-bigtext {
    font-size: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-footer-bigtext {
    font-size: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-footer-bigtext {
    font-size: 140px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-footer-bigtext {
    font-size: 100px;
  }
}
@media (max-width: 574.98px) {
  .shop-footer-bigtext {
    font-size: 60px;
    padding-bottom: 0;
  }
}
.shop-footer-copyright {
  font-weight: 400;
  font-size: 18px;
  color: var(--tp-common-black);
}
.shop-footer-copyright a {
  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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.shop-footer-copyright 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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
}
.shop-footer-copyright-wrap {
  border-top: 1px solid rgba(9, 9, 11, 0.1);
  padding: 22px 0px 12px 0;
}
.shop-footer-title {
  font-size: 22px;
  margin-bottom: 17px;
}

.text-scale-anim {
  white-space: pre-wrap;
  transform-origin: top left;
}

.tp-letter-span {
  display: inline-block;
}

.tp-word-span {
  display: inline-block;
}

/*----------------------------------------*/
/*  7.1 about css
/*----------------------------------------*/
.tp-about-border {
  border-top: 1px solid var(--tp-border-1);
}
.tp-about-subtitle {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
}
.tp-about-subtitle svg {
  transform: translateY(-3px);
  margin-right: 4px;
}
.tp-about-item {
  border-radius: 16px;
}
.tp-about-thumb {
  border-radius: 16px;
  overflow: hidden;
  height: 410px;
}
.tp-about-thumb img {
  border-radius: 16px;
  width: 100%;
  height: 600px;
  object-fit: cover;
  margin-top: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-thumb-wrap {
    margin-left: 0;
  }
}
.tp-about-title {
  font-size: 28px;
  letter-spacing: -0.05em;
}
.tp-about-dec {
  line-height: 162%;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-about-dec br {
    display: none;
  }
}
.tp-about-btn-transform {
  transform: translateY(-10px);
}
@media (max-width: 574.98px) {
  .tp-about-btn-transform {
    transform: translateY(0);
    margin-left: 0;
    width: 100%;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-about-title br {
    display: none;
  }
}

.mp-about-logo {
  font-size: 42px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
.mp-about-title {
  font-size: 32px;
  line-height: 150%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-about-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-about-title {
    font-size: 24px;
  }
}
.mp-about-thumb {
  border-radius: 10px;
}

.pp-about-title {
  font-size: 42px;
  line-height: 138%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-about-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-about-title {
    font-size: 32px;
  }
}
.pp-about-title a {
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}
.pp-about-title span {
  width: 67px;
  height: 2px;
  display: inline-block;
  background: var(--tp-common-black);
}
.pp-about-dec {
  line-height: 187%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-about-dec-wrap {
    margin-left: 0;
  }
}
.pp-about-awards {
  width: 166px;
  height: 166px;
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 100px;
  text-align: center;
  line-height: 162px;
}

.cs-about-item:hover .tp-about-thumb img {
  filter: saturate(1);
}
.cs-about-item .tp-about-thumb img {
  filter: saturate(0);
  transition: all 0.4s ease;
}

.mg-about-bigtitle {
  font-size: 245px;
  line-height: 92%;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .mg-about-bigtitle {
    font-size: 220px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .mg-about-bigtitle {
    font-size: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mg-about-bigtitle {
    font-size: 178px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mg-about-bigtitle {
    font-size: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mg-about-bigtitle {
    font-size: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mg-about-bigtitle {
    font-size: 96px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-about-bigtitle {
    font-size: 68px;
  }
}
.mg-about-title {
  font-weight: 500;
  font-size: 52px;
  line-height: 119%;
  letter-spacing: -0.06em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-about-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-about-title {
    font-size: 40px;
  }
}
.mg-about-title span {
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-about-content {
    margin-left: 0;
  }
}
.mg-about-content .ca-hero-service ul li:not(:last-child) {
  margin-bottom: 8px;
}
.mg-about-content .ca-hero-service ul li a {
  font-weight: 400;
}
.mg-about-service ul {
  column-count: 2;
}
@media (max-width: 574.98px) {
  .mg-about-service ul {
    column-count: 1;
  }
}

.about-me-spacing {
  padding-top: 330px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-me-spacing {
    padding-top: 250px;
  }
}
@media (max-width: 574.98px) {
  .about-me-spacing {
    padding-top: 300px;
  }
}
.about-me-slider-thumb img {
  border-radius: 16px;
}
.about-me-slider-awards {
  position: absolute;
  right: 100px;
  top: 38px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-me-slider-awards {
    right: 30px;
  }
}
.about-me-slider-awards .pp-about-awards {
  background: rgba(0, 0, 0, 0.2);
  border: none;
}
.about-me-resume-maintitle {
  font-size: 92px;
  line-height: 111%;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-me-resume-maintitle {
    font-size: 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) {
  .about-me-resume-maintitle {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-me-resume-maintitle {
    font-size: 50px;
  }
}
.about-me-resume-date span {
  font-size: 20px;
  font-weight: 500;
  color: var(--tp-common-black);
}
.about-me-resume-title {
  font-size: 32px;
}
.about-me-resume-location {
  font-size: 20px;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  color: var(--tp-grey-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: 574.98px) {
  .about-me-resume-dec {
    margin-left: 0;
  }
}
.about-me-resume-dec p {
  font-size: 24px;
  line-height: 146%;
}
.about-me-resume-item {
  padding: 62px 0 30px 0;
  border-top: 1px solid rgba(9, 9, 11, 0.1);
  border-bottom: 1px solid rgba(9, 9, 11, 0.1);
  margin-top: -1px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-me-resume-info {
    margin-left: 0;
  }
}

.about-us-spacing {
  padding-top: 200px;
}
@media (max-width: 574.98px) {
  .about-us-spacing {
    padding-top: 140px;
  }
}
.about-us-title {
  font-size: 62px;
  line-height: 116%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-title {
    font-size: 50px;
  }
  .about-us-title br {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .about-us-title {
    font-size: 40px;
  }
}
.about-us-team-slider-thumb {
  position: relative;
}
.about-us-team-slider-thumb::before {
  position: absolute;
  content: "";
  background: #09090b;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.about-us-team-slider-title {
  font-size: 88px;
  letter-spacing: -0.03em;
  color: var(--tp-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: 574.98px) {
  .about-us-team-slider-title {
    font-size: 65px;
  }
}
.about-us-team-slider-content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
  text-align: center;
}
@media (max-width: 574.98px) {
  .about-us-team-slider-content {
    width: 310px;
  }
}
.about-us-history-wrap {
  padding-top: 260px;
  padding-bottom: 230px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-wrap {
    padding-top: 160px;
    padding-bottom: 130px;
  }
}
.about-us-history-thumb img {
  border-radius: 24px;
  transition: all 0.6s ease;
}
.about-us-history-thumb img:hover {
  border-radius: 200px;
}
.about-us-history-col-2 {
  margin-left: 100px;
  margin-right: 246px;
  padding-bottom: 53px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-history-col-2 {
    margin-left: 0;
    margin-right: 146px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-col-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
.about-us-history-col-2 .about-us-history-thumb-sm {
  position: absolute;
  bottom: 0;
  right: -153px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-col-2 .about-us-history-thumb-sm {
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-col-3 {
    margin-top: 0;
  }
}
.about-us-history-col-6 {
  margin-left: 90px;
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-col-6 {
    margin-left: 0;
  }
}
.about-us-history-col-7 {
  margin-left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-col-7 {
    margin-left: 0;
  }
}
.about-us-history-title {
  font-size: 120px;
  line-height: 100%;
  letter-spacing: -0.04em;
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .about-us-history-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-us-history-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us-history-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .about-us-history-title {
    font-size: 68px;
  }
}
@media (max-width: 574.98px) {
  .about-us-history-title {
    font-size: 45px;
  }
}

/*----------------------------------------*/
/*  7.14 hero css
/*----------------------------------------*/
.tp-hero-spacing {
  padding-top: 160px;
  padding-bottom: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-spacing {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-spacing {
    padding-bottom: 100px;
  }
}
.tp-hero-title {
  font-size: 212px;
  line-height: 95%;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-hero-title {
    font-size: 200px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-title {
    font-size: 190px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-title {
    font-size: 165px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-title {
    font-size: 135px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-title {
    font-size: 62px;
  }
}
.tp-hero-dec {
  font-weight: 500;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.03em;
  color: var(--tp-grey-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-dec br {
    display: none;
  }
}
.tp-hero-shape {
  transform: translateY(-10px);
  display: inline-block;
  margin-right: 7px;
}
.tp-hero-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-social {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-social {
    justify-content: flex-start;
  }
}
.tp-hero-social a {
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--tp-grey-1);
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 20px;
  padding: 6px 20px;
  display: inline-block;
}
.tp-hero-social a:hover {
  background: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-hero-slider-active {
    padding-top: 40px;
  }
}
.tp-hero-slider-active .swiper-slide {
  width: auto !important;
}
.tp-hero-slider-active .background-img img {
  width: 170px;
  height: 170px;
  object-fit: cover;
}

.ca-hero-spacing {
  padding-top: 83px;
}
.ca-hero-video {
  width: 327px;
  height: 220px;
  border-bottom: 1px solid rgba(30, 30, 30, 0.1);
  padding-bottom: 250px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .ca-hero-video {
    width: 276px;
    padding-bottom: 220px;
  }
}
.ca-hero-video video {
  width: 100%;
  overflow: hidden;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-position: center center;
}
.ca-hero-service ul li {
  list-style: none;
}
.ca-hero-service ul li:not(:last-child) {
  margin-bottom: 3px;
}
.ca-hero-service ul li a {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
.ca-hero-service ul li a .explore-text {
  position: relative;
  display: inline-block;
  padding: 0;
  transition: transform 0.5s;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  line-height: 1;
}
.ca-hero-service ul li a .explore-text::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  content: attr(data-text);
  transition: color 0.5s;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  text-align: center;
  z-index: -1;
}
.ca-hero-service ul li a:hover .explore-text {
  transform: rotateX(90deg) translateY(-12px);
  color: inhewrit;
  color: var(--tp-theme-primary);
}
.ca-hero-title {
  font-family: var(--tp-ff-sequel-bold-head);
  font-size: 180px;
  letter-spacing: -0.01em;
  line-height: 83%;
}
@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) {
  .ca-hero-title {
    font-size: 125px;
  }
}
@media (max-width: 574.98px) {
  .ca-hero-title {
    font-size: 100px;
  }
}
.ca-hero-title-wrap {
  border-left: 1px solid rgba(30, 30, 30, 0.1);
  border-right: 1px solid rgba(30, 30, 30, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-hero-title-wrap {
    border: none;
  }
}
.ca-hero-btn {
  width: 100%;
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  justify-content: space-between;
  border-radius: 0;
  padding: 22px 25px;
}
.ca-hero-btn:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.ca-hero-dec {
  padding-top: 280px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-hero-dec {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ca-hero-dec {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-hero-dec {
    padding-top: 0px;
    padding-bottom: 80px;
  }
}
.ca-hero-dec p {
  font-weight: 500;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
  display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-hero-dec p br {
    display: none;
  }
}
.ca-hero-dec p svg {
  flex: 0 0 auto;
  margin-right: 15px;
  margin-top: 7px;
}
.ca-hero-thumb {
  height: 720px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-hero-thumb {
    height: 500px;
  }
  .ca-hero-thumb img {
    height: 600px;
  }
}

.mp-hero-w-logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.mp-hero-title {
  font-weight: 600;
  font-size: 82px;
  line-height: 110%;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-hero-title {
    font-size: 60px;
  }
  .mp-hero-title br {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .mp-hero-title {
    font-size: 37px;
  }
}
.mp-hero-spacing {
  padding-top: 165px;
  padding-bottom: 105px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mp-hero-magnetic {
    column-count: 2;
  }
}
.mp-hero-magnetic-image {
  border-radius: 22px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  background: #d9d9d9;
  border: 2px solid var(--tp-common-black);
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(1) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+1):nth-child(4n+1) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(2) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+2):nth-child(4n+2) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(3) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+3):nth-child(4n+3) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(4) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+4):nth-child(4n+4) img {
  rotate: calc(0deg - var(--velocity) * 0.25deg);
  --translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item img {
  pointer-events: auto;
  width: auto;
  height: 100%;
  user-select: none;
  object-fit: cover;
  will-change: transform;
  transform: translateX(calc(var(--offsetX) * 1px)) translateY(calc(var(--offsetY) * 1px + var(--translateY)));
  transition: transform 0.7s linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
}
.mp-hero-bigtitle {
  font-size: 430px;
  line-height: 1;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .mp-hero-bigtitle {
    font-size: 410px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .mp-hero-bigtitle {
    font-size: 385px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mp-hero-bigtitle {
    font-size: 330px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mp-hero-bigtitle {
    font-size: 270px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mp-hero-bigtitle {
    font-size: 225px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mp-hero-bigtitle {
    font-size: 165px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mp-hero-bigtitle {
    font-size: 125px;
  }
}
@media (max-width: 574.98px) {
  .mp-hero-bigtitle {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-hero-content {
    margin-left: 0;
  }
}

.pp-hero-video video {
  width: 100%;
}
.pp-hero-spacing {
  padding-top: 395px;
  padding-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pp-hero-spacing {
    padding-top: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pp-hero-spacing {
    padding-top: 250px;
  }
}
@media (max-width: 574.98px) {
  .pp-hero-spacing {
    padding-top: 290px;
  }
}
.pp-hero-service {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-hero-service {
    margin-right: 0;
  }
}
.pp-hero-service ul {
  padding-left: 13px;
}
.pp-hero-service ul li {
  margin-bottom: 0 !important;
  line-height: 1.6;
}
.pp-hero-service ul li a {
  color: var(--tp-common-white);
  font-size: 16px;
}
.pp-hero-subtitle {
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.03em;
}
.pp-hero-title {
  font-size: 48px;
  line-height: 121%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pp-hero-title {
    font-size: 42px;
  }
}
@media (max-width: 574.98px) {
  .pp-hero-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-hero-avatar {
    padding-bottom: 30px;
  }
}
.pp-hero-avatar img {
  border: 2px solid rgba(255, 255, 255, 0.2);
  width: 63px;
  height: 63px;
  object-fit: cover;
  border-radius: 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), (max-width: 574.98px) {
  .pp-hero-content {
    margin-left: 0;
  }
}
.pp-hero-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: flex;
  justify-content: center;
}
.pp-hero-bg img {
  object-fit: cover;
  width: 972px;
  height: 1200px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-hero-bg img {
    width: 600px;
    margin-bottom: -50px;
    height: auto;
  }
}

.cs-hero-spacing {
  padding-top: 180px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-video {
    margin-left: 0;
  }
}
.cs-hero-video video {
  border-radius: 16px;
  width: 256px;
  height: 147px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-hero-video video {
    width: 190px;
    height: 114px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cs-hero-video video {
    width: 130px;
    height: 77px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-video video {
    margin-top: 20px;
  }
}
.cs-hero-title {
  font-size: 206px;
  line-height: 0.94;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cs-hero-title {
    font-size: 165px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cs-hero-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-title {
    font-size: 95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-title {
    text-align: center;
    font-size: 75px;
  }
}
@media (max-width: 574.98px) {
  .cs-hero-title {
    font-size: 52px;
  }
}
.cs-hero-title .text-sm {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.05em;
  text-align: left;
  margin-top: 23px;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-title .text-sm {
    font-size: 14px;
    margin-top: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-title .text-sm {
    position: absolute;
  }
}
.cs-hero-title .text-sm-video {
  margin-top: -100px;
  margin-right: 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: 574.98px) {
  .cs-hero-title .text-sm-video {
    margin-top: -65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-hero-title .text-sm-video {
    margin-top: -36px;
  }
}

.mg-hero-bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0);
  z-index: -1;
  border-radius: 60px;
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-bg img {
    border-radius: 30px;
  }
}
.mg-hero-spacing {
  padding-top: 97px;
}
.mg-hero-spacing-inner {
  padding-top: 70px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-spacing-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.mg-hero-spacing-inner::before {
  position: absolute;
  content: "";
  background: rgba(30, 30, 30, 0.15);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-spacing-inner::before {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mg-hero-dec {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-dec {
    margin-left: 0;
  }
}
.mg-hero-dec p {
  font-weight: 500;
  font-size: 28px;
  line-height: 129%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-dec p br {
    display: none;
  }
}
.mg-hero-awards {
  box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.15), inset 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mg-hero-awards {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-awards {
    margin-right: 0;
  }
}
.mg-hero-slider-title {
  font-size: 159px;
  line-height: 94%;
  letter-spacing: -0.06em;
  position: relative;
}
@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) {
  .mg-hero-slider-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mg-hero-slider-title {
    font-size: 100px;
  }
}
@media (max-width: 574.98px) {
  .mg-hero-slider-title {
    font-size: 60px;
  }
}
.mg-hero-slider-symbol {
  font-weight: 600;
  font-size: 30px;
  letter-spacing: -0.13em;
  border: 4px solid var(--tp-common-white);
  border-radius: 20px;
  line-height: 1;
  width: 39px;
  height: 44px;
  position: absolute;
  top: 22px;
  right: -60px;
  text-align: center;
  padding-top: 3px;
}
@media (max-width: 574.98px) {
  .mg-hero-slider-symbol {
    top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-tag {
    margin-left: 40px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-tag {
    margin-left: 0;
  }
}
.mg-hero-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mg-hero-tag ul li {
  list-style: none;
}
.mg-hero-tag ul li a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50px;
  padding: 6px 16px;
  background: rgba(255, 255, 255, 0.04);
  display: inline-block;
}
.mg-hero-tag ul li a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mg-hero-scrool {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-hero-scrool {
    margin-right: 0;
    margin-top: 0;
  }
}
.mg-hero-scrool a {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
.mg-hero-scrool a:hover {
  color: var(--tp-theme-primary);
}
.mg-hero-scrool a svg {
  margin-left: 5px;
}

.shop-hero-spacing {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-hero-spacing {
    padding-top: 79px;
  }
}
.shop-hero-item:hover .shop-hero-thumb img {
  transform: scale(1.1);
}
.shop-hero-item-3 .shop-hero-thumb img {
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-hero-item-3 .shop-hero-thumb img {
    height: 600px;
  }
}
@media (max-width: 574.98px) {
  .shop-hero-item-3 .shop-hero-thumb img {
    height: 400px;
  }
}
.shop-hero-content {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  padding: 0 30px;
}
@media (max-width: 574.98px) {
  .shop-hero-content {
    bottom: 20px;
  }
}
.shop-hero-title {
  font-size: 52px;
  line-height: 112%;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-hero-title {
    font-size: 40px;
    margin-bottom: 0;
  }
}
@media (max-width: 574.98px) {
  .shop-hero-title {
    font-size: 30px;
  }
}
.shop-hero-dec {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.05em;
  color: var(--tp-grey-5);
}
@media (max-width: 574.98px) {
  .shop-hero-dec {
    font-size: 18px;
  }
}
.shop-hero-thumb {
  border-radius: 16px;
  position: relative;
}
.shop-hero-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  z-index: 1;
}
.shop-hero-thumb img {
  border-radius: 16px;
  transition: all 0.9s ease;
}

/*----------------------------------------*/
/*  7.22 service css
/*----------------------------------------*/
.tp-service-title {
  font-size: 120px;
  line-height: 1.1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  transition: all 0.5s ease;
  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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
  background-size: 0 6px, 0 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-title {
    font-size: 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) {
  .tp-service-title {
    font-size: 70px;
  }
}
@media (max-width: 574.98px) {
  .tp-service-title {
    font-size: 45px;
  }
}
.tp-service-title: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 ease-out;
  -moz-transition: all 0.4s ease 0.3s ease-out;
  -ms-transition: all 0.4s ease 0.3s ease-out;
  -o-transition: all 0.4s ease 0.3s ease-out;
  transition: all 0.4s ease 0.3s ease-out;
  background-size: 0 6px, 100% 6px;
}
.tp-service-title:hover a {
  opacity: 1;
}
.tp-service-title:hover .tp-service-icon {
  opacity: 1;
  visibility: visible;
}
.tp-service-title a {
  opacity: 0.3;
}
.tp-service-icon {
  transform: translateY(-25px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
@media (max-width: 574.98px) {
  .tp-service-icon {
    width: 26px;
    transform: translateY(-5px);
  }
  .tp-service-icon svg {
    width: 26px;
    margin-left: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-content {
    margin-right: 0;
  }
}
.tp-service-img-wrapper {
  height: 450px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-img-wrapper {
    height: 440px;
  }
}
@media (max-width: 574.98px) {
  .tp-service-img-wrapper {
    height: 300px;
  }
}
.tp-service-img-wrapper.image-container {
  position: relative;
  overflow: hidden;
}
.tp-service-img-wrapper .hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 16px;
}
.tp-service-img-wrapper .hover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-list-wrap {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-service-list {
    margin-left: 0;
  }
}
.pp-service-list ul li {
  list-style: none;
}
.pp-service-list ul li a {
  font-family: var(--tp-ff-sequel-medium);
  font-size: 28px;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(38, 38, 38, 0.1);
  padding: 11px 0;
}
@media (max-width: 574.98px) {
  .pp-service-list ul li a {
    font-size: 24px;
  }
}
.pp-service-list ul li a:hover span {
  opacity: 1;
  visibility: visible;
}
.pp-service-list ul li a span {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-align: center;
  line-height: 35px;
  border-radius: 100px;
  margin: 10px 0 10px 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.shop-service-title {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: -0.03em;
}
.shop-service-dec {
  line-height: 150%;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-service-dec br {
    display: none;
  }
}
.shop-service-item {
  gap: 35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-service-item {
    margin-left: 0;
  }
}
.shop-service-item:hover .shop-service-icon {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}
.shop-service-icon {
  transition: all 0.4s ease;
}
.shop-service-content .tp-btn {
  padding: 0;
  background: none;
  color: var(--tp-common-black);
  gap: 0;
  text-transform: none;
  letter-spacing: -0.02em;
}
.shop-service-content .tp-btn span {
  padding-right: 3px;
}

.inner-service-banner-bottom {
  border-top: 1px solid rgba(1, 1, 3, 0.1);
  padding: 13px 0px 3px 0px;
}
.inner-service-banner-scroll a, .inner-service-banner-scroll span {
  font-size: 16px;
  color: var(--tp-common-black);
}
.inner-service-banner-scroll a span, .inner-service-banner-scroll span span {
  display: inline-block;
  margin-left: 5px;
}
.inner-service-banner-scroll a:hover {
  color: var(--tp-theme-primary);
}
.inner-service-banner-scroll a:hover span {
  color: var(--tp-theme-primary);
}
.inner-service-gallery {
  position: relative;
}
.inner-service-gallery::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 1;
}
.inner-service-gallery-item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
}
.inner-service-2-title {
  font-size: 200px;
  letter-spacing: -0.05em;
  line-height: 0.97;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .inner-service-2-title {
    font-size: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .inner-service-2-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .inner-service-2-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .inner-service-2-title {
    font-size: 70px;
  }
}
@media (max-width: 574.98px) {
  .inner-service-2-title {
    font-size: 50px;
  }
}
.inner-service-2-wrap .about-me-resume-date span {
  font-size: 24px;
  margin-top: 20px;
  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: 574.98px) {
  .inner-service-2-wrap .about-me-resume-date span {
    font-size: 20px;
  }
}
.inner-service-2-wrap .about-me-resume-title {
  font-size: 92px;
  line-height: 104%;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .inner-service-2-wrap .about-me-resume-title {
    font-size: 70px;
  }
}
.inner-service-2-wrap .about-me-resume-title a:hover {
  color: var(--tp-theme-primary);
}
.inner-service-2-wrap .about-me-resume-dec p {
  font-size: 18px;
  line-height: 167%;
  letter-spacing: -0.02em;
  margin-right: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .inner-service-2-wrap .about-me-resume-dec p {
    margin-right: 0;
  }
}
.inner-service-2-wrap .about-me-resume-item {
  padding: 62px 0 35px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-details-hero-subtitle {
    margin-right: -40px;
  }
}
.tp-service-details-hero-subtitle span {
  font-size: 18px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  position: relative;
  padding-left: 16px;
  display: inline-block;
}
.tp-service-details-hero-subtitle span::before {
  position: absolute;
  content: "";
  border-radius: 8px;
  width: 8px;
  height: 8px;
  background: var(--tp-common-black);
  left: 0;
  top: 9px;
}
.tp-service-details-hero-subtitle span svg {
  margin-left: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-details-hero-title {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-details-hero-title {
    margin-left: 0;
  }
}
.tp-service-details-hero-title h2 {
  font-size: 92px;
  line-height: 98%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-details-hero-title h2 {
    font-size: 70px;
  }
}
@media (max-width: 574.98px) {
  .tp-service-details-hero-title h2 {
    font-size: 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: 574.98px) {
  .tp-service-details-hero-link {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-details-hero-link {
    margin-top: 20px;
  }
}
.tp-service-details-hero-link ul {
  column-count: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 574.98px) {
  .tp-service-details-hero-link ul {
    column-count: 1;
  }
}
.tp-service-details-hero-link ul li a {
  font-size: 18px;
}
.tp-service-details-dec {
  font-weight: 500;
  font-size: 18px;
  line-height: 156%;
  color: var(--tp-common-black);
}
.tp-service-details-title {
  font-size: 24px;
  line-height: 142%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-service-details-content {
    margin-right: 0;
  }
}
.tp-service-details-content ul li {
  list-style: none;
  display: flex;
  margin-bottom: 10px;
}
.tp-service-details-content ul li i {
  font-size: 24px;
  color: var(--tp-common-black);
  margin-right: 15px;
  margin-top: 2px;
}
.tp-service-details-content ul li p {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--tp-common-black);
}
.tp-service-details-faq .tp-faq-item {
  box-shadow: none;
  background: transparent;
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-service-details-faq .tp-faq-button {
  font-size: 28px;
  font-family: var(--tp-ff-sequel-medium);
  font-weight: inherit;
  letter-spacing: -0.02em;
  display: flex;
}
@media (max-width: 574.98px) {
  .tp-service-details-faq .tp-faq-button {
    font-size: 22px;
  }
}
.tp-service-details-faq .tp-faq-body p {
  font-size: 18px;
  line-height: 156%;
  color: var(--tp-common-black);
  margin-bottom: 20px;
}
.tp-service-details-faq-one .tp-faq-button::before, .tp-service-details-faq-one .tp-faq-button:after {
  display: none;
}
.tp-service-details-faq-two .tp-faq-button span {
  margin-right: 40px;
}
@media (max-width: 574.98px) {
  .tp-service-details-faq-two .tp-faq-button span {
    margin-right: 20px;
  }
}
.tp-service-details-faq-two .tp-faq-body p {
  margin-left: 69px;
}
@media (max-width: 574.98px) {
  .tp-service-details-faq-two .tp-faq-body p {
    margin-left: 0;
  }
}
.tp-service-details-faq-two .tp-faq-button::before, .tp-service-details-faq-two .tp-faq-button:after {
  border: none !important;
  background: transparent !important;
  color: var(--tp-common-black);
  top: 14px;
}
.tp-service-details-faq-two .tp-faq-item {
  padding: 20px 0;
}
.tp-service-overview-border {
  transform: translateY(0) !important;
}

/*----------------------------------------*/
/*  7.17 portfolio
/*----------------------------------------*/
:root {
  --numOfSlides: 5;
  --slidingAT: 1.3s;
  --controlSize: 60px;
}

.tp-portfolio-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.tp-portfolio-thumb img {
  border-radius: 16px;
  transition: transform 500ms;
  transform-origin: center center;
  transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}
.tp-portfolio-item {
  border-radius: 16px;
  overflow: hidden;
}
.tp-portfolio-item:hover .tp-portfolio-thumb img {
  transform: perspective(400px) rotateX(0.09deg) rotateY(0) scaleX(1.1) scaleY(1.1);
}
.tp-portfolio-title {
  font-size: 36px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .tp-portfolio-title {
    font-size: 32px;
  }
}
.tp-portfolio-subtitle {
  font-size: 16px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs {
  border-bottom: none;
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link {
  font-size: 15px;
  font-weight: 600;
  padding: 6px 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 30px;
  display: inline-block;
  color: var(--tp-common-black);
  border: 1px solid rgba(30, 30, 30, 0.1);
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link.active, .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
  color: var(--tp-common-white);
  background: var(--tp-common-black);
}
.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
  background-color: var(--tp-common-black);
}
.tp-portfolio-inner-tab-style-2 nav .nav-tabs {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-inner-tab-style-2 nav .nav-tabs {
    flex-direction: row;
  }
}
.tp-portfolio-inner-tab-style-4 .tp-portfolio-title {
  color: var(--tp-common-black);
}
.tp-portfolio-inner-tab-style-4 .tp-portfolio-subtitle {
  color: var(--tp-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-inner-tab-style-4 .tp-portfolio-item {
    margin-bottom: 40px;
  }
}
.tp-portfolio-hero-ptb {
  padding-top: 200px;
  padding-bottom: 30px;
  background: rgba(9, 9, 11, 0.7);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-hero-ptb {
    padding-top: 150px;
  }
}
.tp-portfolio-hero-dec p {
  font-weight: 500;
  font-size: 18px;
  line-height: 144%;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-hero-content {
    margin-bottom: 50px;
  }
}
.tp-portfolio-hero-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
.tp-portfolio-hero-video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ca-portfolio-content {
  background: var(--tp-grey-4);
  border-radius: 16px;
  padding: 16px 20px;
}
.ca-portfolio-title {
  font-size: 20px;
}
.ca-portfolio-date {
  font-size: 14px;
  letter-spacing: 0.07em;
  color: #848282;
}
.ca-portfolio-thumb {
  border-radius: 16px;
}
.ca-portfolio-item {
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-portfolio-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.ca-portfolio-item:hover .ca-portfolio-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
}
.ca-portfolio-item-3 {
  margin-top: -105px;
}
.ca-portfolio-item-4 {
  padding-top: 320px;
}
.ca-portfolio-item-6 {
  padding-top: 530px;
}
.ca-portfolio-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.9);
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.ca-portfolio-btn .text {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.05em;
  text-align: center;
  color: var(--tp-common-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ca-portfolio-main-title {
  font-size: 150px;
  line-height: 93%;
  letter-spacing: -0.05em;
}
@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) {
  .ca-portfolio-main-title {
    font-size: 100px;
  }
}
@media (max-width: 574.98px) {
  .ca-portfolio-main-title {
    font-size: 75px;
  }
}
.ca-portfolio-main-title span {
  font-style: italic;
  font-weight: 800;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -0.05em;
}
.ca-portfolio-main-title span svg {
  margin-top: -60px;
  margin-left: 5px;
}
.ca-portfolio-main-title-wrap {
  margin-bottom: -270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-portfolio-main-title-wrap {
    margin-bottom: 30px;
  }
}

.tp-hover-img canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mp-portfolio-thumb {
  border-radius: 12px;
  overflow: hidden;
  display: block;
}
.mp-portfolio-thumb img {
  border-radius: 12px;
  transition: all 0.6s ease;
}
.mp-portfolio-title {
  font-size: 28px;
  letter-spacing: -0.04em;
  margin-bottom: 3px;
}
.mp-portfolio-item:hover .mp-portfolio-thumb img {
  transform: scale(1.1);
}
.mp-portfolio-control {
  align-items: center;
}
.mp-portfolio-control-new {
  font-size: 36px;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mp-portfolio-control-new {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-portfolio-control-new {
    font-size: 20px;
  }
}
.mp-portfolio-navigation {
  margin-bottom: 10px;
}
.mp-portfolio-navigation span {
  border-radius: 50px;
  border: 1px solid rgba(38, 38, 38, 0.1);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
}
.mp-portfolio-navigation span:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}
.mp-portfolio-slider-control {
  position: absolute;
  top: -1px;
  padding: 30px 30px 78px 30px;
  bottom: 0;
  left: calc(25% - 0.5555555556rem);
  width: calc(25% + 0.8333333333rem);
  z-index: 2;
  background: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-portfolio-slider-control {
    left: auto;
    width: auto;
    position: inherit;
    padding: 0 0 10px 0;
  }
}
.mp-portfolio-slider-control-bottom {
  left: auto;
  right: calc(25% - 0.5555555556rem);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-portfolio-slider-control-bottom {
    left: 0;
    right: auto;
  }
}
.mp-portfolio-tab ul {
  background: #f6f6f6;
  padding: 5px 6px 0px 6px;
  display: inline-block;
  border-radius: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-portfolio-tab ul {
    padding: 15px 16px 10px 16px;
  }
}
.mp-portfolio-tab ul li {
  list-style: none;
  display: inline-block;
  margin-bottom: 5px;
}
.mp-portfolio-tab ul li a {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
  border-radius: 50px;
  padding: 18px 33px;
  display: inline-block;
  line-height: 1;
  transition: all 0.4s ease;
}
.mp-portfolio-tab ul li a.active {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}

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

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

.pp-porfolio-subtitle {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.03em;
}
.pp-porfolio-content ul li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.pp-porfolio-content ul li:not(:last-child) {
  margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-porfolio-content ul li {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
}
.pp-porfolio-content ul li.active a {
  color: var(--tp-common-white);
}
.pp-porfolio-content ul li a {
  font-family: var(--tp-ff-sequel-semi-bold);
  font-size: 82px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pp-porfolio-content ul li a {
    font-size: 50px;
  }
}
@media (max-width: 574.98px) {
  .pp-porfolio-content ul li a {
    font-size: 38px;
  }
}
.pp-porfolio-content ul li a:hover {
  color: var(--tp-common-white);
}
.pp-porfolio-date {
  text-align: right;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pp-porfolio-date {
    text-align: left;
  }
}
.pp-porfolio-date span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  display: block;
}
.pp-porfolio-bg-1, .pp-porfolio-bg-2, .pp-porfolio-bg-3, .pp-porfolio-bg-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
  visibility: hidden;
  transition: all 0.9s;
  transform: scale(1.04, 1.04);
}
.pp-porfolio-slider {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 22px 0;
}
.pp-porfolio-slider span {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  display: flex;
  align-items: center;
}
.pp-porfolio-slider span span {
  border: 1px solid var(--tp-common-white);
  width: 26px;
  height: 1px;
  display: inline-block;
  margin: 0px 10px;
}

#pp-porfolio-bg-box.pp-porfolio-bg-1 {
  opacity: 1;
}
#pp-porfolio-bg-box.pp-porfolio-bg-1 .pp-porfolio-bg-1 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#pp-porfolio-bg-box.pp-porfolio-bg-2 {
  opacity: 1;
}
#pp-porfolio-bg-box.pp-porfolio-bg-2 .pp-porfolio-bg-2 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#pp-porfolio-bg-box.pp-porfolio-bg-3 {
  opacity: 1;
}
#pp-porfolio-bg-box.pp-porfolio-bg-3 .pp-porfolio-bg-3 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#pp-porfolio-bg-box.pp-porfolio-bg-4 {
  opacity: 1;
}
#pp-porfolio-bg-box.pp-porfolio-bg-4 .pp-porfolio-bg-4 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.cs-portfolio-item {
  background: var(--tp-common-black);
  padding: 12px 12px 37px 12px;
  border-radius: 32px;
}
.cs-portfolio-item:hover .cs-portfolio-thumb img {
  filter: saturate(1);
  transform: perspective(400px) rotateX(0.09deg) rotateY(0) scaleX(1.1) scaleY(1.1);
}
.cs-portfolio-item-2 {
  margin-right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-portfolio-item-2 {
    margin-right: 0;
  }
}
.cs-portfolio-item-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-portfolio-item-3 {
    margin-left: 0;
  }
}
.cs-portfolio-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.cs-portfolio-thumb img {
  border-radius: 16px;
  filter: saturate(0);
  transition: all 0.6s ease;
  transform-origin: center center;
  transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}
.cs-portfolio-title {
  font-size: 32px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-portfolio-title {
    margin-bottom: 20px;
  }
}
.cs-portfolio-content {
  padding: 45px 10px 0px 10px;
}
.cs-portfolio-tag ul li {
  list-style: none;
  display: inline-block;
}
.cs-portfolio-tag ul li:not(:first-child) {
  margin-left: 5px;
}
.cs-portfolio-tag ul li a {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  padding: 8px 19px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}
.cs-portfolio-tag ul li a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
}

.mg-portfolio-dec {
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-portfolio-dec br {
    display: none;
  }
}
.mg-portfolio-content {
  padding: 23px 0 0 0;
}
.mg-portfolio-content .cs-portfolio-tag ul li a {
  font-size: 12px;
  color: var(--tp-common-black);
  border: 1px solid rgba(27, 23, 15, 0.1);
}
.mg-portfolio-content .cs-portfolio-tag ul li a:hover {
  border-color: var(--tp-common-black);
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.mg-portfolio-content .cs-portfolio-title {
  font-size: 26px;
}
.mg-portfolio-item {
  border-radius: 10px;
  overflow: hidden;
}
.mg-portfolio-item:hover .mg-portfolio-thumb img {
  transform: perspective(400px) rotateX(0.09deg) rotateY(0) scaleX(1.1) scaleY(1.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-portfolio-item-wrap {
    margin-left: 0;
  }
}
.mg-portfolio-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.mg-portfolio-thumb img {
  border-radius: 10px;
  transition: all 0.6s ease;
  transform-origin: center center;
  transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-ptb {
    padding-top: 150px;
  }
}
@media (max-width: 574.98px) {
  .tp-pd-2-ptb {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-area {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-area {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-top {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-top {
    padding-bottom: 40px;
  }
}
.tp-pd-2-title {
  font-size: 140px;
  line-height: 1;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pd-2-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-pd-2-title {
    font-size: 100px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-title {
    font-size: 52px;
    letter-spacing: 0;
  }
}
.tp-pd-2-categories span {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 24px;
  position: relative;
  border-radius: 30px;
  margin-right: 5px;
  display: inline-block;
  color: var(--tp-common-black);
  border: 1px solid rgba(9, 9, 11, 0.1);
}
.tp-pd-2-categories span a:hover {
  color: var(--tp-theme-primary);
}
.tp-pd-2-categories span::before {
  position: absolute;
  top: 15px;
  left: 12px;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
}
.tp-pd-2-bottom-item {
  border-top: 1px solid rgba(9, 9, 11, 0.1);
  padding-top: 32px;
}
.tp-pd-2-bottom-item span {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-common-black);
}
.tp-pd-2-bottom-item h6 {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.tp-pd-2-banner {
  height: 950px;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pd-2-banner {
    height: 680px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-banner {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-pd-2-banner {
    height: 500px;
  }
}
@media (max-width: 574.98px) {
  .tp-pd-2-banner {
    height: 250px;
  }
}
.tp-pd-2-banner img {
  width: 100%;
  margin-top: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-banner img {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-pd-2-banner img {
    margin-top: -20px;
  }
}
@media (max-width: 574.98px) {
  .tp-pd-2-banner img {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .tp-pd-2-overview-heading {
    padding-bottom: 30px;
  }
}
.tp-pd-2-overview-title {
  font-size: 50px;
  line-height: 1;
  letter-spacing: -1.5px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-overview-wrap {
    margin-right: 0;
  }
}
.tp-pd-2-overview-wrap p {
  font-size: 16px;
  font-weight: 500;
  line-height: 162%;
  margin-bottom: 24px;
  color: rgba(9, 9, 11, 0.8);
}
.tp-pd-2-overview-wrap ul {
  padding-top: 20px;
}
.tp-pd-2-overview-wrap ul li {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-left: 16px;
  color: var(--tp-common-black);
}
.tp-pd-2-overview-wrap ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(9, 9, 11, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-slider-ptb {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .tp-pd-2-slider-ptb {
    padding-bottom: 80px;
  }
}
.tp-pd-2-slider-wrapper {
  margin: 0 -200px;
}
@media (max-width: 574.98px) {
  .tp-pd-2-slider-wrapper {
    margin: 0;
  }
}
.tp-pd-2-slider-wrapper .swiper-wrapper {
  padding-bottom: 40px;
}
.tp-pd-2-slider-thumb {
  overflow: hidden;
}
.tp-pd-2-slider-thumb:hover img {
  transform: scale(1.2);
}
.tp-pd-2-slider-thumb img {
  transition: 0.9s ease-in-out;
}
.tp-pd-2-dot .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  opacity: 1;
  transition: 0.3s;
  border-radius: 50%;
  display: inline-block;
  background: var(--tp-common-black);
}
.tp-pd-2-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 10px;
  background-color: var(--tp-common-black);
}
@media (max-width: 574.98px) {
  .tp-pd-2-step-heading {
    padding-bottom: 40px;
  }
}
.tp-pd-2-step-title {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
@media (max-width: 574.98px) {
  .tp-pd-2-step-title {
    font-size: 35px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-step-title br {
    display: none;
  }
}
.tp-pd-2-step-item-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.tp-pd-2-step-item span {
  font-size: 15px;
  font-weight: 500;
  line-height: 160%;
  display: inline-block;
  color: var(--tp-grey-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-step-item span br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-thumb-ptb {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-thumb-ptb {
    padding-bottom: 80px;
  }
}
.tp-pd-2-thumb-item {
  overflow: hidden;
  height: 600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pd-2-thumb-item {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-thumb-item {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-pd-2-thumb-item {
    height: 450px;
  }
}
@media (max-width: 574.98px) {
  .tp-pd-2-thumb-item {
    height: 250px;
  }
}
.tp-pd-2-thumb-item img {
  margin-top: -100px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-thumb-item img {
    margin-top: -60px;
  }
}
@media (max-width: 574.98px) {
  .tp-pd-2-thumb-item img {
    margin-top: -40px;
  }
}
.tp-pd-2-thumb-item-2 {
  height: 843px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pd-2-thumb-item-2 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-2-thumb-item-2 {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-pd-2-thumb-item-2 {
    height: 450px;
  }
}
@media (max-width: 574.98px) {
  .tp-pd-2-thumb-item-2 {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-2-np-ptb {
    padding-bottom: 80px;
  }
}
.tp-pd-2-np-content a {
  width: 180px;
  height: 180px;
  font-size: 16px;
  font-weight: 600;
  margin: 0 -14px;
  text-align: center;
  line-height: 180px;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-common-black);
  border: 1px solid rgba(9, 9, 11, 0.1);
}
.tp-pd-2-np-content a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-pd-2-np-content a svg {
  margin: 0 4px;
}
.tp-pd-3-title {
  font-size: 240px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-pd-3-title {
    font-size: 235px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-pd-3-title {
    font-size: 219px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-pd-3-title {
    font-size: 190px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pd-3-title {
    font-size: 155px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-3-title {
    font-size: 128px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-pd-3-title {
    font-size: 96px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-3-title {
    font-size: 70px;
  }
}
.tp-pd-3-title.fs-186 {
  font-size: 186px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .tp-pd-3-title.fs-186 {
    font-size: 185px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-pd-3-title.fs-186 {
    font-size: 170px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-pd-3-title.fs-186 {
    font-size: 145px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pd-3-title.fs-186 {
    font-size: 118px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-pd-3-title.fs-186 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-pd-3-title.fs-186 {
    font-size: 74px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-pd-3-title.fs-186 {
    font-size: 55px;
  }
}
.tp-pd-3-style .tp-pd-2-bottom-item {
  padding-top: 0;
  border-top: none;
}

.tp-portfolio-mix-slider {
  height: 100%;
  width: 100%;
}
.tp-portfolio-mix-slider-wrap.mix {
  padding: 0px 0px 0px 0px;
  height: 100vh;
}
.tp-portfolio-mix-slider-navigation {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.tp-portfolio-mix-slider-navigation .nav-icon {
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  gap: 20px;
  color: var(--tp-common-white);
  line-height: 1;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.tp-portfolio-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) {
  .tp-portfolio-mix-slider-navigation .slider-nav {
    height: 80px;
  }
}
.tp-portfolio-mix-slider-navigation .slider-nav-box {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.tp-portfolio-mix-slider-navigation.navigation-white .nav-icon {
  color: var(--tp-common-black);
}
.tp-portfolio-mix-slider-image .popup-image {
  position: absolute;
  bottom: 200px;
  left: 72px;
  right: auto;
}
@media (max-width: 574.98px) {
  .tp-portfolio-mix-slider-image .popup-image {
    display: none;
  }
}
.tp-portfolio-mix-slider-image .popup-image i {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  color: var(--tp-common-white);
}
.tp-portfolio-mix-slider-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-text {
  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: 574.98px) {
  .tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-text {
    transform: translateX(0px);
  }
}
.tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-heading {
  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: 574.98px) {
  .tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-heading {
    transform: translateX(0px);
  }
}
.tp-portfolio-mix-slider .swiper-slide-active .tp-portfolio-mix-slide-text {
  transform: translateX(0px);
}
.tp-portfolio-mix-slider .swiper-slide-active .tp-portfolio-mix-slide-heading {
  transform: translateX(0px);
}
.tp-portfolio-mix-slide-heading {
  font-size: clamp(5rem, 8vw, 10rem);
  line-height: 0.5;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-sequel-bold-head);
  letter-spacing: -2px;
  text-transform: capitalize;
}
@media (max-width: 574.98px) {
  .tp-portfolio-mix-slide-heading {
    line-height: 1;
  }
}
.tp-portfolio-mix-slide-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 50px;
  display: inline-block;
  color: var(--tp-common-white);
  text-transform: uppercase;
}
@media (max-width: 574.98px) {
  .tp-portfolio-mix-slide-text {
    margin-bottom: 10px;
  }
}
.tp-portfolio-mix-pagination {
  position: absolute;
  top: auto !important;
  bottom: 0;
  transform: none;
  height: 50px;
  left: 0 !important;
  right: 0 !important;
  display: inline-flex;
  gap: 20px;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-mix-pagination {
    gap: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-mix-pagination {
    display: none;
  }
}
.tp-portfolio-mix-pagination .swiper-pagination-bullet {
  width: 80px;
  height: 5px;
  display: inline-block;
  margin: 0 5px;
  overflow: hidden;
  transition: 0.4s;
  position: relative;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-mix-pagination .swiper-pagination-bullet {
    width: 50px;
  }
}
.tp-portfolio-mix-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
  width: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-mix-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
    width: 40px;
  }
}
.tp-portfolio-mix-pagination .swiper-pagination-bullet::before {
  content: "";
  width: 80px;
  height: 100%;
  position: absolute;
  transition: 0.6s;
  z-index: 9;
  left: 0;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
}
.tp-portfolio-mix-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: 0.6s;
  z-index: 8;
  left: 0;
  background-color: white;
}
.tp-portfolio-mix-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
  width: 100%;
}
.tp-portfolio-revealing-slider {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.tp-portfolio-revealing-slider-social {
  position: absolute;
  bottom: 75px;
  z-index: 99;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.tp-portfolio-revealing-slider-social a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0 12px;
  color: var(--tp-common-white);
}
.tp-portfolio-revealing-slider-slides {
  z-index: 1;
  position: relative;
  height: 100%;
}
.tp-portfolio-revealing-slider-control {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 5%;
  width: var(--controlSize);
  height: var(--controlSize);
  margin-left: calc(var(--controlSize) / -2);
  margin-top: calc(var(--controlSize) / -2);
  border-radius: 50%;
  background-color: #FFFFFF00;
  backdrop-filter: blur(20px);
  transition: background-color 0.3s;
  cursor: pointer;
}
.tp-portfolio-revealing-slider-control:hover {
  background-color: var(--tp-theme-primary);
}
.tp-portfolio-revealing-slider-control:hover .tp-portfolio-revealing-slider-control-line::after {
  background-color: #fff;
}
@media (max-width: 574.98px) {
  .tp-portfolio-revealing-slider-control {
    top: 70%;
    left: 10%;
  }
}
.tp-portfolio-revealing-slider-control-right {
  left: 95%;
}
@media (max-width: 574.98px) {
  .tp-portfolio-revealing-slider-control-right {
    left: 90%;
  }
}
.tp-portfolio-revealing-slider-control-right .tp-portfolio-revealing-slider-control-line {
  left: 37px;
  transform-origin: 1px 0;
  transform: rotate(45deg);
}
.tp-portfolio-revealing-slider-control-right .tp-portfolio-revealing-slider-control-line:nth-child(2) {
  transform: translateY(1px) rotate(135deg);
}
.tp-portfolio-revealing-slider-control-line {
  position: absolute;
  left: 23px;
  top: 50%;
  width: 3px;
  height: 14px;
  transform-origin: 50% 0;
  transform: rotate(-45deg);
}
.tp-portfolio-revealing-slider-control-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e2e2e2;
  transition: background-color 0.3s;
}
.tp-portfolio-revealing-slider-control-line:nth-child(2) {
  transform: translateY(1px) rotate(-135deg);
}
.tp-portfolio-revealing-slider-control.a-rotation .tp-portfolio-revealing-slider-control-line::after {
  animation: arrowLineRotation 0.49s;
}
.tp-portfolio-revealing-slider-control.a-rotation .tp-portfolio-revealing-slider-control-line:nth-child(1)::after {
  animation: arrowLineRotationRev 0.49s;
}
.tp-portfolio-revealing-slide {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150vmax;
  height: 150vmax;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: clip-path 0s calc(var(--slidingAT) * 0.7);
  clip-path: circle(calc(var(--controlSize) / 2) at 120vw 50%);
}
.tp-portfolio-revealing-slide-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
}
.tp-portfolio-revealing-slide-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.tp-portfolio-revealing-slide-heading {
  font-size: clamp(5rem, 12vw, 10rem);
  line-height: 0.8;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-sequel-bold-head);
  letter-spacing: -4px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-revealing-slide-heading {
    letter-spacing: 0;
  }
}
.tp-portfolio-revealing-slide-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  display: inline-block;
  color: var(--tp-common-white);
  text-transform: uppercase;
}
.tp-portfolio-revealing-slide.s-prev {
  clip-path: circle(calc(var(--controlSize) / 2) at 30vw 50%);
}
.tp-portfolio-revealing-slide.s-active {
  z-index: 1;
  transition: clip-path var(--slidingAT);
  clip-path: circle(120vmax at 120vw 50%);
}
.tp-portfolio-revealing-slide.s-active.s-active-prev {
  clip-path: circle(120vmax at 30vw 50%);
}
.tp-portfolio-slider__wrap {
  grid-area: main;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100vh;
}
.tp-portfolio-slider__item {
  grid-area: 1/1/-1/-1;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
}
.tp-portfolio-slider__item.current {
  opacity: 1;
  z-index: 50;
  pointer-events: auto;
}
.tp-portfolio-slider__item-inner {
  position: relative;
  width: 120%;
  height: 120%;
  display: grid;
  place-items: center;
  grid-area: 1/1/-1/-1;
  background-size: cover;
  background-position: 50% 50%;
}
.tp-portfolio-slider-type {
  grid-area: main;
  display: grid;
  place-items: center;
  z-index: 9;
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-slider-type {
    bottom: 20%;
    width: 100%;
  }
}
.tp-portfolio-slider-type-title {
  font-size: 120px;
  line-height: 0.9;
  margin-bottom: 0;
  text-align: center;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-sequel-bold-head);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-slider-type-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-slider-type-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-portfolio-slider-type-title {
    font-size: 50px;
  }
}
@media (max-width: 574.98px) {
  .tp-portfolio-slider-type-title {
    font-size: 40px;
  }
}
.tp-portfolio-slider__mail {
  position: absolute;
  top: 50%;
  right: 4%;
  z-index: 55;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-slider__mail {
    right: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-slider__mail {
    right: 30px;
  }
}
.tp-portfolio-slider__mail a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.6px;
  writing-mode: vertical-lr;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-inter);
}
.tp-portfolio-slider__social {
  position: absolute;
  top: 50%;
  left: 4%;
  z-index: 55;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-slider__social {
    left: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-slider__social {
    left: 30px;
    display: none;
  }
}
.tp-portfolio-slider__social a {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  margin: 14px 0;
  display: inline-block;
  text-transform: uppercase;
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-white);
}
.tp-portfolio-slider__copyright {
  position: absolute;
  top: 45px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-slider__copyright {
    top: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-slider__copyright {
    display: none;
  }
}
.tp-portfolio-slider__copyright p {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-portfolio-slider__copyright p a {
  position: relative;
}
.tp-portfolio-slider__copyright p a::after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  transition: 0.3s;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
}
.tp-portfolio-slider__copyright p:hover a::after {
  right: auto;
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.tp-portfolio-skew-wrap .slide {
  width: 100%;
  height: 100%;
  grid-area: 1/1/-1/-1;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  position: relative;
  display: grid;
  place-items: center;
  will-change: transform, opacity;
}
.tp-portfolio-skew-wrap .slide--current {
  pointer-events: auto;
  opacity: 1;
}
.tp-portfolio-skew-wrap .slide--current .skew-slider-content {
  opacity: 1;
  visibility: visible;
}
.tp-portfolio-skew-wrap .slide__img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  will-change: transform, opacity, filter;
}
.tp-portfolio-skew-wrap .skew-slider-wrap {
  width: 100%;
  height: 100vh;
  display: grid;
  overflow: hidden;
  place-items: center;
  grid-template-rows: 100%;
  grid-template-columns: 100%;
}
.tp-portfolio-skew-wrap .skew-slider-arrow {
  position: absolute;
  bottom: 80px;
  gap: 10px;
  width: 100%;
  display: flex;
  padding: 0 100px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-skew-wrap .skew-slider-arrow {
    padding: 0 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-skew-wrap .skew-slider-arrow {
    padding: 0 20px;
  }
}
.tp-portfolio-skew-wrap .skew-slider-arrow button {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-portfolio-skew-wrap .skew-slider-arrow button .icon-1, .tp-portfolio-skew-wrap .skew-slider-arrow button .icon-2 {
  transition: 0.3s;
  margin-right: 7px;
  transform: translate(0px, -1px);
}
.tp-portfolio-skew-wrap .skew-slider-arrow button .icon-2 {
  margin-left: 7px;
}
.tp-portfolio-skew-wrap .skew-slider-arrow button:hover .icon-1 {
  transform: translate(-3px, -1px);
}
.tp-portfolio-skew-wrap .skew-slider-arrow button:hover .icon-2 {
  transform: translate(3px, -1px);
}
.tp-portfolio-skew-wrap .skew-slider-content {
  position: absolute;
  top: 50%;
  opacity: 0;
  left: 0;
  padding-left: 320px;
  visibility: hidden;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-skew-wrap .skew-slider-content {
    padding-left: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-skew-wrap .skew-slider-content {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-skew-wrap .skew-slider-content {
    padding-left: 50px;
  }
}
.tp-portfolio-skew-wrap .skew-slider-content h4 {
  font-size: 120px;
  line-height: 0.9;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-sequel-bold-head);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-skew-wrap .skew-slider-content h4 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-skew-wrap .skew-slider-content h4 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-skew-wrap .skew-slider-content h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-skew-wrap .skew-slider-content h4 {
    font-size: 40px;
  }
}
.tp-portfolio-skew-wrap .skew-slider-content > span {
  margin-bottom: 15px;
  display: inline-block;
  font-weight: 600;
  font-family: var(--tp-ff-inter);
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-portfolio-skew-wrap .slides-numbers {
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-portfolio-skew-wrap .slides-numbers-wrap {
    display: none;
  }
}
.tp-portfolio-skew-wrap .slides-numbers span {
  font-size: 14px;
  font-weight: 600;
  display: block;
  line-height: 1;
  color: var(--tp-common-white);
}
.tp-portfolio-skew-wrap .slides-numbers span.text-1 {
  transform: translateX(-5px);
}
.tp-portfolio-skew-wrap .slides-numbers span.text-2 {
  margin-left: 10px;
  transform: rotate(25deg);
  transform-origin: left bottom;
}
.tp-portfolio-skew-wrap .slides-numbers span.text-3 {
  margin-left: 27px;
}
.tp-portfolio-skew-wrap .slides-numbers::after, .tp-portfolio-skew-wrap .slides-numbers::before {
  content: "";
  width: 2px;
  height: 130px;
  display: inline-block;
  transform: translateX(13px);
  background-color: var(--tp-common-white);
}
.tp-portfolio-skew-wrap .slides-numbers::before {
  margin-bottom: 30px;
}
.tp-portfolio-skew-wrap .slides-numbers::after {
  margin-top: 40px;
}

/* ============ creative Slider ================= */
.type__item {
  grid-area: 1/1/-1/-1;
  opacity: 0;
}

.type__item--current {
  opacity: 1;
}

.char-wrap {
  display: inline-block;
  position: relative;
  overflow: hidden;
  display: inline-flex;
}

.slider--bg {
  z-index: 1;
}
.slider--bg .tp-portfolio-slider__item-inner {
  position: relative;
}
.slider--bg .tp-portfolio-slider__item-inner::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(2, 2, 1, 0.2);
}

.slider--fg {
  position: absolute;
  width: 20vw;
  min-width: 200px;
  aspect-ratio: 0.75;
  height: auto;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tp-portfolio-slider-small__wrap {
  border-radius: 200px;
}

/* ============ creative Slider ================= */
/*----------------------------------------*/
/*  7.4 brand css
/*----------------------------------------*/
.ca-brand-slider-active {
  position: relative;
}
.ca-brand-slider-active::before {
  position: absolute;
  content: "";
  width: 230px;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  left: 0;
  top: 0;
  z-index: 3;
}
.ca-brand-slider-active::after {
  position: absolute;
  content: "";
  width: 230px;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  right: 0;
  top: 0;
  z-index: 3;
  transform: rotate(-180deg);
}

.cs-brand-logo img {
  opacity: 0.5;
  transition: all 0.4s ease;
}
.cs-brand-logo img:hover {
  opacity: 1;
}
.cs-brand-slider-active {
  margin-right: -200px;
}

/*----------------------------------------*/
/*  7.25 testimonial css
/*----------------------------------------*/
.ca-testimonial-spacing {
  margin: 0 10px;
  border-radius: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-testimonial-spacing {
    margin: 0;
  }
}
.ca-testimonial-ratings {
  font-weight: 700;
  font-size: 62px;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
  display: flex;
  align-items: flex-start;
  line-height: 75%;
}
.ca-testimonial-ratings svg {
  margin-left: 5px;
}
.ca-testimonial-review-count {
  font-weight: 500;
  font-size: 16px;
  color: #aaaab2;
}
.ca-testimonial-reviewed {
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  color: #aaaab2;
}
.ca-testimonial-comment {
  font-weight: 600;
  font-size: 30px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ca-testimonial-comment {
    font-size: 26px;
  }
}
.ca-testimonial-author-name b {
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--tp-common-white);
}
.ca-testimonial-author-name span {
  font-weight: 500;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.ca-testimonial-slider-wrap {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 0 4px 0 rgba(255, 255, 255, 0.12);
  background: #131416;
  border-radius: 32px;
  padding: 70px 60px 50px 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 574.98px) {
  .ca-testimonial-slider-wrap {
    padding: 40px 20px 20px 20px;
  }
}
.ca-testimonial-bg-transparent {
  position: absolute;
  display: inline-block;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 85%;
  height: 100px;
  border-radius: 32px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 0 4px 0 rgba(255, 255, 255, 0.12);
  background: rgba(19, 20, 22, 0.5);
}
.ca-testimonial-navigation {
  display: flex;
  gap: 10px;
}
.ca-testimonial-navigation span {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 40px;
  width: 50px;
  height: 50px;
  display: inline-block;
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.06);
  color: var(--tp-common-white);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ca-testimonial-pagination {
  position: absolute;
  top: 0;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  width: 50% !important;
  background: rgba(250, 40, 55, 0.2);
  border-radius: 0 0 10px 10px;
}
.ca-testimonial-pagination .swiper-pagination-progressbar-fill {
  background: var(--tp-theme-primary);
  border-radius: 0 0 0 10px;
}

.shop-testimonial-comment {
  font-size: 62px;
  line-height: 116%;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-testimonial-comment {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-testimonial-comment {
    font-size: 38px;
  }
}
@media (max-width: 574.98px) {
  .shop-testimonial-comment {
    font-size: 30px;
  }
}
.shop-testimonial-name {
  font-size: 24px;
  letter-spacing: -0.02em;
  color: rgba(30, 30, 30, 0.6);
}
.shop-testimonial-brand-name b {
  font-size: 24px;
  letter-spacing: 0.72em;
  color: var(--tp-common-black);
}
.shop-testimonial-brand-name span {
  font-size: 13px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  line-height: 1;
}
.shop-testimonial-slider-active {
  margin: 0 200px;
}
@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) {
  .shop-testimonial-slider-active {
    margin: 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-testimonial-slider-active {
    margin: 0;
  }
}
.shop-testimonial-navigation {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-testimonial-navigation {
    position: inherit;
    top: 0;
  }
}
.shop-testimonial-navigation span {
  border: 1px solid rgba(30, 30, 30, 0.2);
  border-radius: 54px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.shop-testimonial-navigation span:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}

.tp-testimonial-text-title {
  font-size: 92px;
  line-height: 111%;
  letter-spacing: -0.05em;
  color: rgba(27, 23, 15, 0.1);
}
.tp-testimonial-text-title span {
  transform: translateY(-14px);
  display: inline-block;
  margin-left: 10px;
}

/*----------------------------------------*/
/*  7.24 testimonial css
/*----------------------------------------*/
.ca-team-border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ca-team-subtitle {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.06em;
}
.ca-team-subtitle span {
  color: var(--tp-theme-primary);
}
.ca-team-title {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.03em;
  line-height: 1;
}
.ca-team-content span {
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.ca-team-item-2 .ca-team-content span {
  color: rgba(0, 0, 0, 0.8);
}

.pp-team-style .ca-portfolio-thumb {
  border-radius: 0;
}
.pp-team-style .ca-team-content span {
  color: #6d6868;
}
.pp-team-subtitle-black span {
  color: var(--tp-common-black);
}

.tp-team-details-ptb {
  padding-top: 166px;
}
.tp-team-details-thumb img {
  width: 100%;
  border-radius: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-info {
    flex-wrap: wrap;
  }
}
.tp-team-details-info-contact {
  padding: 10px 0;
  border-top: 1px solid rgba(17, 16, 19, 0.1);
  border-bottom: 1px solid rgba(17, 16, 19, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-info-contact {
    margin-bottom: 20px;
  }
}
.tp-team-details-info-contact a {
  font-size: 14px;
  font-weight: 500;
  color: #111013;
  display: inline-block;
  letter-spacing: -0.28px;
}
.tp-team-details-info-contact a:hover {
  color: var(--tp-theme-primary);
}
.tp-team-details-info-contact a:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(17, 16, 19, 0.1);
}
.tp-team-details-info-contact a svg {
  margin-right: 5px;
}
.tp-team-details-info-social .tp-offcanvas-social {
  margin-top: 0;
}
.tp-team-details-info-social .tp-offcanvas-social a {
  background-color: transparent;
  border: 1px solid rgba(17, 16, 19, 0.08);
}
.tp-team-details-info-social .tp-offcanvas-social a:hover {
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-wrap {
    margin-bottom: 30px;
  }
}
.tp-team-details-wrapper {
  padding-left: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-wrapper {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-team-details-wrapper {
    padding-left: 0;
  }
}
.tp-team-details-text {
  margin-bottom: 30px;
}
.tp-team-details-text p {
  font-size: 18px;
  line-height: 156%;
  color: rgba(9, 9, 11, 0.7);
}
.tp-team-details-text-sub {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-black);
}
.tp-team-details-text-title {
  color: #111013;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: -0.8px;
}
.tp-team-details-more-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
  letter-spacing: -0.48px;
  font-family: var(--tp-ff-inter);
}
.tp-team-details-more ul li {
  list-style: none;
  color: #111013;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.tp-team-details-more ul li span {
  color: #525356;
  font-size: 16px;
  font-weight: 400;
  min-width: 100px;
  margin-right: 40px;
  display: inline-block;
}
.tp-team-details-progress-title {
  color: #111013;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 13px;
}
.tp-team-details-progress-inner {
  position: relative;
  width: 100%;
  height: 5px;
  background: #d9d9d9;
}
.tp-team-details-progress-bar {
  overflow: visible;
  display: flex;
  height: 5px;
  text-align: center;
  white-space: nowrap;
  transition: 0.6s ease;
  position: relative;
  background-color: var(--tp-theme-primary);
}
.tp-team-details-progress-bar::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  right: 0px;
  top: -8px;
  margin: auto;
  background-color: var(--tp-theme-primary);
}
.tp-team-details-progress-counter {
  margin-top: -29px;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: -15px;
  text-transform: uppercase;
}
.tp-team-details-input-content input, .tp-team-details-input-content textarea {
  border-radius: 6px;
  margin-bottom: 20px;
  background-color: #f8f8fb;
  color: var(--tp-common-black);
  border: 1px solid transparent;
}
.tp-team-details-input-content input:focus, .tp-team-details-input-content textarea:focus {
  background-color: transparent;
  border-color: var(--tp-theme-primary);
  box-shadow: 0px 0px 0px 3px rgba(255, 87, 34, 0.1);
}
.tp-team-details-input-content input::placeholder, .tp-team-details-input-content textarea::placeholder {
  color: #848788;
}
.tp-team-details-input-content textarea {
  resize: none;
  height: 160px;
}
.tp-team-details-input-btn button {
  font-size: 16px;
  font-weight: 700;
  padding: 15px 35px;
  border-radius: 6px;
  letter-spacing: 0;
  border: 1px solid transparent;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-team-details-input-btn button:hover {
  color: var(--tp-common-black);
  background-color: transparent;
  border-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  7.11 faq css
/*----------------------------------------*/
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq {
    margin-left: 0;
  }
}
.tp-faq-dec {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.04em;
  color: #09090b;
}
.tp-faq-item {
  border-radius: 0;
  box-shadow: 0 0 2px 0 rgba(39, 39, 46, 0.04);
  background: #f6f6f6;
  padding: 10px 30px 10px 30px;
  margin-bottom: 16px;
}
.tp-faq-body {
  font-size: 16px;
  line-height: 26px;
  padding: 0;
  padding-bottom: 13px;
  padding-right: 112px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-body {
    padding-right: 0;
  }
}
.tp-faq-body p {
  font-weight: 400;
  font-size: 15px;
  line-height: 167%;
  color: #66666c;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-body p br {
    display: none;
  }
}
.tp-faq-button {
  background: transparent;
  font-weight: 600;
  font-size: 20px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
  position: relative;
  width: 100%;
  text-align: left;
  padding: 15px 0;
  padding-right: 50px;
}
@media (max-width: 574.98px) {
  .tp-faq-button {
    font-size: 18px;
  }
}
.tp-faq-button span {
  font-weight: 500;
  margin-right: 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-faq-button span {
    margin-right: 30px;
  }
}
.tp-faq-button::before, .tp-faq-button:after {
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 7px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--tp-common-black);
  background: var(--tp-common-black);
  text-align: center;
  border-radius: 30px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-white);
  transition: all 0.5s ease;
}
.tp-faq-button.collapsed::before, .tp-faq-button.collapsed:after {
  background: transparent;
  color: var(--tp-common-black);
  border: 1px solid rgba(9, 9, 11, 0.05);
}
.tp-faq-button.collapsed:after {
  content: "\f067";
}

/*----------------------------------------*/
/*  7.8 cta css
/*----------------------------------------*/
.ca-cta-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 40%;
  -webkit-animation: levitate-lg 4s ease-in-out infinite;
  animation: levitate-lg 4s ease-in-out infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.ca-cta-shape-2 {
  position: absolute;
  right: 80px;
  bottom: -80px;
  -webkit-animation: levitate-lg 4s ease-in-out infinite;
  animation: levitate-lg 4s ease-in-out infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.ca-cta-scale {
  position: absolute;
  width: 100%;
  left: 0;
  top: -40px;
  z-index: -1;
}

/*----------------------------------------*/
/*  7.2 awards
/*----------------------------------------*/
.mp-awards-left {
  transition: all 0.4s ease;
  display: flex;
}
@media (max-width: 574.98px) {
  .mp-awards-left {
    display: block;
    width: 100%;
  }
}
.mp-awards-left span {
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-awards-left .count {
    margin-right: 10px;
  }
}
.mp-awards-right {
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--tp-common-black);
  transition: all 0.4s ease;
}
@media (max-width: 574.98px) {
  .mp-awards-right {
    width: 100%;
  }
}
.mp-awards-logo {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mp-awards-item {
  padding: 25px 30px 5px 23px;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-awards-item {
    flex-direction: column;
    gap: 0 !important;
  }
}
.mp-awards-item:hover {
  border-radius: 12px;
  background: rgba(30, 30, 30, 0.05);
}
.mp-awards-item:hover .mp-awards-left {
  margin-left: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-awards-item:hover .mp-awards-left {
    margin-left: 0;
  }
}
.mp-awards-item:hover .mp-awards-right {
  margin-right: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-awards-item:hover .mp-awards-right {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mp-awards-item-wrap {
    margin-left: 0;
  }
}

.right-item-animetion {
  border-top: 1px solid var(--tp-border-1);
  border-bottom: 1px solid var(--tp-border-1);
  margin-top: -1px;
}
.right-item-animetion:hover {
  border-color: transparent;
}

.right-item-animetion:hover + .right-item-animetion,
.right-item-animetion:has(+ .right-item-animetion:hover) {
  border-color: transparent;
}

.cs-awards-btn {
  padding: 42px 75px;
  margin: 10px 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: 574.98px) {
  .cs-awards-btn {
    margin: 10px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-awards-item-wrap {
    margin-left: 0;
  }
}
.cs-awards-item-wrap .mp-awards-item {
  padding: 35px 0 15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-awards-item-wrap .mp-awards-item {
    padding: 35px 15px 15px 15px;
  }
}
.cs-awards-item-wrap .mp-awards-left span {
  text-transform: capitalize;
}
.cs-awards-item-wrap .mp-awards-left .count {
  width: 227px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-awards-item-wrap .mp-awards-left .count {
    width: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cs-awards-title-wrap {
    flex-direction: column;
  }
}

.mg-awards-title {
  font-size: 172px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mg-awards-title {
    font-size: 140px;
  }
}
@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) {
  .mg-awards-title {
    font-size: 115px;
  }
}
@media (max-width: 574.98px) {
  .mg-awards-title {
    font-size: 80px;
  }
}
.mg-awards-title-sm {
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-awards-title-wrap {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-awards-subtitle-wrap {
    margin-bottom: 0;
  }
}
.mg-awards-item-wrap:hover .mp-awards-left .count svg {
  opacity: 1;
  visibility: visible;
}
.mg-awards-item-wrap .mp-awards-left {
  margin-left: -26px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-awards-item-wrap .mp-awards-left {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 574.98px) {
  .mg-awards-item-wrap .mp-awards-left {
    margin-left: 0;
  }
}
.mg-awards-item-wrap .mp-awards-left span {
  color: rgba(27, 23, 15, 0.6);
}
.mg-awards-item-wrap .mp-awards-left .count {
  width: 740px;
  font-size: 24px;
  font-family: var(--tp-ff-sequel-medium);
  letter-spacing: -0.03em;
  text-transform: capitalize;
  font-weight: inherit;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-awards-item-wrap .mp-awards-left .count {
    width: 460px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .mg-awards-item-wrap .mp-awards-left .count {
    width: 100%;
  }
}
.mg-awards-item-wrap .mp-awards-left .count svg {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  margin-right: 6px;
}
@media (max-width: 574.98px) {
  .mg-awards-item-wrap .mp-awards-right {
    text-align: center;
  }
}

/*----------------------------------------*/
/*  7.3 banner
/*----------------------------------------*/
.tp-banner-thumb {
  height: 820px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-banner-thumb {
    height: 620px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-banner-thumb {
    height: 420px;
  }
}
.tp-banner-about {
  height: 780px;
  border-radius: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-banner-about {
    height: 620px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-banner-about {
    height: 420px;
  }
}

/*----------------------------------------*/
/*  7.13 gallery css
/*----------------------------------------*/
.tp-gallery-wrapper {
  background: var(--tp-common-black);
  height: 1110px;
  overflow: hidden;
  border-radius: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-gallery-wrapper {
    height: 630px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-gallery-wrapper {
    height: 430px;
  }
}
.tp-gallery-item {
  overflow: hidden;
  border-radius: 20px;
}
.tp-gallery-item:hover img {
  transform: scale(1.1);
}
.tp-gallery-item img {
  border-radius: 20px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

/*----------------------------------------*/
/*  7.20 product css
/*----------------------------------------*/
.shop-product-title {
  font-size: 24px;
  letter-spacing: -0.05em;
}
.shop-product-cetagory {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.shop-product-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.shop-product-thumb img {
  border-radius: 16px;
  transition: all 0.9s ease;
}
.shop-product-item:hover .shop-product-thumb img {
  transform: scale(1.1);
}
.shop-product-item:hover .shop-product-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.shop-product-price ins {
  text-decoration: none;
}
.shop-product-old-price {
  font-size: 18px;
  font-weight: 500;
}
.shop-product-new-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
}
.shop-product-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 24px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
  transform: translateY(10px);
}
.shop-product-badge {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 2;
}
.shop-product-badge span {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  color: var(--tp-common-white);
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: var(--tp-theme-primary);
}
.shop-product-bigtext {
  font-size: 485px;
  letter-spacing: -0.04em;
  margin-left: -20px;
  line-height: 0.8;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .shop-product-bigtext {
    font-size: 436px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .shop-product-bigtext {
    font-size: 400px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .shop-product-bigtext {
    font-size: 355px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .shop-product-bigtext {
    font-size: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-product-bigtext {
    font-size: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-product-bigtext {
    font-size: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-product-bigtext {
    font-size: 142px;
  }
}
@media (max-width: 574.98px) {
  .shop-product-bigtext {
    font-size: 87px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-product-bigtext {
    margin-bottom: 40px;
  }
}

.shop-related-product-main-thumb {
  border-radius: 16px;
}

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

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

.tp-shop-popup-wrap {
  height: 500px;
  width: 800px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-popup-wrap {
    width: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-shop-popup-wrap {
    width: 360px;
  }
}
.tp-shop-popup-content {
  padding: 40px;
}
.tp-shop-popup-img {
  position: relative;
  height: 100%;
  flex: 0 0 auto;
}
.tp-shop-popup-img img {
  height: 100%;
}
.tp-shop-popup-logo {
  margin-bottom: 60px;
}
.tp-shop-popup-text h4 {
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 13px;
  color: var(--tp-common-black);
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-shop-popup-text h4 {
    font-size: 40px;
  }
}
.tp-shop-popup-text p {
  font-size: 28px;
  color: var(--tp-common-black);
  font-weight: 400;
  margin-bottom: 40px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-shop-popup-text p {
    font-size: 20px;
  }
}
.tp-shop-popup-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--tp-common-black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 55px;
  display: inline-block;
}
.tp-shop-popup-inputbox input {
  height: 50px;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
  border: 1px solid rgba(25, 25, 26, 0.1);
  margin-bottom: 10px;
}
.tp-shop-popup-inputbox input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input:-moz-placeholder {
  /* Firefox 4-18 */
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
}
.tp-shop-popup-inputbox input::placeholder {
  /* MODERN BROWSER */
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--tp-common-black);
}
.tp-shop-popup-inputbox .tp-btn-black-square {
  font-size: 18px;
  font-weight: 400;
  padding: 14px 34px;
  border-radius: 8px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 2px solid transparent;
  line-height: 1;
}
.tp-shop-popup-inputbox .tp-btn-black-square:hover {
  background-color: transparent;
  border-color: var(--tp-common-black);
  color: var(--tp-common-black);
}

.subscribe-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1099;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  margin: 0 auto;
  text-align: center;
}

.subscribe-popup.show {
  visibility: visible;
  opacity: 1;
}

.subscribe-popup .close i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 400;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.subscribe-popup .close:hover i {
  transform: rotate(180deg);
}

@keyframes zoomInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
/*----------------------------------------*/
/*  7.6 cetagory css
/*----------------------------------------*/
.shop-cetagory-item {
  border-radius: 24px;
}
.shop-cetagory-item:hover img {
  transform: scale(1.1);
}
.shop-cetagory-item img {
  border-radius: 24px;
  transition: all 0.6s ease;
}
.shop-cetagory-badge {
  border-radius: 50px;
  padding: 12px 27px;
  font-size: 20px;
  letter-spacing: -0.05em;
  color: var(--tp-common-black);
  display: inline-block;
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 2;
  background: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.16 payment css
/*----------------------------------------*/
.shop-payment-title {
  font-size: 20px;
  letter-spacing: -0.01em;
}
.shop-payment-content p {
  font-size: 15px;
  line-height: 160%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-payment-content p br {
    display: none;
  }
}
.shop-payment-icon {
  transition: all 0.4s ease;
}
.shop-payment-item:hover .shop-payment-icon {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}
.shop-payment-border {
  border-bottom: 1px solid rgba(9, 9, 11, 0.1);
}

.shop-text-slider {
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .shop-text-slider {
    margin-top: 70px;
  }
}
.shop-text-slider span {
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-common-black);
  text-transform: capitalize;
}
.shop-text-slider span span {
  background: var(--tp-common-black);
  width: 4px;
  height: 4px;
  border: none;
  border-radius: 10px;
  margin: 0 30px;
}

.shop-ins-thumb {
  overflow: hidden;
}
.shop-ins-thumb:hover img {
  transform: scale(1.1);
}
.shop-ins-thumb img {
  transition: all 0.6s ease;
}

/*----------------------------------------*/
/*  7.23 skill css
/*----------------------------------------*/
.tp-skill-item {
  background: #f8f8f8;
  border-radius: 24px;
  padding: 71px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-skill-item {
    padding: 40px 20px;
  }
}
.tp-skill-icon {
  width: 70px;
  height: 70px;
}
.tp-skill-text {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-skill-text {
    font-size: 24px;
  }
}

/*----------------------------------------*/
/*  7.18 Price
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .ds-price-heading {
    margin-bottom: 50px;
  }
}
.ds-price-heading .tp-section-title {
  color: var(--tp-common-white);
}
.ds-price-item {
  padding: 50px 52px;
  background: var(--tp-grey-4);
  border-radius: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .ds-price-item {
    padding: 50px 30px;
  }
}
.ds-price-item-head {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(1, 1, 3, 0.1);
}
.ds-price-item-head span {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.ds-price-item-head h4 {
  font-size: 62px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-sequel-bold-head);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ds-price-item-head h4 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .ds-price-item-head h4 {
    font-size: 45px;
  }
}
.ds-price-item-head h4 i {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  display: inline-block;
  transform: translateX(-10px);
  font-family: var(--tp-ff-inter);
}
.ds-price-item-head p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: capitalize;
  color: var(--tp-common-black);
}
.ds-price-item-list {
  display: block;
  margin-bottom: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .ds-price-item-list {
    margin-bottom: 50px;
  }
}
.ds-price-item-list-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--tp-common-black);
}
.ds-price-item-list ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  margin-bottom: 8px;
  text-transform: capitalize;
  color: var(--tp-common-black);
}
.ds-price-item-list ul li span {
  margin-right: 8px;
  display: inline-block;
}
.ds-price-item.active {
  position: relative;
}
.ds-price-item-tag {
  top: 0;
  right: 50px;
  position: absolute;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .ds-price-item-tag {
    right: 30px;
  }
}
.ds-price-item-tag span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 35px 13px 25px 13px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  clip-path: polygon(100% 0%, 100% 48%, 100% 100%, 0px 100%, 0px 0px, 50% 15.12%);
}

.tp-pricing-nav-wrapper .tp-input-check {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  position: absolute;
}
.tp-pricing-nav-wrapper .tp-input-check:checked ~ .tp-switch-toggle {
  left: 4px;
  right: 57.3%;
}
.tp-pricing-nav-wrapper.cr-nav .tp-toggler-pre, .tp-pricing-nav-wrapper.cr-nav .tp-toggler-post {
  color: var(--tp-common-white);
}
.tp-pricing-nav-wrapper.cr-nav .tp-toggle-input-wrap {
  border-color: rgba(245, 247, 245, 0.1);
}
.tp-pricing-nav-wrapper.cr-nav .tp-switch-toggle {
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
}

.tp-toggler-pre,
.tp-toggler-post {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s;
  color: var(--tp-common-black);
}
.tp-toggler-pre.is-active,
.tp-toggler-post.is-active {
  color: var(--tp-common-black);
}
.tp-toggler-pre:hover,
.tp-toggler-post:hover {
  color: var(--tp-common-black);
}

.tp-toggler-pre {
  margin-right: 15px;
}

.tp-toggler-post {
  margin-left: 15px;
}

.tp-toggle-input-wrap {
  position: relative;
  width: 76px;
  height: 36px;
  overflow: hidden;
  border-radius: 100px;
  border: 1px solid rgba(1, 1, 3, 0.1);
}

.tp-switch-toggle {
  position: absolute;
  top: 4px;
  right: 4px;
  left: 57.3%;
  bottom: 4px;
  z-index: 1;
  border-radius: 100%;
  box-shadow: 0px 4px 6px rgba(1, 17, 22, 0.24);
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: linear-gradient(180deg, #010103 0%, #010103 100%);
}

.tp-tab-hide {
  display: none;
}

/*----------------------------------------*/
/*  7.12 funfact css
/*----------------------------------------*/
.tp-funfact-numbar {
  font-size: 132px;
  line-height: 100%;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-funfact-numbar {
    font-size: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-funfact-numbar {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-funfact-content-dec {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .tp-funfact-content-dec p 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: 574.98px) {
  .tp-funfact-content-wrap {
    margin-top: 0;
  }
}
.tp-funfact-item {
  position: relative;
  padding-left: 84px;
}
@media (max-width: 574.98px) {
  .tp-funfact-item {
    flex-direction: column;
    padding-left: 0;
    align-items: flex-start !important;
  }
  .tp-funfact-item::before {
    display: none;
  }
}
.tp-funfact-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.tp-funfact-item::before {
  position: absolute;
  content: "";
  border-radius: 20px;
  width: 20px;
  height: 20px;
  background: var(--tp-common-black);
  top: 35%;
  left: 24px;
}
.tp-funfact-info span {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
}
.tp-funfact-info-title {
  font-size: 30px;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-funfact-info-title {
    font-size: 25px;
  }
}

/*----------------------------------------*/
/*  7.19 process css
/*----------------------------------------*/
.tp-process-count {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: var(--tp-common-white);
  background: var(--tp-common-black);
}
.tp-process-title {
  font-size: 24px;
  line-height: 117%;
}
.tp-process-dec {
  font-size: 18px;
  line-height: 144%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-process-dec br {
    display: none;
  }
}
.tp-process-border {
  transform: translateY(32px);
}
.tp-process-border svg {
  color: var(--tp-common-black);
}
.tp-process-bottom-para {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  display: inline-block;
  padding: 8px 30px 8px 30px;
}

/*----------------------------------------*/
/*  7.7 Contact Css
/*----------------------------------------*/
.tp-contact-map-wrapper {
  width: 100%;
  height: 680px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-map-wrapper {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-map-wrapper {
    height: 500px;
  }
}
@media (max-width: 574.98px) {
  .tp-contact-map-wrapper {
    height: 450px;
  }
}
.tp-contact-map-wrapper iframe {
  width: 100%;
  height: 100%;
  filter: saturate(0);
}
.tp-contact-map-icon {
  position: relative;
}
.tp-contact-map-icon::after {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  margin: 0 auto;
  height: 120px;
  width: 120px;
  z-index: -1;
  border-radius: 140px;
  backdrop-filter: blur(7px);
  transform: translate(-20%, -20%);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--tp-common-white);
  animation: animate-pulse 3s linear infinite;
  box-shadow: 0px 20px 50px 0px rgba(17, 16, 19, 0.14);
}
.tp-contact-map-icon span {
  display: grid;
  height: 60px;
  width: 60px;
  z-index: 2;
  text-align: center;
  border-radius: 50%;
  place-content: center;
  background-color: var(--tp-theme-primary);
}
.tp-contact-map-icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.tp-contact-author-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 100px;
}
.tp-contact-author-content h6 {
  font-family: var(--tp-ff-inter);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 0;
}
.tp-contact-author-content span {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(30, 30, 30, 0.6);
}
.tp-contact-bg {
  background: #f6f6f6;
  border-radius: 16px;
  padding: 100px 60px 55px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-bg {
    padding: 60px 30px 25px 30px;
  }
}
.tp-contact-tel {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.tp-contact-tel:hover {
  color: var(--tp-theme-primary);
}
.tp-contact-mail {
  font-weight: 600;
  font-size: 42px;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-mail {
    font-size: 30px;
  }
}
.tp-contact-mail:hover {
  color: var(--tp-theme-primary);
}
.tp-contact-address h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 111%;
  text-transform: capitalize;
  font-family: var(--tp-ff-inter);
}
.tp-contact-address a {
  letter-spacing: -0.02em;
  color: rgba(1, 1, 3, 0.7);
  line-height: 162%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-address a br {
    display: none;
  }
}
.tp-contact-form-input label {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  margin-bottom: 6px;
}
.tp-contact-form-input input, .tp-contact-form-input textarea {
  border: 1px solid rgba(30, 30, 30, 0.1);
  border-radius: 12px;
  background: transparent;
  height: 60px;
}
.tp-contact-form-input input:focus, .tp-contact-form-input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.tp-contact-form-input textarea {
  height: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-form-wrap {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-form-wrap {
    margin-left: 0;
  }
}
.tp-contact-me-title {
  font-size: 24px;
  letter-spacing: -0.03em;
}
.tp-contact-me-form {
  border: 1px solid rgba(9, 9, 11, 0.1);
  border-radius: 32px;
  padding: 25px 50px 50px 50px;
}
@media (max-width: 574.98px) {
  .tp-contact-me-form {
    padding: 25px 20px 20px 20px;
  }
}
.tp-contact-me-form .tp-input {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-common-black);
  height: 60px;
  border-radius: 72px;
  background: #f6f6f6;
  border: none;
  border: 1px solid transparent;
}
.tp-contact-me-form .tp-input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #09090b;
}
.tp-contact-me-form .tp-input:focus {
  background: transparent;
  border-color: var(--tp-theme-primary);
}
.tp-contact-me-form .tp-textarea {
  height: 160px;
  border-radius: 12px;
}
.tp-contact-me-category {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-me-category {
    margin-right: 0;
  }
}
.tp-contact-me-category input {
  display: none;
}
.tp-contact-me-category input ~ span {
  font-weight: 400;
  font-size: 18px;
  color: var(--tp-common-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  transition: all 0.4s ease;
  padding: 15px 30px;
  display: inline-block;
  cursor: pointer;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-me-category input ~ span {
    padding: 12px 30px;
  }
}
.tp-contact-me-category input ~ span:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-contact-me-category input:checked ~ span {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-contact-me-category-wrap h5 {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .cn-contactform-support-area {
    margin-bottom: 80px;
  }
}
.cn-contactform-support-bg {
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  height: 385px;
}
.cn-contactform-support-text span {
  font-size: 44px;
  font-weight: 500;
  line-height: 52px;
  max-width: 755px;
  margin: 0 auto;
  display: inline-block;
  letter-spacing: -0.88px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-sequel-semi-bold);
}
@media (max-width: 574.98px) {
  .cn-contactform-support-text span {
    font-size: 36px;
  }
}

.tp-contact-us-text p {
  font-size: 18px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.5);
}
.tp-contact-us-text a {
  display: inline-block;
}
.tp-contact-us-text a:hover p {
  color: var(--tp-common-white);
}
@media (max-width: 574.98px) {
  .tp-contact-us-form-ptb {
    padding-top: 30px;
  }
}
.tp-contact-us-form-wrapper {
  padding: 10px;
  border-radius: 14px;
  background: #1B1B1D;
}
.tp-contact-us-map {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-us-map {
    height: 500px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-contact-us-map {
    height: 450px;
    margin-bottom: 30px;
  }
}
.tp-contact-us-map iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
@media (max-width: 574.98px) {
  .tp-contact-us-heading .tp-career-title {
    padding-bottom: 20px;
  }
}
.tp-contact-us-title {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .tp-contact-us-title {
    margin-bottom: 30px;
  }
}
.tp-contact-us-wrap {
  padding: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-contact-us-wrap {
    padding: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-us-wrap {
    padding: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-us-wrap {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-contact-us-wrap {
    padding: 20px;
  }
}
.tp-contact-us-wrap .tp-contact-form-input label {
  color: var(--tp-common-white);
}
.tp-contact-us-wrap .tp-contact-form-input input, .tp-contact-us-wrap .tp-contact-form-input textarea {
  background: #302F32;
  border-color: #302F32;
  color: var(--tp-common-white);
}
.tp-contact-us-wrap .tp-contact-form-input input:focus, .tp-contact-us-wrap .tp-contact-form-input textarea:focus {
  background-color: #1B1B1D;
  border-color: var(--tp-common-red-3);
}
.tp-contact-us-thumb {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 40px;
}
.tp-contact-us-thumb img {
  width: 100%;
  transition: 0.9s;
  border-radius: 10px;
}
.tp-contact-us-content {
  padding: 15px;
  border-radius: 14px;
  background: #f6f6f6;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-contact-us-content {
    margin-top: 0;
  }
}
.tp-contact-us-content:hover .tp-contact-us-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .tp-contact-us-info-area {
    padding-bottom: 90px;
  }
}
.tp-contact-us-info-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
  letter-spacing: -0.2px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}
.tp-contact-us-info-details {
  margin-bottom: 45px;
}
.tp-contact-us-info-details a {
  font-size: 18px;
  font-weight: 400;
  display: block;
  margin-bottom: 15px;
  color: var(--tp-common-black);
}
.tp-contact-us-info-details a:hover {
  color: var(--tp-theme-primary);
}
.tp-contact-us-bottom {
  padding: 0 22px 28px;
}
.tp-contact-us-btn .tp-btn-yellow-green {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 10px;
  border-radius: 30px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-common-white);
  background-color: transparent;
  border: 1px solid rgba(30, 30, 30, 0.1);
}
.tp-contact-us-btn .tp-btn-yellow-green.active {
  background-color: var(--tp-common-red-3);
}

/*----------------------------------------*/
/*  7.21 profile css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .profile__tab {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.profile__tab nav .nav-tabs {
  padding: 0;
  border: 0;
  margin: 0;
  padding: 20px 0;
  border: 1px solid #E0E2E3;
  background-color: var(--tp-common-white);
}

.profile__tab nav .nav-tabs .nav-link {
  font-weight: 400;
  font-size: 16px;
  padding: 14px 0px;
  margin: 0px 30px;
  position: relative;
  border-radius: 0;
  text-align: left;
  border: 0;
  color: #5D5D63;
}

.profile__tab nav .nav-tabs .nav-link::after {
  position: absolute;
  top: 14px;
  left: -31px;
  height: 25px;
  width: 2px;
  content: "";
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-black);
}

.profile__tab nav .nav-tabs .nav-link:not(:last-child) {
  border-bottom: 1px dashed #E0E2E3;
}

.profile__tab nav .nav-tabs .nav-link span {
  margin-right: 7px;
}

.profile__tab nav .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}

.profile__tab nav .nav-tabs .nav-link.active::after {
  opacity: 1;
  visibility: visible;
}

.profile__tab .tp-tab-menu {
  position: relative;
}

.profile__tab-content {
  padding: 35px 40px 40px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 60px rgba(3, 4, 28, 0.1);
}

.profile__info-title {
  font-size: 20px;
  margin-bottom: 25px;
}

.profile__input {
  margin-bottom: 25px;
  position: relative;
}

.profile__input-box h4 {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-solid);
  margin-bottom: 10px;
}

.profile__input-box h4 span {
  color: var(--tp-theme-primary);
}

.profile__input-box p {
  font-size: 13px;
  color: var(--tp-common-white);
  opacity: 0.7;
  margin-bottom: 10px;
}

.profile__input > span {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.profile__input > span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.profile__input input, .profile__input textarea {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  padding-left: 50px;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
  color: var(--tp-common-black);
  border: 1px solid #EAEAEF;
  border-radius: 6px;
}

.profile__input input:focus, .profile__input textarea:focus {
  background-color: transparent;
  border-color: var(--tp-common-black);
}

.profile__input textarea {
  line-height: 1.5;
  padding: 20px;
  resize: none;
  height: 200px;
  resize: none;
}

.profile__input .nice-select {
  width: 100%;
  float: none;
  height: 60px;
  border: 1px solid #EAEAEF;
  background: transparent;
  border-radius: 0;
  line-height: 58px;
  padding-left: 27px;
  border-radius: 6px;
}

.profile__input .nice-select .current {
  color: var(--tp-common-black);
}

.profile__input .nice-select::after {
  right: 25px;
  color: var(--tp-common-black);
}

.profile__input .nice-select.open .list {
  -webkit-transform: scale(1) translateY(0px);
  -moz-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  -o-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}

.profile__input .nice-select .list {
  width: 100%;
  border-radius: 0;
  margin-top: 0;
  padding: 13px 8px;
  transform-origin: center center;
  -webkit-transform: scale(0.9) translateY(0px);
  -moz-transform: scale(0.9) translateY(0px);
  -ms-transform: scale(0.9) translateY(0px);
  -o-transform: scale(0.9) translateY(0px);
  transform: scale(0.9) translateY(0px);
}

.profile__input .nice-select .list .option:hover {
  color: var(--tp-common-black);
}

.profile__password input {
  padding: 0 20px;
  background-color: transparent;
  border: 1px solid #EAEAEF;
  border-radius: 6px;
}
.profile__password input:focus {
  border-color: var(--tp-common-black);
}
.profile__password input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #84848B;
}
.profile__password input::-moz-placeholder {
  /* Firefox 19+ */
  color: #84848B;
}
.profile__password input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #84848B;
}
.profile__password input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #84848B;
}
.profile__password input::placeholder {
  /* MODERN BROWSER */
  color: #84848B;
}

.profile__ticket {
  border: 1px solid #E0E2E3;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .profile__ticket {
    overflow-x: scroll;
  }
}
.profile__ticket table thead tr {
  background-color: transparent;
}

.profile__ticket table th {
  color: var(--tp-common-black);
  border-color: #E0E2E3;
  box-shadow: none;
}

.profile__ticket table td {
  color: var(--tp-common-black);
}

.profile__ticket table tbody > tr:first-child {
  background-color: transparent;
}

.profile__ticket table tbody > tr:not(:last-child) {
  border-bottom: 1px solid #E0E2E3;
}

.profile__ticket table tbody > tr td, .profile__ticket table tbody > tr th {
  vertical-align: middle;
  color: var(--tp-common-black);
}

.profile__ticket table tbody > tr > th {
  padding-left: 15px;
  padding-right: 15px;
}

.profile__ticket table tbody > tr th[scope=row] {
  color: var(--tp-common-black);
}

.profile__ticket table tbody > tr td[data-info="status done"] {
  color: #08AF5C;
}

.profile__ticket table tbody > tr td[data-info="status pending"] {
  color: #6364DB;
}

.profile__ticket table tbody > tr td[data-info="status reply"] {
  color: #D93D1E;
}

.profile__ticket table tbody > tr td[data-info="status hold"] {
  color: #FFB422;
}

.profile__ticket table tbody > tr .tp-btn {
  padding: 7px 18px;
  background-color: #E0E2E3;
  color: var(--tp-common-black);
  font-weight: 500;
  min-width: 90px;
}

.profile__ticket table tbody > tr .tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

.profile__ticket .table {
  margin-bottom: 0;
  --bs-table-bg: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .profile__ticket .table {
    width: 700px;
  }
}
.profile__ticket .table > :not(:first-child) {
  border-color: #EAEAEF;
  border-top-width: 1px;
}

.profile__ticket .table > :not(caption) > * > * {
  padding: 1rem 1.5rem;
  border: 0;
  box-shadow: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .profile__address-item {
    margin-bottom: 40px;
  }
}
.profile__address-title {
  font-size: 22px;
  margin-bottom: 20px;
}

.profile__address-icon span {
  display: inline-block;
  min-width: 45px;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .profile__address-icon span {
    margin-bottom: 20px;
  }
}
.profile__address-icon span svg {
  width: 45px;
}

.profile__address-icon span svg path {
  fill: var(--tp-common-black);
}

.profile__address-content p {
  font-size: 16px;
  margin-bottom: 10px;
}

.profile__address-content p span {
  font-weight: 600;
  margin-right: 7px;
  color: var(--tp-common-black);
}

.profile__notification-title {
  font-size: 24px;
  margin-bottom: 10px;
  color: var(--tp-common-black);
}

.profile__notification-item .form-check-input {
  margin-top: 0;
  width: 40px;
  height: 20px;
  box-shadow: none;
}

.profile__notification-item .form-check-label {
  font-size: 16px;
  margin-left: 10px;
  color: var(--tp-common-black);
}

.profile__notification-item .form-check-label:hover {
  cursor: pointer;
  color: var(--tp-common-black);
}

.profile__notification-item .form-check-input:checked {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}

.profile__btn .tp-btn {
  padding: 14px 39px;
  border: 1px solid #EAEAEF;
}

.profile__btn .tp-btn-cart {
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  line-height: 45px;
  padding: 0px 30px;
  transition: 0.3s;
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  text-transform: capitalize;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 2px solid transparent;
}

.profile__btn .tp-btn-cart:hover {
  border-color: #4D3D30;
  color: var(--tp-common-black);
  background-color: transparent;
}

@media (max-width: 767px) {
  .profile__main-inner {
    margin-bottom: 20px;
  }
}
.profile__main-thumb {
  position: relative;
}

.profile__main-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 16px;
}

@media (max-width: 767px) {
  .profile__main-thumb img {
    margin-bottom: 20px;
  }
}
.profile__main-thumb-edit input {
  display: none;
}

.profile__main-thumb-edit label {
  position: absolute;
  bottom: 2px;
  right: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: var(--tp-common-black);
  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0px 1px 2px rgba(25, 25, 26, 0.2);
}

.profile__main-thumb-edit label i {
  margin-left: 2px;
}

.profile__main-thumb-edit label:hover {
  cursor: pointer;
  color: var(--tp-common-white);
  background-color: #4d3d30;
}

.profile__main-title {
  font-size: 24px;
  margin-bottom: 0;
}

.profile__main-content p {
  font-size: 14px;
  margin-bottom: 0;
}

.profile__main-content p span {
  color: var(--tp-common-black);
  font-weight: 500;
}

.profile__main-info-item {
  text-align: center;
  padding: 27px 30px 25px;
  border: 1px solid #EAEAEF;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .profile__main-info-item {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .profile__main-info-item {
    padding: 22px 0 20px;
  }
}
.profile__main-info-icon {
  position: relative;
  margin-bottom: 15px;
}

.profile__main-info-icon > span {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.profile__main-info-icon > span svg {
  width: 60px;
}

.profile__main-info-icon > span svg path {
  fill: var(--tp-common-black);
}

.profile__main-info-icon .profile-icon-count {
  position: absolute;
  top: 2px;
  right: -8px;
  width: 26px;
  height: 26px;
  line-height: 21px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  border: 2px solid #fff;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

.profile__main-info-title {
  font-size: 18px;
  margin-bottom: 0;
}

.tp-logout-btn {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 18px;
  text-align: center;
  display: inline-block;
  color: var(--tp-common-black);
  border: 1px solid rgba(2, 6, 38, 0.12);
}

.tp-logout-btn:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}

.tp-profile-input-wrapper {
  margin-bottom: 8px;
}

.tp-profile-input-box {
  position: relative;
  margin-bottom: 30px;
}

.tp-profile-input input {
  background: transparent;
  font-size: 14px;
  color: var(--tp-common-black);
  border: 1px solid #EAEAEF;
}
.tp-profile-input input:focus {
  border-color: var(--tp-common-black);
}
.tp-profile-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #84848B;
}
.tp-profile-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #84848B;
}
.tp-profile-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #84848B;
}
.tp-profile-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #84848B;
}
.tp-profile-input input::placeholder {
  /* MODERN BROWSER */
  color: #84848B;
}

.tp-profile-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #95999D;
}

.tp-profile-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #95999D;
}

.tp-profile-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #95999D;
}

.tp-profile-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #95999D;
}

.tp-profile-input input::placeholder {
  /* MODERN BROWSER */
  color: #95999D;
}

.tp-profile-input textarea {
  height: 165px;
  resize: none;
}

.tp-profile-input-title label {
  font-size: 16px;
  padding: 0 5px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 12px;
  display: inline-block;
  color: var(--tp-common-black);
}

.tp-profile-input-eye {
  top: 50%;
  right: 26px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tp-profile-input-eye .open-eye {
  display: none;
}

.tp-profile-input-eye span {
  transition: 0.3s;
}

.tp-profile-input-eye:hover {
  cursor: pointer;
}

.tp-profile-input-eye:hover span {
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.6 Nice Select
/*----------------------------------------*/
.custom-select {
  position: relative;
  width: 200px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.custom-select .selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #fff;
}

.custom-select .selected.open .arrow {
  transform: rotate(-135deg);
}

.custom-select .selected.open + .options {
  max-height: 500px;
  opacity: 1;
}

.custom-select .selected .arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid #333;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.custom-select .options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 100;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.custom-select .options li {
  padding: 10px;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease;
}

.custom-select .options li:hover {
  background: #f0f0f0;
}

/*----------------------------------------*/
/*  7.15 Login Css
/*----------------------------------------*/
.tp-login-wrapper {
  padding: 50px 74px 70px;
  background: var(--tp-common-white);
  box-shadow: 0px 30px 60px rgba(3, 4, 28, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-login-wrapper {
    padding: 50px 50px 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-login-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-login-area {
    padding-top: 130px !important;
  }
}
.tp-login-title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 4px;
}
.tp-login-top p {
  font-size: 16px;
  font-weight: 400;
  color: #49535B;
}
.tp-login-top p a {
  position: relative;
  display: inline-block;
  color: var(--tp-common-black);
}
.tp-login-top p a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-top p a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-login-option-item {
  margin-bottom: 10px;
}
.tp-login-option-item:not(:last-child) {
  margin-right: 10px;
}
.tp-login-option-item a {
  font-size: 16px;
  color: #041226;
  width: 98px;
  height: 56px;
  line-height: 54px;
  text-align: center;
  border-radius: 8px;
  display: inline-block;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(198, 198, 198, 0.4);
}
.tp-login-option-item a:hover {
  border-color: rgba(77, 61, 48, 0.2);
}
.tp-login-option-item a img {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-login-option-item a img.apple {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}
.tp-login-option-item.has-google a {
  width: 220px;
}
.tp-login-option-item.has-google a img {
  margin-right: 7px;
}
.tp-login-mail {
  position: relative;
  z-index: 1;
}
.tp-login-mail::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 12px;
  width: 100%;
  height: 1px;
  z-index: -1;
  transition: 0.3s;
  background-color: #C6C6C6;
}
.tp-login-mail p {
  font-size: 15px;
  color: #55585B;
  margin-bottom: 0;
  padding: 0 20px;
  position: relative;
  display: inline-block;
  background-color: #fff;
}
.tp-login-mail p a {
  color: var(--tp-common-black);
}
.tp-login-mail p a:hover {
  color: var(--tp-common-black);
}
.tp-login-input input {
  font-size: 14px;
  border: 1px solid transparent;
  color: var(--tp-common-black);
  background-color: transparent;
  border: 1px solid #EAEAEF;
  border-radius: 6px;
}
.tp-login-input input:focus {
  border-color: var(--tp-common-black);
}
.tp-login-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #84848B;
}
.tp-login-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #84848B;
}
.tp-login-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #84848B;
}
.tp-login-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #84848B;
}
.tp-login-input input::placeholder {
  /* MODERN BROWSER */
  color: #84848B;
}
.tp-login-input-wrapper {
  margin-bottom: 20px;
}
.tp-login-input-box {
  position: relative;
}
.tp-login-input-box:not(:last-child) {
  margin-bottom: 15px;
}
.tp-login-input-title label {
  font-size: 16px;
  padding: 0 5px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--tp-common-black);
}
.tp-login-input-eye {
  position: absolute;
  right: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-login-input-eye:hover {
  cursor: pointer;
}
.tp-login-input-eye:hover span {
  color: var(--tp-common-black);
}
.tp-login-input-eye .open-eye {
  display: none;
}
.tp-login-input-eye span {
  transition: 0.3s;
}
.tp-login-remeber input {
  display: none;
}
.tp-login-remeber input:checked ~ label::after {
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.tp-login-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-login-remeber label {
  font-size: 15px;
  position: relative;
  padding-left: 26px;
  z-index: 1;
  color: var(--tp-common-black);
}
.tp-login-remeber label:hover {
  cursor: pointer;
}
.tp-login-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  transition: 0.3s;
  border-radius: 4px;
}
.tp-login-remeber label::before {
  position: absolute;
  content: url("../img/login/check.svg");
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-login-remeber label a:hover {
  color: var(--tp-theme-primary);
}
.tp-login-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-common-black);
  position: relative;
  display: inline-block;
}
.tp-login-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-login-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 14px 30px;
  text-align: center;
  border-radius: 8px;
  display: inline-block;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.tp-login-btn:hover {
  color: var(--tp-common-black);
  background-color: transparent;
}

/*----------------------------------------*/
/*  7.9 dark css
/*----------------------------------------*/
.cunnet-dark body {
  background-color: #0E0F11;
}
.cunnet-dark .tp-main-menu nav ul li a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-main-menu nav ul li a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-main-menu nav ul li:hover.has-dropdown > a {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-main-menu nav ul li .submenu {
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.cunnet-dark .tp-main-menu nav ul li .submenu li a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-main-menu nav ul li .submenu li:hover > a {
  background: #343434;
  color: var(--tp-common-white) !important;
}
.cunnet-dark .tp-header-search-btn {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-header-search-btn:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-header-sidebar-btn span {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-search-form-toggle {
  background: rgba(38, 37, 40, 0.9);
}
.cunnet-dark .tp-search-close {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-search-form-icon {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-search-form-icon:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-search-form-input input {
  color: var(--tp-common-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .tp-search-form-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-search-form-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-search-form-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-search-form-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-search-form-input input::placeholder {
  /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-search-form-input input ~ .tp-search-focus-border {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas {
  background: #1C1D20;
}
.cunnet-dark .tp-offcanvas .logo-1 {
  display: none;
}
.cunnet-dark .tp-offcanvas .logo-2 {
  display: block !important;
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-close-btn {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-menu ul li > a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-menu ul li.active > a {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-menu .tp-submenu li a:hover {
  background-color: #2c2b2e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-menu-close i {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-megamenu-wrapper.megamenu-black-bg {
  backdrop-filter: initial;
  background: transparent;
  box-shadow: none;
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-title.sm {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-contact ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-contact ul li a:hover {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-contact ul li a::after {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-social ul li a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-social ul li a:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-content p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-offcanvas .tp-offcanvas-close-btn button {
  color: white;
}
.cunnet-dark .tp-header-logo .logo-1 {
  display: none;
}
.cunnet-dark .tp-header-logo .logo-2 {
  display: block;
}
.cunnet-dark .tp-hero-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-hero-dec {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-hero-social a {
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-hero-social a:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.cunnet-dark .tp-btn {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-btn-grey {
  background: #1a1b1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-section-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-about-border {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .tp-about-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-about-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-about-dec {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-section-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-service-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-btn-white-border {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-btn-border {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-footer-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-footer-dec {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-footer-email {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-footer-bigtext {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-footer-copyright {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-footer-copyright-social a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-footer-copyright-social a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .cursor-black-bg #ball {
  background-color: var(--tp-common-white) !important;
}
.cunnet-dark .tp-offcanvas-2-area .offcanvas-bg {
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.cunnet-dark .tp-offcanvas-2-wrapper .hamburger-close-btn {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li > a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li .submenu > li > a:hover {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li .tp-menu-close i {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-btn-border-black {
  border: 2px solid var(--tp-common-white);
  color: var(--tp-common-white);
  background: transparent;
}
.cunnet-dark .tp-header-sidebar-btn-bg {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-header-sidebar-btn-bg span {
  background: var(--tp-common-black);
}
.cunnet-dark .ca-hero-video {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .ca-hero-video video {
  filter: invert(1);
}
.cunnet-dark .ca-hero-service ul li a {
  color: var(--tp-common-white);
}
.cunnet-dark .ca-hero-title {
  color: var(--tp-common-white);
}
.cunnet-dark .ca-hero-dec p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .ca-hero-btn {
  background: #1a1b1e;
  color: var(--tp-common-white);
}
.cunnet-dark .ca-hero-title-wrap {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .ca-header-style {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .ca-section-title {
  color: var(--tp-common-white);
}
.cunnet-dark .ca-brand-slider-active::before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #0E0F11 100%);
}
.cunnet-dark .ca-brand-slider-active::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #0E0F11 100%);
}
.cunnet-dark .ca-brand-logo img {
  filter: invert(1);
}
.cunnet-dark .ca-portfolio-main-title {
  color: var(--tp-common-white);
}
.cunnet-dark .ca-portfolio-content {
  background: #1a1b1e;
}
.cunnet-dark .ca-portfolio-title {
  color: var(--tp-common-white);
}
.cunnet-dark .ca-team-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-faq-item {
  background: #1a1b1e;
}
.cunnet-dark .tp-faq-button {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-faq-body p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-faq-button::before, .cunnet-dark .tp-faq-button:after {
  border: 1px solid var(--tp-common-white);
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-faq-button.collapsed::before, .cunnet-dark .tp-faq-button.collapsed:after {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: transparent;
}
.cunnet-dark .tp-btn-red {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.cunnet-dark .ca-footer-btn {
  background: none;
  color: var(--tp-common-white);
}
.cunnet-dark .ca-footer-social-item ul li a {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .cs-brand-logo img {
  filter: invert(1);
}
.cunnet-dark .cs-section-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-awards-left span {
  color: var(--tp-common-white);
}
.cunnet-dark .right-item-animetion {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .mp-awards-right {
  color: var(--tp-common-white);
}
.cunnet-dark .cs-blog-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-hero-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-hero-bigtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-portfolio-tab ul {
  background: #1a1b1e;
}
.cunnet-dark .mp-portfolio-tab ul li a {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-portfolio-tab ul li a.active {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .mp-portfolio-slider-control {
  background: #0E0F11;
}
.cunnet-dark .mp-portfolio-control-new {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-portfolio-navigation span {
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--tp-common-white);
}
.cunnet-dark .mp-portfolio-navigation span:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .mp-portfolio-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-portfolio-tag {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-btn-group .tp-btn-circle {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-btn-group:hover > *:nth-child(2) {
  background: var(--tp-common-white);
}
.cunnet-dark .mp-blog-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-blog-date {
  color: var(--tp-common-white);
}
.cunnet-dark .mp-hero-awards img {
  filter: invert(1);
}
.cunnet-dark .mg-hero-awards img {
  filter: invert(0);
}
.cunnet-dark .mg-portfolio-dec {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .cs-portfolio-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mg-portfolio-content .cs-portfolio-tag ul li a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .mg-portfolio-content .cs-portfolio-tag ul li a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .mg-about-bigtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .mg-about-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mg-awards-title {
  color: var(--tp-common-white);
}
.cunnet-dark .mg-awards-title-sm {
  color: var(--tp-common-white);
}
.cunnet-dark .mg-awards-item-wrap .mp-awards-left .count {
  color: var(--tp-common-white);
}
.cunnet-dark .mg-footer-main-style .tp-hero-social a {
  color: var(--tp-common-black);
}
.cunnet-dark .mg-footer-main-style .tp-hero-social a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.cunnet-dark .mg-footer-bigtext-wrap {
  background: #1e1e1e;
}
.cunnet-dark .pp-btn-nobg {
  background: transparent;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-btn-border-white {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}
.cunnet-dark .pp-about-title {
  color: var(--tp-common-white);
}
.cunnet-dark .pp-about-title span {
  background: var(--tp-common-white);
}
.cunnet-dark .pp-about-dec {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-btn-group-transparent .tp-btn {
  background: #0E0F11;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-btn-group-transparent .tp-btn-circle {
  background-color: #0E0F11;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .tp-btn-group-transparent:hover > *:nth-child(2) {
  background: #0E0F11;
}
.cunnet-dark .pp-team-subtitle-black span {
  color: var(--tp-common-white);
}
.cunnet-dark .ca-team-title {
  color: var(--tp-common-white);
}
.cunnet-dark .pp-team-style .ca-team-content span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .pp-service-list ul li a {
  color: var(--tp-common-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .pp-service-list ul li a span {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .pp-about-awards {
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .shop-header-cart-btn {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area {
  background: var(--tp-common-black);
}
.cunnet-dark .cartmini__area .cartmini__top-title h4 {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__top-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cunnet-dark .cartmini__area .cartmini__shipping p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .cartmini__area .progress {
  --bs-progress-bg: #1A1B1E;
}
.cunnet-dark .cartmini__area .cartmini__title {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__title a:hover {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__price {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__quantity {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__widget-item {
  border-color: rgba(255, 255, 255, 0.06);
}
.cunnet-dark .cartmini__area .cartmini__checkout {
  border-color: rgba(255, 255, 255, 0.06);
}
.cunnet-dark .cartmini__area .cartmini__shipping {
  border-color: rgba(255, 255, 255, 0.06);
}
.cunnet-dark .cartmini__area .cartmini__del {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__del:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .cartmini__area .shop-btn {
  background: var(--tp-common-bubbles);
  color: var(--tp-common-black);
}
.cunnet-dark .cartmini__area .cartmini__checkout-title h4 {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__checkout-title span {
  color: var(--tp-common-white);
}
.cunnet-dark .cartmini__area .cartmini__close-btn {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-header-top-menu-item ul {
  background: #1e1e1e;
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.cunnet-dark .shop-header-top-menu-item ul li a {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-header-top-menu-item ul li a:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .shop-service-title {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-service-icon {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-service-dec {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .shop-service-content .tp-btn {
  background: none;
  color: var(--tp-common-white);
}
.cunnet-dark .shop-product-title {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-product-cetagory {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .shop-product-new-price {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-product-bigtext {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-testimonial-comment {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-testimonial-name {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .shop-testimonial-brand-name b {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-testimonial-brand-name span {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-testimonial-navigation span {
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
}
.cunnet-dark .shop-testimonial-navigation span:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .shop-payment-icon {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-payment-title {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-payment-content p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .shop-payment-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .shop-footer-title {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-footer-widget ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .shop-footer-bigtext {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-footer-copyright {
  color: var(--tp-common-white);
}
.cunnet-dark .shop-footer-widget-1 {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .shop-footer-widget-2 {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .shop-footer-widget-4 {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .shop-footer-copyright-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .pp-header-top-content {
  color: var(--tp-common-white);
}
.cunnet-dark .pp-header-white .pp-header-top {
  border-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .pp-header-white .pp-main-menu nav ul li a {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .pp-header-white .pp-main-menu nav ul li a:hover {
  color: var(--tp-common-white);
}
.cunnet-dark .pp-header-white .pp-header-social a {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .about-me-resume-maintitle {
  color: var(--tp-common-white);
}
.cunnet-dark .about-me-resume-date span {
  color: var(--tp-common-white);
}
.cunnet-dark .about-me-resume-title {
  color: var(--tp-common-white);
}
.cunnet-dark .about-me-resume-location {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .about-me-resume-dec p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .about-me-resume-item {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-skill-item {
  background: #1e1e1e;
}
.cunnet-dark .tp-skill-text {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-testimonial-text-title {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .about-us-title {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-title {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-text p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-quote-box {
  background: #1e1e1e;
}
.cunnet-dark .postbox-details-quote p {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-quote span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-quote-box i {
  filter: invert(1);
}
.cunnet-dark .postbox-details-list ul li {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-list ul li::before {
  background-color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-list ul li span {
  color: rgba(255, 255, 255, 0.4);
}
.cunnet-dark .postbox-details-code {
  background: #1e1e1e;
}
.cunnet-dark .postbox-details-code pre {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-blog-sidebar-tagcloud span {
  color: var(--tp-common-white);
}
.cunnet-dark .tagcloud a {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tagcloud a:hover {
  background: var(--tp-theme-primary);
}
.cunnet-dark .postbox-details-social a {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-social a:hover {
  background: var(--tp-theme-primary);
}
.cunnet-dark .postbox-details-navigation i {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-navigation i:hover {
  background: var(--tp-theme-primary);
}
.cunnet-dark .postbox-details-navigation span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-navigation-title {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-navigation-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .sidebar-widget-author {
  background: #1e1e1e;
}
.cunnet-dark .sidebar-widget-author-content span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .sidebar-widget-author-name {
  color: var(--tp-common-white);
}
.cunnet-dark .sidebar-widget-author-content p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .sidebar-widget-author-social a span {
  color: var(--tp-common-white);
}
.cunnet-dark .sidebar-widget-author-social a span:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .postbox__comment-title {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox__comment-name h5 {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox__comment-text p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox__comment-name span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox__comment-reply a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .postbox-details-form {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .postbox-details-form-title {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-form p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-input label {
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-input input, .cunnet-dark .postbox-details-input textarea {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .postbox-details-remeber label {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-details-remeber label::before {
  filter: invert(0);
}
.cunnet-dark .postbox-details-remeber label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .sidebar-search input {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .sidebar-widget-title {
  color: var(--tp-common-white);
}
.cunnet-dark .sidebar-widget-category ul li a {
  background: #1e1e1e;
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .sidebar-widget-category ul li a:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .rc-post-category a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .rc-post-title {
  color: var(--tp-common-white);
}
.cunnet-dark .rc-post-wrap .rc-post:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-pd-3-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-blog-tag a {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-blog-tag a:hover {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-blog-tag {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .basic-pagination ul li > a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-pd-2-categories span {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-breadcrumb-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-breadcrumb-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-date {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-dec {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-content p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-blog-list-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-blog-list-content p {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .postbox-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-cart-list thead {
  background-color: #1e1e1e;
}
.cunnet-dark .tp-cart-list thead th {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-title a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-title a:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-cart-price span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-list tr td {
  border-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-quantity .tp-cart-input[type=text] {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-quantity .tp-cart-plus, .cunnet-dark .tp-product-details-quantity .tp-cart-minus {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-quantity .tp-cart-plus:hover, .cunnet-dark .tp-product-details-quantity .tp-cart-minus:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-cart-coupon-input-box label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-coupon-input input {
  background: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-coupon-input input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-cart-coupon-input button {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-coupon-input button:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-update-btn {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-cart-checkout-wrapper {
  background: #1e1e1e;
}
.cunnet-dark .tp-cart-checkout-top span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-cart-checkout-shipping-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-shipping-option label {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-cart-checkout-shipping-option label span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-shipping-option label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-cart-checkout-shipping-option label::before {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-shipping-option input:checked + label::after {
  border-color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-total span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-total span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-btn {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-cart-checkout-btn:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.cunnet-dark .tp-cart-checkout-shipping {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-cart-coupon-input-box label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-verify-reveal {
  border: 1px dashed rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-verify-reveal button {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-verify-reveal button::after {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-return-customer {
  background: #1e1e1e;
}
.cunnet-dark .tp-return-customer-input label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-return-customer-input input, .cunnet-dark .tp-return-customer-input textarea {
  color: var(--tp-common-white);
  background: #0E0F11;
}
.cunnet-dark .tp-return-customer-input input::placeholder, .cunnet-dark .tp-return-customer-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-checkout-btn {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-btn:hover {
  border-color: rgba(255, 255, 255, 0.08);
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-return-customer-forgot a::after {
  background-color: var(--tp-common-white);
  content: "";
}
.cunnet-dark .tp-return-customer-forgot a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-return-customer-remeber label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-return-customer-remeber label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-checkout-bill-area {
  background: #1e1e1e;
}
.cunnet-dark .tp-checkout-bill-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-input label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-input input, .cunnet-dark .tp-checkout-input textarea {
  color: var(--tp-common-white);
  background: #0E0F11;
}
.cunnet-dark .tp-checkout-input input:focus, .cunnet-dark .tp-checkout-input textarea:focus {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-checkout-input input::placeholder, .cunnet-dark .tp-checkout-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-checkout-input .tp-select {
  color: var(--tp-common-white);
  background: #0E0F11;
}
.cunnet-dark .tp-checkout-input .tp-select .current {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .nice-select .list {
  background: #0E0F11;
}
.cunnet-dark .nice-select .option:hover {
  background-color: #1e1e1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-option label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-option label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-checkout-place {
  background: #1e1e1e;
}
.cunnet-dark .tp-checkout-place-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-order-info-list ul li.tp-order-info-list-desc p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-order-info-list ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-order-info-list ul li.tp-order-info-list-header h4 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-order-info-list ul li span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-order-info-list ul li.tp-order-info-list-shipping span label span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-order-info-list ul li.tp-order-info-list-shipping span label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-payment-item label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-payment-item label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-checkout-payment-item label::before {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-payment-item label a::after {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-checkout-payment {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__btn .tp-btn-cart {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .profile__btn .tp-btn-cart:hover {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-wrapper {
  background: #1e1e1e;
}
.cunnet-dark .tp-login-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-top p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-login-input-title label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-input input {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-login-input input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-login-btn {
  color: var(--tp-common-black);
  border: 1px solid transparent;
  background: var(--tp-common-white);
}
.cunnet-dark .tp-login-btn:hover {
  color: var(--tp-common-white);
  background: var(--tp-common-black);
  border-color: var(--tp-common-white);
}
.cunnet-dark .tp-login-top p a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-option-item a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-login-option-item a img.apple {
  filter: invert(1);
}
.cunnet-dark .tp-login-mail::after {
  background-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-login-mail p {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.cunnet-dark .tp-login-mail p a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-remeber label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-remeber label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-login-input-eye span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-login-forgot a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-me-form {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-contact-me-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-me-form .tp-input {
  color: var(--tp-common-white);
  background: #1e1e1e;
}
.cunnet-dark .tp-contact-me-form .tp-input:focus {
  background: transparent;
}
.cunnet-dark .tp-contact-me-form .tp-input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-contact-me-category input ~ span {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-contact-me-category input ~ span:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-contact-me-category input:checked ~ span {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .inner-service-banner-scroll a, .cunnet-dark .inner-service-banner-scroll span {
  color: var(--tp-common-white);
}
.cunnet-dark .inner-service-banner-scroll a:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .inner-service-banner-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-contact-bg {
  background: #1e1e1e;
}
.cunnet-dark .tp-contact-author-content h6 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-author-content span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-contact-tel {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-tel:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-contact-mail {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-mail:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-contact-address h4 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-address a {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-contact-form-input label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-form-input input, .cunnet-dark .tp-contact-form-input textarea {
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-form-input input:focus, .cunnet-dark .tp-contact-form-input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.cunnet-dark .cn-contactform-support-text span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-contact-us-content {
  background: #1e1e1e;
}
.cunnet-dark .tp-contact-us-info-title {
  color: var(--tp-common-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-contact-us-info-details a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-subtitle::before {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-faq-subtitle span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-service-details-faq .tp-faq-item {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-login-top p a::after {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-login-forgot a::after {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-login-remeber input:checked ~ label::after {
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
}
.cunnet-dark .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link.active, .cunnet-dark .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.cunnet-dark .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-service-details-faq-two .tp-faq-button::before, .cunnet-dark .tp-service-details-faq-two .tp-faq-button:after {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-bg img {
  filter: invert(1);
}
.cunnet-dark .tp-portfolio-inner-tab-style-4 .tp-portfolio-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-portfolio-inner-tab-style-4 .tp-portfolio-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-shape {
  filter: invert(1);
}
.cunnet-dark .tp-breadcrumb-list ul li {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-breadcrumb-list ul li:not(:last-child)::before {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-bottom-item {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-pd-2-bottom-item span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-bottom-item h6 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-overview-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-overview-wrap p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-pd-2-overview-wrap ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-pd-2-overview-wrap ul li {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-dot .swiper-pagination-bullet {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-step-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-step-item-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-pd-2-step-item span {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-pd-2-np-content a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-pd-2-np-content a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-pd-3-style .tp-pd-2-bottom-item {
  border-top: none;
}
.cunnet-dark .tp-portfoliom-m-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-toggler-pre, .cunnet-dark .tp-toggler-post {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-switch-toggle {
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
}
.cunnet-dark .tp-toggle-input-wrap {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .ds-price-item {
  background: #1e1e1e;
}
.cunnet-dark .ds-price-item-head span {
  color: var(--tp-common-white);
}
.cunnet-dark .ds-price-item-head p {
  color: var(--tp-common-white);
}
.cunnet-dark .ds-price-item-head h4 {
  color: var(--tp-common-white);
}
.cunnet-dark .ds-price-item-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .ds-price-item-list ul li {
  color: var(--tp-common-white);
}
.cunnet-dark .inner-service-2-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-funfact-content-dec p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-funfact-numbar {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-funfact-item::before {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-funfact-info span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-funfact-info-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-funfact-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-service-details-hero-subtitle span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-service-details-hero-subtitle span::before {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-service-details-hero-title h2 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-process-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-process-dec {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-process-count {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.cunnet-dark .tp-process-border svg {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-process-bottom-para {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-service-details-dec {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-service-details-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-service-details-content ul li p {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-service-details-content ul li i {
  color: var(--tp-common-white);
}
.cunnet-dark .ds-price-item-list-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-top-select .tp-select {
  background-color: var(--tp-common-black);
  border: solid 1px rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-top-select .tp-select .current {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-top-select .tp-select:after {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-top-select .tp-select .option {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-price {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-category span {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-stock span {
  background-color: #1a1b1e;
}
.cunnet-dark .tp-product-details-sort-desc p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-price.new-price {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-price.old-price {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-product-details-variation-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-variation-list button .tp-color-variation-tootltip {
  background-color: #1a1b1e;
}
.cunnet-dark .tp-product-details-variation-list button .tp-color-variation-tootltip::before {
  background-color: #1a1b1e;
}
.cunnet-dark .tp-product-details-action-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-quantity .tp-cart-input[type=text] {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-quantity .tp-cart-plus, .cunnet-dark .tp-product-details-quantity .tp-cart-minus {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-add-to-cart-btn {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-add-to-cart-btn:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-product-details-buy-now-btn {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-buy-now-btn:hover {
  background-color: var(--tp-theme-secondary);
  border-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-action-sm-btn {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-action-sm-btn:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-product-details-action-sm-btn i, .cunnet-dark .tp-product-details-action-sm-btn svg {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-query-item > span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-query-item p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-action-sm {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cunnet-dark .tp-product-details-social span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-social a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--tp-common-black);
}
.cunnet-dark .tp-product-details-social a:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-product-details-msg ul li {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-msg ul li::after {
  filter: invert(1);
}
.cunnet-dark .tp-product-details-payment {
  background: #1a1b1e;
}
.cunnet-dark .tp-product-details-payment p {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-quantity .tp-cart-plus:hover, .cunnet-dark .tp-product-details-quantity .tp-cart-minus:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-product-details-tab-nav .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-product-details-tab-nav .nav-tabs .nav-link.active, .cunnet-dark .tp-product-details-tab-nav .nav-tabs .nav-link:hover {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-additional-info table tr td:first-child {
  background-color: #1a1b1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-additional-info table tr:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-additional-info table {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-desc-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-desc-content p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-tab-nav .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-review-number {
  border: 1px solid transparent;
  background-color: #1a1b1e;
}
.cunnet-dark .tp-product-details-review-number-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-summery-value span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-summery-rating p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-avater-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-avater-meta {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-avater-comment p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-rating-percent span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-form-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-form > p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-form-rating p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-input-title label {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-input input, .cunnet-dark .tp-product-details-review-input textarea {
  border-color: transparent;
  background: #1a1b1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-input input::placeholder, .cunnet-dark .tp-product-details-review-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-input input:focus, .cunnet-dark .tp-product-details-review-input textarea:focus {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-remeber label {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-remeber label::before {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-remeber label::after {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-review-btn {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-review-btn:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-product-details-reviews span {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-sort-desc p span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-product-details-thumb-wrapper .nav-tab .nav-links.active {
  border: 1px solid var(--tp-theme-primary);
}
.cunnet-dark .tp-product-details-additional-info table tr td {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-product-details-review-rating-bar {
  background-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-shop-top-left p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-team-details-text-sub {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-text p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-team-details-more-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-more ul li span {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-team-details-more ul li {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-progress-title {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-team-details-progress-inner {
  background: #1a1b1e;
}
.cunnet-dark .tp-team-details-progress-counter {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-input-content input, .cunnet-dark .tp-team-details-input-content textarea {
  background: #1a1b1e;
  color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-input-content input:focus, .cunnet-dark .tp-team-details-input-content textarea:focus {
  background: transparent;
}
.cunnet-dark .tp-team-details-input-content input::placeholder, .cunnet-dark .tp-team-details-input-content textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-team-details-input-btn button {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-input-btn button:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
  background: var(--tp-theme-primary);
}
.cunnet-dark .tp-team-details-info-contact a {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-team-details-info-contact a:hover {
  color: var(--tp-theme-primary);
}
.cunnet-dark .tp-team-details-info-contact a:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-team-details-info-contact {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-team-details-info-social .tp-offcanvas-social a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .ca-team-item-2 .ca-team-content span {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-career-details-subtitle {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-details-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-details-info-item h5 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-details-title-2 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-details-wrap p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-career-details-list ul li {
  color: rgba(249, 244, 232, 0.9);
}
.cunnet-dark .tp-career-details-sidebar-box {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1b1b1d;
}
.cunnet-dark .tp-career-details-sidebar-heading span {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .tp-career-details-sidebar-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-details-sidebar-item-content h5 {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-application-subtitle {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-application-subtitle::before {
  background: var(--tp-common-white);
}
.cunnet-dark .tp-application-upload span {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-application-upload input {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-title .shape-1 {
  filter: invert(1);
}
.cunnet-dark .tp-benefit-item-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-benefit-item.tp-benefit-borber-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cunnet-dark .tp-benefit-item {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.cunnet-dark .tp-benefit-item-icon span {
  filter: invert(1);
}
.cunnet-dark .tp-career-opening-heading span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-career-opening-title-name {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-career-opening-role span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-career-opening-Type span {
  color: rgba(255, 255, 255, 0.6);
}
.cunnet-dark .tp-career-opening-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cunnet-dark .tp-career-opening-btn span {
  color: var(--tp-common-black);
}
.cunnet-dark .tp-main-menu nav ul li .tp-megamenu-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-main-menu nav ul li .tp-megamenu-title-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cunnet-dark .tp-error-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-error-wrapper img {
  filter: invert(1);
}
.cunnet-dark .tp-error-title-sm {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-error-content .tp-btn {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .tp-error-content .tp-btn:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  background-color: transparent;
}
.cunnet-dark .tp-megamenu-title {
  color: var(--tp-common-white);
}
.cunnet-dark .tp-megamenu-title-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-offcanvas-2-wrapper .tp-offcanvas-menu nav ul li .tp-megamenu li a:hover {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__tab nav .nav-tabs {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: transparent;
}
.cunnet-dark .profile__tab-content {
  background: #1e1e1e;
}
.cunnet-dark .profile__tab nav .nav-tabs .nav-link:not(:last-child) {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__tab nav .nav-tabs .nav-link.active {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__tab nav .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}
.cunnet-dark .profile__tab nav .nav-tabs .nav-link::after {
  background-color: var(--tp-common-white);
}
.cunnet-dark .profile__main-title {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__main-content p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .profile__main-content p span {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__main-thumb-edit label {
  color: var(--tp-common-white);
  background-color: #1e1e1e;
}
.cunnet-dark .profile__main-thumb-edit label:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.cunnet-dark .tp-logout-btn {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .tp-logout-btn:hover {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.cunnet-dark .profile__main-info-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__main-info-icon .profile-icon-count {
  border: 2px solid rgba(255, 255, 255, 0.08);
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  z-index: 2;
}
.cunnet-dark .profile__main-info-icon > span svg {
  filter: invert(1);
}
.cunnet-dark .profile__main-info-title {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__info-title {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__input input, .cunnet-dark .profile__input textarea {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__input input:focus, .cunnet-dark .profile__input textarea:focus {
  border-color: var(--tp-theme-primary);
}
.cunnet-dark .profile__input > span {
  filter: invert(1);
}
.cunnet-dark .profile__input .nice-select {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
}
.cunnet-dark .profile__input .nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.cunnet-dark .profile__input .nice-select::after {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__address-title {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__address-icon span {
  filter: invert(1);
}
.cunnet-dark .profile__address-content p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .profile__address-content p span {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__ticket table th {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__ticket table tbody > tr:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__ticket {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__ticket table thead tr {
  border-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__ticket .table > :not(:first-child) {
  border-color: rgba(255, 255, 255, 0.08);
}
.cunnet-dark .profile__ticket table tbody > tr th[scope=row] {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__ticket table tbody > tr td, .cunnet-dark .profile__ticket table tbody > tr th {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .profile__ticket table tbody > tr td[data-info="status done"] {
  color: #08AF5C;
}
.cunnet-dark .profile__ticket table tbody > tr td[data-info="status pending"] {
  color: #6364DB;
}
.cunnet-dark .profile__ticket table tbody > tr td[data-info="status reply"] {
  color: #D93D1E;
}
.cunnet-dark .profile__ticket table tbody > tr td[data-info="status hold"] {
  color: #FFB422;
}
.cunnet-dark .profile__notification-title {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__notification p {
  color: rgba(255, 255, 255, 0.8);
}
.cunnet-dark .profile__notification-item .form-check-input:checked {
  background-color: #0E0F11;
}
.cunnet-dark .profile__notification-item .form-check-label {
  color: var(--tp-common-white);
}
.cunnet-dark .profile__password input {
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--tp-common-white);
}
.cunnet-dark .profile__password input:focus {
  border-color: var(--tp-theme-primary);
}
.cunnet-dark .tp-profile-input-title label {
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.5 Career Css
/*----------------------------------------*/
.tp-career-title {
  font-size: 120px;
  line-height: 1;
  color: var(--tp-common-black);
  letter-spacing: -4.8px;
  font-family: var(--tp-ff-sequel-semi-bold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-career-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-career-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-career-title {
    font-size: 70px;
    letter-spacing: -1.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-title {
    font-size: 52px;
    letter-spacing: -1.8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-title br {
    display: none;
  }
}
.tp-career-shape-1 {
  position: absolute;
  top: 37%;
  right: 22%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-shape-1 {
    display: none;
  }
}
.tp-career-btn {
  position: absolute;
  bottom: 70px;
  right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-career-btn {
    right: 50px;
    bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-btn {
    position: static;
    padding-left: 0;
    margin-top: 40px;
  }
}
.tp-career-opening-item {
  border-bottom: 1px solid rgba(17, 16, 19, 0.08);
}
.tp-career-opening-item.ptb {
  padding-top: 40px;
  padding-bottom: 40px;
}
.tp-career-opening-heading {
  padding-bottom: 20px;
}
.tp-career-opening-heading span {
  display: inline-block;
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.tp-career-opening-title-name {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-common-black);
  letter-spacing: -0.3px;
  font-family: var(--tp-ff-inter);
}
.tp-career-opening-role span {
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  letter-spacing: -0.18px;
}
.tp-career-opening-type span {
  font-size: 18px;
  color: var(--tp-common-black);
  font-weight: 400;
  display: inline-block;
  letter-spacing: -0.18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-slider-ptb {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-ptb {
    padding-top: 100px;
  }
}
.tp-career-details-wrapper {
  padding-right: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-career-details-wrapper {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-wrapper {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-top {
    padding-bottom: 50px;
  }
}
.tp-career-details-subtitle {
  position: relative;
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 400;
  padding-left: 12px;
  display: inline-block;
  margin-bottom: 10px;
  letter-spacing: -0.18px;
  text-transform: uppercase;
}
.tp-career-details-subtitle::before {
  position: absolute;
  content: "";
  top: 8px;
  left: -5px;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  background: #FF5722;
}
.tp-career-details-title {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  color: var(--tp-common-black);
  margin-bottom: 30px;
  letter-spacing: -2.4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-title {
    font-size: 60px;
  }
}
.tp-career-details-title-2 {
  color: var(--tp-common-black);
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: -0.68px;
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-info {
    flex-wrap: wrap;
  }
}
.tp-career-details-info-item:not(:last-of-type) {
  margin-right: 50px;
}
.tp-career-details-info-item span {
  font-size: 14px;
  font-weight: 400;
  color: #6B6C74;
  display: inline-block;
  margin-bottom: 5px;
}
.tp-career-details-info-item h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  letter-spacing: -0.16px;
}
.tp-career-details-wrap p {
  font-size: 16px;
  color: var(--tp-common-black);
  line-height: 26px;
}
@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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-wrap p br {
    display: none;
  }
}
.tp-career-details-list ul {
  display: inline-block;
  padding-left: 30px;
}
.tp-career-details-list ul li {
  font-size: 16px;
  line-height: 1.2;
  color: var(--tp-common-black);
  margin-bottom: 20px;
}
.tp-career-details-sidebar-box {
  border-radius: 20px;
  border: 1px solid #F2F2F5;
  background: #F8F8FB;
  padding: 50px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-sidebar-box {
    padding: 50px 25px;
  }
}
.tp-career-details-sidebar-title {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
  color: var(--tp-common-black);
  letter-spacing: -0.52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-sidebar-title {
    font-size: 24px;
  }
}
.tp-career-details-sidebar-heading {
  margin-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: 574.98px) {
  .tp-career-details-sidebar-heading {
    margin-bottom: 40px;
  }
}
.tp-career-details-sidebar-heading span {
  font-size: 16px;
  font-weight: 400;
  color: #6B6C74;
  margin-bottom: 10px;
  display: inline-block;
}
.tp-career-details-sidebar-thumb img {
  width: 100%;
}
.tp-career-details-sidebar-item {
  margin-bottom: 30px;
}
.tp-career-details-sidebar-item-icon {
  margin-right: 12px;
}
.tp-career-details-sidebar-item-icon span {
  display: grid;
  height: 50px;
  width: 50px;
  place-content: center;
  border-radius: 50%;
  background: var(--tp-common-white);
  border: 1px solid rgba(17, 16, 19, 0.1);
}
.tp-career-details-sidebar-item-content span {
  font-size: 15px;
  font-weight: 400;
  color: #6B6C74;
  display: inline-block;
}
.tp-career-details-sidebar-item-content h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-common-black);
  letter-spacing: -0.36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-career-details-sidebar-item-content h5 {
    font-size: 16px;
  }
}
.tp-career-details-sidebar-btn a {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding: 17px 30px;
  border-radius: 200px;
  display: inline-block;
  letter-spacing: -0.2px;
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 574.98px) {
  .tp-career-details-sidebar-btn a {
    font-size: 17px;
    padding: 14px 27px;
  }
}
.tp-career-details-sidebar-btn a:hover {
  background-color: var(--tp-common-black);
}

.tp-application-subtitle {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  line-height: 1;
  position: relative;
  display: inline-block;
  border: 1px solid rgba(1, 1, 3, 0.1);
  border-radius: 20px;
  padding: 10px 22px;
  padding-left: 40px;
}
.tp-application-subtitle::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #010103;
  border-radius: 40px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.tp-application-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-application-form-wrap {
    margin-left: 0;
  }
}
.tp-application-form-wrap .tp-contact-form-input textarea {
  height: 133px;
}
@media (max-width: 574.98px) {
  .tp-application-form-btn {
    flex-wrap: wrap;
  }
}
.tp-application-upload span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  display: block;
  margin-bottom: 10px;
}
.tp-application-btn a {
  border-radius: 0;
  text-transform: uppercase;
}

.st-hero-btn {
  margin-bottom: 35px;
}
.st-hero-btn a {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  text-align: center;
  display: grid;
  place-content: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-border-1);
}
.st-hero-btn a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.st-hero-btn a:hover .st-hero-btn-text {
  color: var(--tp-common-white);
}
.st-hero-btn-text {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: block;
  margin-bottom: 5px;
  color: var(--tp-common-black);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.st-hero-btn-icon {
  display: block;
  margin-left: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-benefit-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-benefit-heading {
    margin-bottom: 50px;
  }
}
.tp-benefit-box .row [class*=col]:nth-child(4n) .tp-benefit-item {
  border-right: none;
}
.tp-benefit-item {
  padding: 40px;
  border-right: 1px solid #F1F1F4;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-benefit-item {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-benefit-item {
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid #f1f1f4 !important;
  }
}
.tp-benefit-item.tp-benefit-borber-bottom {
  border-bottom: 1px solid #F1F1F4;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-benefit-item.tp-benefit-borber-bottom {
    border: none;
  }
}
.tp-benefit-item-icon {
  height: 74px;
}
.tp-benefit-item-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-common-black);
  letter-spacing: -0.4px;
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-benefit-item-title {
    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: 574.98px) {
  .tp-benefit-item-title br {
    display: none;
  }
}

.ar-banner-wrap {
  height: 820px;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ar-banner-wrap {
    height: 720px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ar-banner-wrap {
    height: 580px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ar-banner-wrap {
    height: 470px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ar-banner-wrap {
    height: 370px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ar-banner-wrap {
    height: 250px;
  }
}
.ar-banner-wrap img {
  margin-top: -150px;
}
@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) {
  .ar-banner-wrap img {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ar-banner-wrap img {
    margin-top: -20px;
  }
}

/*----------------------------------------*/
/*  7.10 error css
/*----------------------------------------*/
.tp-error-title {
  font-weight: 700;
  font-size: 64px;
  margin-bottom: 50px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.tp-error-title-sm {
  font-weight: 600;
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-inter);
}
.tp-error-content p {
  font-weight: 400;
  font-size: 18px;
  color: #57575a;
  margin-bottom: 30px;
}
.tp-error-content .tp-btn {
  height: 60px;
  line-height: 55px;
  border-radius: 40px;
  padding: 0 18px 0 24px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03em;
  z-index: 9;
  overflow: hidden;
  display: inline-block;
  text-transform: capitalize;
  position: relative;
  transition: all 0.3s;
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  border: 2px solid transparent;
}
.tp-error-content .tp-btn:hover {
  background-color: transparent;
  color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-error-wrapper img {
  margin-bottom: 55px;
}

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