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

    Template Name: Nixer - Creative Agency & Portfolio HTML Template
    Author: Theme_Pure
    Support: basictheme400@gmail.com
    Description: Nixer - Creative Agency & Portfolio HTML Template
    Version: 1.0

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

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

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

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Buttons
		2.3 Animations
		2.4 Preloader
		2.5 Pagination
		2.6 Offcanvas
		2.7 Breadcrumb
		2.8 Section Title
		2.9 Custom Select
		3.0 Slider css
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Header Style 2
		3.3 Header Style 3
		3.4 Header Style 4
		3.5 Header Style 5
		3.6 Header Style 6

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Mobilemenu css

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

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
		6.2 Footer Style 2
		6.3 Footer Style 3
		6.4 Footer Style 4

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Hero Css
		7.2 About Css
		7.3 Brand Css
		7.4 Service Css
		7.5 Counter Css
		7.6 Cta Css
		7.7 Portfolio Css
		7.8 Faq Css
		7.9 Video Css
		8.0 Testimonial Css
		8.1 Team Css
		8.2 Experiance Css
		8.3 Awerd Css
		8.4 Contact Css
		8.5 Funfact Css
		8.6 Practice Css
		8.7 Login Css
		8.8 Shop Css
		8.9 Error Css


**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&family=Syne:wght@400..800&family=Unbounded:wght@200..900&family=Big+Shoulders+Display:wght@100..900&display=swap");
.tp-offcanvas-2-left, .tp-offcanvas-2-right, .tp-offcanvas-2-close, .tp-offcanvas-2-close-btn .text, .tp-offcanvas-2-close-btn .text span, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.tp-practice-item-btn a span, .tp-hero-5-btn a span {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.tp-portfolio-6-text a span, .tp-hero-4-subtitle img, .tp-pagination ul li a svg, .tp-pagination ul li span svg, .tp-btn span svg, .tp-btn-2 span {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* transform */
:root {
  /**
  @font family declaration
  */
  /*--tp-ff-heading: 'Syne', sans-serif;
  --tp-ff-heading-2: 'Marcellus', serif;
  --tp-ff-heading-3: 'Plus Jakarta Sans', sans-serif;
  --tp-ff-heading-4: 'Prata', serif;
  --tp-ff-heading-5: 'Poppins', sans-serif;
  --tp-ff-menu-f: 'Big Shoulders Display', serif;
  --tp-ff-body: 'Syne', sans-serif;
  --tp-ff-p: 'Syne', sans-serif;*/
  --tp-ff-heading: 'Geographbold', 'Syne', sans-serif;
  --tp-ff-heading-2: 'Geographbold', 'Marcellus', serif;
  --tp-ff-heading-3: 'Geographbold', 'Plus Jakarta Sans', sans-serif;
  --tp-ff-heading-4: 'Geographbold', 'Prata', serif;
  --tp-ff-heading-5: 'Geographbold', 'Poppins', sans-serif;
  --tp-ff-menu-f: 'Geographregular', 'Big Shoulders Display', serif;
  --tp-ff-body: 'Geographregular', 'Syne', sans-serif;
  --tp-ff-p: 'Geographregular', 'Syne', sans-serif;
  --tp-ff-others: 'Unbounded', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-black-1: #19191A;
  --tp-common-black-2: #03041C;
  --tp-common-gray: #F0F4FD;
  --tp-theme-primary: #121212;
  --tp-theme-secondary: #F5F7F5;
  --tp-theme-5: #E8BF96;
  --tp-heading-primary: #121212;
  --tp-heading-secondary: #F5F7F5;
  --tp-text-body: #828282;
  --tp-text-1: #01103D;
  --tp-text-2: #5D5D63;
  --tp-text-3: #171717;
  --tp-border-primary: #FEF3DF;
  --tp-border-secondary: #F0F2F4;
}

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

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

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all color ease-out;
  -o-transition: all color ease-out;
  transition: all color ease-out;
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
}

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: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0px;
  color: var(--tp-text-body);
  font-family: var(--tp-ff-p);
}

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

b, strong {font-family: 'Geographbold'; font-weight: normal;}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 16px;
  font-weight: 400;
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #E0E2E3;
}
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: #787878;
}
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: #787878;
}
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: #787878;
}
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: #787878;
}
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: #787878;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-theme-primary);
}
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.2 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.grid__item-img {
  display: block;
  height: 500px;
  width: 500px;
}

.hide {
  display: none;
}

@media (min-width: 1400px) {
  .container-1800 {
    max-width: 1830px;
  }
}
@media (min-width: 1400px) {
  .container-1760 {
    max-width: 1790px;
  }
}
@media (min-width: 1400px) {
  .container-1720 {
    max-width: 1750px;
  }
}
@media (min-width: 1400px) {
  .container-1520 {
    max-width: 1550px;
  }
}
@media (min-width: 1400px) {
  .container-1430 {
    max-width: 1460px;
  }
}
@media (min-width: 1400px) {
  .container-1380 {
    max-width: 1410px;
  }
}
@media (min-width: 1400px) {
  .container-1480 {
    max-width: 1510px;
  }
}
@media (min-width: 1400px) {
  .container-1660 {
    max-width: 1690px;
  }
}
@media (min-width: 1400px) {
  .container-1610 {
    max-width: 1640px;
  }
}
@media (min-width: 1400px) {
  .container-1170 {
    max-width: 1200px;
  }
}
.demo {
  -webkit-transition: linear color 0.3s;
  -o-transition: linear color 0.3s;
  transition: linear color 0.3s;
  -webkit-transition: color 0.3s linear, transform 0.2s ease;
  -moz-transition: color 0.3s linear, transform 0.2s ease;
  -ms-transition: color 0.3s linear, transform 0.2s ease;
  -o-transition: color 0.3s linear, transform 0.2s ease;
  transition: color 0.3s linear, transform 0.2s ease;
}
[dir=rtl] .demo {
  margin-left: 0;
  margin-right: 15px;
}
div.demo img {
  margin-left: 10px;
}

.position-middle {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.video-animation {
  position: relative;
  z-index: 2;
}
.video-animation::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  z-index: -1;
  transform: scale(1);
  border: 1px solid var(--tp-common-white);
  animation: video-border 1.5s linear infinite;
  border-radius: 50%;
}

/* gutter for x axis */
.tp-gx-5 {
  --bs-gutter-x: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-5 {
    --bs-gutter-x: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-5 {
    --bs-gutter-x: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-5 {
    --bs-gutter-x: 5px;
  }
}
@media (max-width: 767px) {
  .tp-gx-5 {
    --bs-gutter-x: 5px;
  }
}
.tp-gx-5 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.tp-gx-10 {
  --bs-gutter-x: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-10 {
    --bs-gutter-x: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-10 {
    --bs-gutter-x: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-10 {
    --bs-gutter-x: 5px;
  }
}
@media (max-width: 767px) {
  .tp-gx-10 {
    --bs-gutter-x: 5px;
  }
}
.tp-gx-10 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.tp-gx-15 {
  --bs-gutter-x: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-15 {
    --bs-gutter-x: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-15 {
    --bs-gutter-x: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-15 {
    --bs-gutter-x: 5px;
  }
}
@media (max-width: 767px) {
  .tp-gx-15 {
    --bs-gutter-x: 5px;
  }
}
.tp-gx-15 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.tp-gx-20 {
  --bs-gutter-x: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-20 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-40 {
  --bs-gutter-x: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-40 {
    --bs-gutter-x: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-40 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .tp-gx-40 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-40 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-50 {
  --bs-gutter-x: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-gx-50 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-50 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-50 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-50 {
    --bs-gutter-x: 30px;
  }
}
@media (max-width: 767px) {
  .tp-gx-50 {
    --bs-gutter-x: 15px;
  }
}
.tp-gx-50 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-80 {
  --bs-gutter-x: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-gx-80 {
    --bs-gutter-x: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-80 {
    --bs-gutter-x: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-80 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-80 {
    --bs-gutter-x: 30px;
  }
}
@media (max-width: 767px) {
  .tp-gx-80 {
    --bs-gutter-x: 15px;
  }
}
.tp-gx-80 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.textline {
  position: relative;
}
.textline::after {
  position: absolute;
  bottom: 8px;
  left: 0;
  content: "";
  height: 2px;
  width: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: var(--tp-theme-primary);
}
.textline:hover::after {
  width: 100%;
}

.tp-modal-box .modal {
  --bs-modal-width: 546px;
}

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

.tp-noice {
  position: relative;
  z-index: 1;
}
.tp-noice::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../img/team/team/team-details-bg.png);
}

.ajax-response.error {
  color: red;
}
.ajax-response.success {
  color: green;
}

.white {
  color: var(--tp-common-white) !important;
}

/*---------------------------------
1.3 Default Spacing
---------------------------------*/
.pt-280 {
  padding-top: 280px;
}

.pt-210 {
  padding-top: 210px;
}

.pt-325 {
  padding-top: 325px;
}

.pt-285 {
  padding-top: 285px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-300 {
  padding-bottom: 300px;
}

.pb-350 {
  padding-bottom: 350px;
}

/*----------------------------------------*/
/*  2.1 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: 767px) {
  .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;
  border-radius: 50%;
  background: var(--tp-theme-primary);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--tp-common-white);
  -webkit-transition: all all 0.3s;
  -o-transition: all all 0.3s;
  transition: all all 0.3s;
}
.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.2 Buttons
/*----------------------------------------*/
.tp-btn {
  position: relative;
  overflow: hidden;
  font-weight: 500;
  font-size: 20px;
  border-radius: 100px;
  display: inline-block;
  padding: 27px 66px 27px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  z-index: 1;
  background-color: transparent;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading);
  border: 1px solid var(--tp-heading-primary);
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-btn {
    padding: 20px 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn {
    padding: 16px 50px 16px;
  }
}
.tp-btn span svg {
  margin-left: 8px;
}
.tp-btn:hover {
  color: var(--tp-heading-primary);
}
.tp-btn:focus {
  color: var(--tp-heading-primary);
}
.tp-btn.button-style-1::before {
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  top: -200%;
  left: 50%;
  z-index: 1;
  border-radius: 50%;
  transition-duration: 800ms;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: var(--tp-theme-secondary);
  webkit-transition-duration: 800ms;
}
.tp-btn.button-style-1:hover::before {
  top: -40%;
}
.tp-btn.button-style-1:hover .tp-btn-border-wrap .text-1 {
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
}
.tp-btn.button-style-1:hover .tp-btn-border-wrap .text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}
.tp-btn.button-style-2::after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  z-index: -1;
  content: "";
  background-color: #121212;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.tp-btn.button-style-2:hover {
  color: var(--tp-heading-secondary);
}
.tp-btn.button-style-2:hover::after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.tp-btn-border-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
}
.tp-btn-border-wrap .text-1 {
  position: relative;
  display: block;
  color: var(--tp-theme-secondary);
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.tp-btn-border-wrap .text-2 {
  position: absolute;
  top: 30%;
  display: block;
  color: var(--tp-heading-primary);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.tp-btn-border-lg {
  font-size: 17px;
  font-weight: 600;
  padding: 7px 20px 8px;
  border-radius: 100px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-common-black-1);
  border: 1px solid rgba(25, 25, 26, 0.2);
}
.tp-btn-border-lg span {
  margin-left: 8px;
}
.tp-btn-border-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black-1);
}
.tp-btn-2 {
  font-size: 20px;
  font-weight: 500;
  border-radius: 40px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 27px 72px 27px;
  text-transform: capitalize;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .tp-btn-2 {
    padding: 20px 50px 20px;
  }
}
.tp-btn-2 span {
  margin-left: 5px;
  display: inline-block;
}
.tp-btn-2:hover {
  color: var(--tp-heading-primary);
  background-color: transparent;
  border-color: var(--tp-heading-primary);
}
.tp-btn-2:focus {
  color: var(--tp-common-white);
}
.tp-btn-animation {
  overflow: hidden;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  animation: scrollText 20s infinite linear;
  border-top: 1px solid rgba(18, 18, 18, 0.1);
  border-bottom: 1px solid rgba(18, 18, 18, 0.1);
}
.tp-btn-animation:hover {
  animation-play-state: paused;
}
.tp-btn-animation span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 0px;
  overflow: hidden;
  transition: all 0.3s;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
.tp-btn-animation span::before {
  content: "";
  top: 50%;
  left: 15px;
  width: 4px;
  height: 4px;
  margin: 0 15px;
  display: inline-block;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: var(--tp-heading-primary);
}
.tp-btn-5 {
  font-size: 16px;
  font-weight: 600;
  padding: 16px 27px;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading);
  background: var(--tp-theme-5);
}
.tp-btn-5:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-btn-5:focus {
  color: var(--tp-heading-primary);
}

/* hamburger btn */
.tp-hamburger-btn span {
  height: 2px;
  width: 50px;
  display: block;
  margin: 6px 0;
  background-color: var(--tp-common-white);
}
.tp-hamburger-btn:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.tp-hamburger-btn:hover span:nth-child(2) {
  animation-delay: 0.1s;
}

@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);
  }
}
/*----------------------------------------*/
/*  2.3 Animations
/*----------------------------------------*/
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.tp-rotate-infinite {
  -webkit-animation: rotate-infinite 15s linear infinite;
  animation: rotate-infinite 15s linear infinite;
}

.animation-rotation {
  -webkit-animation: rotation 3s infinite linear;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-ms-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes tpupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes tpleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
}
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@-webkit-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-moz-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-ms-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes border {
  0% {
    box-shadow: 60px -60px 0 2px #FF7029, -60px -60px 0 2px #FF7029, -60px 60px 0 2px #FF7029, 60px 60px 0 2px #FF7029, 0 0 0 2px #E94E3D;
  }
  25% {
    box-shadow: 0 -125px 0 2px #FF7029, -60px -60px 0 2px #FF7029, -60px 60px 0 2px #FF7029, 60px 60px 0 2px #FF7029, 0 0 0 2px #fff;
  }
  50% {
    box-shadow: 0 -125px 0 2px #FF7029, -125px 0px 0 2px #FF7029, -60px 60px 0 2px #FF7029, 60px 60px 0 2px #FF7029, 0 0 0 2px #fff;
  }
  75% {
    box-shadow: 0 -125px 0 2px #FF7029, -125px 0px 0 2px #FF7029, 0px 125px 0 2px #FF7029, 60px 60px 0 2px #FF7029, 0 0 0 2px #fff;
  }
  100% {
    box-shadow: 0 -125px 0 2px #FF7029, -125px 0px 0 2px #FF7029, 0px 125px 0 2px #FF7029, 120px 40px 0 2px #FF7029, 0 0 0 2px #fff;
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@-webkit-keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scrollText-2 {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/*----------------------------------------*/
/*  2.4 Preloader
/*----------------------------------------*/
.loader-mask {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 99999;
  background-color: #fff;
}

.loader {
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  font-size: 0;
  position: absolute;
  text-indent: -9999em;
  display: inline-block;
  margin: -25px 0 0 -25px;
  color: var(--tp-theme-primary);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader div {
  top: 0;
  left: 0;
  opacity: 0.5;
  float: none;
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-primary);
  -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
  animation: ballPulseDouble 2s ease-in-out infinite;
}

@-webkit-keyframes ballPulseDouble {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loader div:last-child {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@keyframes ballPulseDouble {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*----------------------------------------*/
/*  2.5 Pagination
/*----------------------------------------*/
.tp-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.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 {
  width: 44px;
  height: 44px;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  display: inline-block;
  border: 1px solid #EAEAEF;
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  box-shadow: 0px 1px 3px 0px rgba(3, 4, 28, 0.06);
}
.tp-pagination ul li a.next-page-number, .tp-pagination ul li a.prev-page-number, .tp-pagination ul li span.next-page-number, .tp-pagination ul li span.prev-page-number {
  width: 96px;
  font-weight: 700;
}
.tp-pagination ul li a.next-page-number svg, .tp-pagination ul li a.prev-page-number svg, .tp-pagination ul li span.next-page-number svg, .tp-pagination ul li span.prev-page-number svg {
  margin: 0 5px;
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
/*----------------------------------------*/
/*  2.6 Offcanvas
/*----------------------------------------*/
.offcanvas__area {
  position: fixed;
  right: 0;
  left: auto;
  width: 450px;
  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: #000 none repeat scroll 0 0;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__area::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
@media (max-width: 767px) {
  .offcanvas__area {
    width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .offcanvas__top {
    margin-bottom: 50px;
  }
}
.offcanvas__wrapper {
  min-height: 100%;
  padding: 40px 50px 40px 50px;
}
@media (max-width: 767px) {
  .offcanvas__wrapper {
    padding: 30px;
  }
}
.offcanvas__close-btn {
  position: absolute;
  display: inline-block;
  top: 40px;
  right: 40px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .offcanvas__close-btn {
    right: 30px;
    top: 40px;
  }
}
.offcanvas__close-btn svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  transition: all 0.3s ease-in-out;
}
.offcanvas__close-btn:hover svg {
  transform: rotate(45deg);
}
.offcanvas__contact {
  margin-bottom: 40px;
}
.offcanvas__contact p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}
.offcanvas__thumb {
  overflow: hidden;
}
.offcanvas__thumb:hover img {
  transform: scale(1.2);
}
.offcanvas__thumb img {
  width: 100%;
  transition: 1s ease-in-out;
}
.offcanvas__social {
  margin-bottom: 22px;
  padding-bottom: 40px;
}
.offcanvas__social-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: -0.88px;
  color: var(--tp-heading-secondary);
}
.offcanvas__social span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 33px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  color: var(--tp-common-white);
  border: 2px solid rgba(224, 227, 232, 0.2);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.offcanvas__social span:hover {
  color: var(--tp-theme-primary);
  background-color: var(--tp-heading-secondary);
  border-color: var(--tp-heading-secondary);
}
.offcanvas__title {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -0.68px;
  margin-bottom: 10px;
  color: var(--tp-common-white);
}

.tp-offcanvas-2-area {
  position: relative;
  z-index: 99999;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-left, .tp-offcanvas-2-area.opened .tp-offcanvas-2-right {
  visibility: visible;
  opacity: 1;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-wrapper {
  visibility: visible;
  opacity: 1;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-left, .tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-right {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-delay: 0s;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-menu {
  transition-delay: 0s;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-close {
  position: relative;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 0.9s;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-right-info, .tp-offcanvas-2-area.opened .tp-offcanvas-2-right-text {
  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.opened .tp-offcanvas-2-right-info {
  transition-delay: 0.7s;
}
.tp-offcanvas-2-area.opened .tp-offcanvas-2-right-text {
  transition-delay: 0.5s;
}
.tp-offcanvas-2-area .tp-offcanvas-menu {
  padding-top: 80px;
  padding-left: 90px;
  padding-right: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu {
    padding: 30px;
  }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul {
  margin-bottom: 10px;
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li {
  padding: 0;
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
  position: relative;
  padding: 23px 0;
  font-size: 60px;
  font-weight: 700;
  padding-left: 85px;
  line-height: 1;
  letter-spacing: -3.6px;
  color: rgba(33, 35, 41, 0.95);
  transition: 1s ease-in-out;
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a:hover {
  color: rgba(33, 35, 41, 0.95);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 45px;
    padding-left: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 35px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 30px;
    padding-left: 0;
    letter-spacing: 0;
  }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a::after {
  left: 30px;
  top: 35px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  position: absolute;
  content: "0" counter(count);
  counter-increment: count;
  font-family: var(--tp-ff-body);
  color: rgba(33, 35, 41, 0.5);
  transform: rotate(270deg) translateY(100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a::after {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a::after {
    display: none;
  }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a button {
  -webkit-text-fill-color: var(--tp-common-black);
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul {
  padding-top: 20px;
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li {
  border: none;
  padding: 0 0 0 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li {
    padding: 0 0 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li {
    padding: 0 0 0 30px;
  }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li a {
  width: 100%;
  font-size: 26px;
  font-weight: 500;
  border-bottom: 0;
  padding: 12px 0;
  text-transform: uppercase;
  color: rgba(33, 35, 41, 0.95);
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li a {
    font-size: 18px;
  }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul li a:hover {
  padding-left: 20px;
}
.tp-offcanvas-2-area .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close {
  top: 0;
  right: 0;
  padding: 44px 20px;
  padding-left: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close {
    padding: 28px 20px;
    padding-left: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close {
    padding: 33px 20px;
    padding-left: 200px;
  }
}
@media (max-width: 767px) {
  .tp-offcanvas-2-area .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close {
    padding: 28px 20px;
    padding-left: 200px;
  }
}
.tp-offcanvas-2-area .tp-offcanvas-menu nav > ul > li.active > a {
  padding-bottom: 23px;
  color: rgba(33, 35, 41, 0.95);
}
.tp-offcanvas-2-area .tp-offcanvas-menu nav > ul > li > a:not(:last-child) {
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
}
.tp-offcanvas-2-area .tp-offcanvas-menu nav > ul > li:not(:last-child) {
  border: none;
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul.submenu {
  border-top: 1px solid rgba(6, 7, 40, 0.1);
}
.tp-offcanvas-2-area .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close {
  font-size: 22px;
  color: rgba(33, 35, 41, 0.95);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-bg.is-left {
  background-color: #1A1A1A;
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-menu nav ul li > a {
  color: var(--tp-common-white);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-menu nav ul li .tp-menu-close {
  border: none;
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-menu nav ul li > a:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-menu nav ul li > a::after {
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: var(--tp-common-white);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a::after {
  color: var(--tp-common-white);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-area .tp-offcanvas-menu nav > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li ul.submenu {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-bg.is-right {
  background-color: var(--tp-common-black);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close i {
  color: var(--tp-common-white);
  -webkit-text-fill-color: var(--tp-common-white);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-menu nav ul li.has-dropdown > .tp-menu-close.dropdown-opened i {
  color: var(--tp-common-white);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-close-btn {
  color: var(--tp-common-white);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-right-text h3 {
  color: rgba(255, 255, 255, 0.03);
}
.tp-offcanvas-2-area.nixer-dark .tp-offcanvas-2-close-btn .text {
  color: var(--tp-common-white);
}
.tp-offcanvas-2-bg.left-box {
  position: fixed;
  top: 0;
  height: 100%;
  width: 60%;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 1111;
}
@media (max-width: 767px) {
  .tp-offcanvas-2-bg.left-box {
    width: 100%;
  }
}
.tp-offcanvas-2-bg.right-box {
  position: fixed;
  top: 0;
  height: 100%;
  width: 40%;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 1111;
}
@media (max-width: 767px) {
  .tp-offcanvas-2-bg.right-box {
    width: 100%;
  }
}
.tp-offcanvas-2-bg.is-left {
  left: 0;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  transform-origin: top center;
  background: #F5F5F5;
  transition-delay: 1s;
}
.tp-offcanvas-2-bg.is-right {
  right: 0;
  transform-origin: bottom center;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  background-color: #FFFFFF;
  transition-delay: 1s;
}
.tp-offcanvas-2-wrapper .tp-offcanvas-2-left {
  overflow-y: scroll;
}
.tp-offcanvas-2-wrapper .left-box {
  position: fixed;
  top: 0;
  width: 60%;
  height: 100vh;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  z-index: 9999;
  padding-bottom: 50px;
}
.tp-offcanvas-2-wrapper .left-box::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .tp-offcanvas-2-wrapper .left-box {
    width: 100%;
  }
}
.tp-offcanvas-2-wrapper .right-box {
  position: fixed;
  top: 0;
  width: 40%;
  height: 100vh;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  z-index: 9999;
  overflow: hidden;
  padding-bottom: 50px;
}
.tp-offcanvas-2-wrapper .right-box::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .tp-offcanvas-2-wrapper .right-box {
    width: 100%;
  }
}
.tp-offcanvas-2-thumb img {
  width: 100%;
}
.tp-offcanvas-2-left {
  visibility: hidden;
  opacity: 0;
  left: 0;
  transition-delay: 1.2s;
}
.tp-offcanvas-2-left-wrap {
  padding-top: 35px;
  padding-left: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-offcanvas-2-left-wrap {
    padding-left: 35px;
  }
}
.tp-offcanvas-2-right {
  visibility: hidden;
  opacity: 0;
  right: 0;
  transition-delay: 1.2s;
}
.tp-offcanvas-2-right-text {
  position: absolute;
  top: 0;
  left: -28px;
}
.tp-offcanvas-2-right-text h3 {
  font-size: 320px;
  font-weight: 700;
  margin: 0;
  line-height: 1;
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  text-transform: uppercase;
  font-family: var(--tp-ff-menu-f);
  color: rgba(33, 35, 41, 0.03);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-offcanvas-2-right-text h3 {
    font-size: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-offcanvas-2-right-text h3 {
    font-size: 200px;
  }
}
.tp-offcanvas-2-close {
  padding-top: 30px;
  padding-right: 90px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  transition-delay: 0.9s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-offcanvas-2-close {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .tp-offcanvas-2-close {
    padding-top: 0;
  }
}
.tp-offcanvas-2-close-btn {
  color: var(--tp-common-black);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.tp-offcanvas-2-close-btn .text {
  width: 60px;
  height: 20px;
  overflow: hidden;
  color: var(--tp-common-black);
  display: inline-block;
  transform: translateY(4px);
}
.tp-offcanvas-2-close-btn .text span {
  display: inline-block;
  -webkit-transform: translateX(120%);
  -moz-transform: translateX(120%);
  -ms-transform: translateX(120%);
  -o-transform: translateX(120%);
  transform: translateX(120%);
}
.tp-offcanvas-2-close-btn:hover .text span {
  transform: translateX(0%);
}
.tp-offcanvas-2-close-btn:hover span svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-2-text {
  right: 0;
  bottom: 0;
  position: absolute;
  transform: rotate(-90deg) translateY(100%);
}
.tp-offcanvas-2-text span {
  font-size: 320px;
  font-weight: 700;
  color: rgba(33, 35, 41, 0.3);
  font-family: var(--tp-ff-shoulders);
}

.counter-row {
  counter-reset: count;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-black);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.body-overlay.opened {
  opacity: 0.4;
  visibility: visible;
}

/*----------------------------------------*/
/*  2.7 Breadcrumb
/*----------------------------------------*/
.tp-breadcrumb-subtitle {
  position: relative;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-text-2);
}
@media (max-width: 767px) {
  .tp-breadcrumb-subtitle {
    font-size: 25px;
  }
}
.tp-breadcrumb-subtitle::before {
  content: "";
  height: 1px;
  width: 60px;
  margin-right: 15px;
  margin-bottom: 8px;
  display: inline-block;
  background-color: var(--tp-text-2);
}
.tp-breadcrumb-title {
  font-size: 120px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: -4.8px;
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 1200px) 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: 85px;
  }
}
@media (max-width: 767px) {
  .tp-breadcrumb-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-breadcrumb-title {
    letter-spacing: 0;
  }
}
.tp-breadcrumb-title.color-white {
  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), (max-width: 767px) {
  .tp-breadcrumb-title br {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.8 Section Title
/*----------------------------------------*/
.tp-section-title {
  font-size: 100px;
  font-weight: 600;
  line-height: 0.9;
  overflow: hidden;
  margin-bottom: 20px;
  letter-spacing: -6px;
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-section-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) {
  .tp-section-title {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 55px;
    line-height: 1;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-section-title {
    font-size: 50px;
  }
}
.tp-section-title-pre {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  display: inline-block;
  font-family: var(--tp-ff-heading);
  color: var(--tp-theme-primary);
}
.tp-section-title-pre.orange {
  color: var(--tp-theme-secondary);
}
.tp-section-4-title {
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px;
  letter-spacing: -2px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-4-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-4-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-4-title {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .tp-section-4-title {
    font-size: 60px;
  }
}
.tp-section-5-title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: -1.4px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-5-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-5-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-5-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-section-5-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-section-5-title br {
    display: none;
  }
}

.split-parent {
  overflow: hidden;
}

/*----------------------------------------*/
/*  2.9 Custom 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;
}

/*----------------------------------------*/
/*  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;
  background-color: var(--tp-common-black);
  border-radius: 50%;
  justify-content: center;
  mix-blend-mode: difference;
  color: transparent;
}

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

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

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  color: #FFF;
  height: 10px;
  line-height: 10px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -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;
  color: #000;
  line-height: 1;
  text-align: center;
}

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

/*----------------------------------------*/
/*  3.0 Slider css
/*----------------------------------------*/
.tp-showcase-arrow-box {
  position: absolute;
  top: 50%;
  right: 80px;
  z-index: 2;
  transform: translateY(-40%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-showcase-arrow-box {
    right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-showcase-arrow-box {
    display: none;
  }
}
.tp-showcase-arrow-box button {
  display: block;
  height: 60px;
  width: 60px;
  font-size: 20px;
  margin-bottom: 10px;
  transform: translateY(-50%);
  color: var(--tp-common-white);
  background: var(--tp-theme-secondary);
  z-index: 2;
}
.tp-showcase-arrow-box button:hover {
  color: var(--tp-theme-secondary);
  background: var(--tp-common-white);
}

.tp-slider-dot {
  z-index: 3;
}

.showcase-slider-wrappper {
  height: 100vh;
}
.showcase-slider-wrappper .swiper-slide-active .tp-hero-7-slider-content {
  opacity: 1;
}
.showcase-slider-wrappper .swiper-slide-active .tp-hero-7-slider-title div span {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.showcase-slider-wrappper .swiper-slide-active .tp-hero-7-slider-subtitle {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

#canvas-slider {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
  overflow: hidden;
  -webkit-transition: width 0.5s ease-in-out 0;
  transition: width 0.5s ease-in-out 0s;
  z-index: 1;
}
#canvas-slider .slider-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  background-size: cover;
  background-position: center center;
  background-color: #222;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#showcase-slider-holder {
  width: 100%;
  object-fit: cover;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  opacity: 1;
  z-index: 2;
}

.port-showcase-slider-item {
  height: 100vh;
}

.tp-slider__thumb-bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.parallax-slider-active .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.parallax-slider-active .swiper-container {
  width: 100%;
  height: 100vh;
}

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

.tp-hover-distort-wrapper {
  position: relative;
}
.tp-hover-distort-wrapper .canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tp-hover-distort-img {
  opacity: 0;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hover-distort-img {
    width: 100%;
  }
}
.tp-hover-distort-img.back {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/*  3.0 Cart mini css
/*---------------------------------------- */
.cartmini__area {
  position: fixed;
  right: 0;
  left: auto;
  width: 320px;
  height: 100%;
  opacity: 0;
  z-index: 99999;
  visibility: hidden;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  background: #000 none repeat scroll 0 0;
  -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));
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .cartmini__area {
    right: 0;
    left: auto;
    -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));
  }
}
.cartmini__area::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.cartmini__area.cartmini-opened {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.cartmini__close {
  position: absolute;
  top: 35px;
  right: 30px;
}
@media (max-width: 767px) {
  .cartmini__close {
    right: 20px;
    top: 20px;
  }
}
.cartmini__close-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  height: 44px;
  width: 44px;
  line-height: 40px;
  background-color: #f5f5f5;
  color: var(--tp-heading-primary);
  z-index: 2;
}
.cartmini__wrapper {
  position: relative;
  min-height: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
.cartmini__top-title {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cartmini__top-title h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
.cartmini__close {
  position: absolute;
  top: 8px;
  right: 15px;
}
.cartmini__close-btn {
  background: transparent;
  color: var(--tp-common-white);
  font-size: 22px;
}
.cartmini__close-btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cartmini__shipping {
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cartmini__shipping .progress {
  height: 10px;
  border-radius: 0;
}
.cartmini__shipping .progress-bar {
  border-radius: 0;
  background-color: #336EF9;
}
.cartmini__shipping p {
  font-size: 16px;
  color: var(--tp-heading-secondary);
  margin-bottom: 5px;
}
.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;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cartmini__widget-item:not(:last-of-type) {
  border-bottom: 0;
}
.cartmini__thumb {
  border: 1px solid var(--tp-border-primary);
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 70px;
  height: auto;
}
.cartmini__title {
  font-size: 15px;
  margin-bottom: 4px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
.cartmini__title a:hover {
  color: var(--tp-theme-secondary);
}
.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 var(--tp-border-primary);
  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-white);
  font-size: 14px;
}
.cartmini__del:hover {
  color: var(--tp-heading-secondary);
}
.cartmini__checkout {
  width: 100%;
  padding-top: 15px;
  background: #000;
  padding-bottom: 50px;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
}
.cartmini__checkout-title h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
.cartmini__checkout-title span {
  float: right;
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
.cartmini__checkout-btn .tp-btn {
  font-size: 18px;
  padding: 10px 30px;
  text-align: center;
  border-radius: 50px;
  text-transform: capitalize;
  color: var(--tp-heading-primary);
  background: var(--tp-heading-secondary);
  border: 2px solid var(--tp-heading-secondary);
}
.cartmini__checkout-btn .tp-btn:hover {
  background-color: transparent;
  color: var(--tp-heading-secondary);
  border-color: var(--tp-heading-secondary);
}
.cartmini__checkout-btn .tp-btn-border {
  color: var(--tp-heading-primary);
  background: var(--tp-heading-secondary);
  border: 1px solid var(--tp-text-body);
}
.cartmini__checkout-btn .tp-btn-border:hover {
  background: transparent;
  color: var(--tp-heading-secondary);
  border-color: var(--tp-heading-secondary);
}
.cartmini__price {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
.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;
}
.cartmini__empty .tp-btn {
  background-color: var(--tp-grey-1);
  font-size: 15px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  padding: 10px 30px;
  text-align: center;
}
.cartmini__empty .tp-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-header-1-ptb {
  padding: 35px 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), (max-width: 767px) {
  .tp-header-1-ptb {
    padding: 18px 0;
  }
}
.tp-header-1-ptb.header-sticky {
  padding: 18px 0;
}
.tp-header-1-ptb.header-sticky .tp-header-1-logo .white {
  display: block !important;
}
.tp-header-1-ptb.header-sticky .tp-header-1-logo .black {
  display: none !important;
}
.tp-header-logo {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-logo img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header-logo img {
    max-width: 100%;
  }
}
.tp-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 3;
}
.tp-header-main-right {
  line-height: 1;
}
.tp-header-main-right-btn {
  margin-right: 15px;
}
.tp-header-main-right-btn .tp-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 25px 12px;
  text-transform: uppercase;
  color: var(--tp-theme-secondary);
  border-color: var(--tp-theme-secondary);
}
.tp-header-main-right-btn .tp-btn:hover {
  border-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-black-inner-ptb {
    padding: 22px 0;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background: rgba(36, 36, 36, 0.85);
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-sticky {
    padding: 18px 0;
  }
}
.header-sticky::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  z-index: -1;
}

/*----------------------------------------*/
/*  3.2 Header Style 2
/*----------------------------------------*/
.tp-header-2-ptb {
  padding: 35px 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), (max-width: 767px) {
  .tp-header-2-ptb {
    padding: 18px 0;
  }
}
.tp-header-2-ptb.header-sticky {
  padding: 14px 0;
  background: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-2-ptb.header-sticky {
    padding: 18px 0;
  }
}
.tp-header-2-hamburger .tp-hamburger-btn span {
  background-color: var(--tp-heading-primary);
}
.tp-header-2-hamburger.hamburger-four .tp-hamburger-btn span {
  background-color: var(--tp-heading-secondary);
}
.tp-header-2-right-btn {
  line-height: 1;
  width: 500px;
  margin-left: auto;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .tp-header-2-right-btn {width: 400px;}
}
@media (max-width: 991px) {
  .tp-header-2-right-btn {width: 300px;}
}
@media (max-width: 767px) {
  .tp-header-2-right-btn {width: 200px;}
}
@media (max-width: 480px) {
  .tp-header-2-right-btn {width: 150px;}
}

.tp-header-2-right-btn.btn-four .tp-btn-animation {
  border-color: #D9D9D9;
}
.tp-header-2-right-btn.btn-four .tp-btn-animation span {
  color: var(--tp-heading-secondary);
}
.tp-header-2-right-btn.btn-four .tp-btn-animation span::before {
  background-color: var(--tp-heading-secondary);
}

/*----------------------------------------*/
/*  3.3 Header Style 3
/*----------------------------------------*/
.tp-header-3-cart {
  margin-right: 25px;
}
.tp-header-3-cart button em {
  position: absolute;
  right: -12px;
  top: -1px;
  font-size: 18px;
  font-weight: 400;
  height: 18px;
  width: 18px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  background-color: var(--tp-common-white);
  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), (max-width: 767px) {
  .tp-header-3-btn {
    margin-right: 20px;
  }
}
.tp-header-3-btn .tp-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 9px 29px 9px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
.tp-header-3-btn .tp-btn:hover {
  color: var(--tp-theme-primary);
  background-color: var(--tp-heading-secondary);
}

/*----------------------------------------*/
/*  3.4 Header Style 4
/*----------------------------------------*/
.tp-header-4-ptb {
  padding: 35px 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), (max-width: 767px) {
  .tp-header-4-ptb {
    padding: 18px 0;
  }
}
.tp-header-4-ptb.header-sticky {
  padding: 18px 0;
}

/*----------------------------------------*/
/*  3.5 Header Style 5
/*----------------------------------------*/
.tp-header-5-ptb.header-sticky .tp-header-5-border {
  border: none;
  padding: 0;
}
.tp-header-5-border {
  border-bottom: 1px solid rgba(46, 46, 46, 0.9);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-5-border {
    padding: 20px 0;
  }
}
.tp-header-5-logo {
  padding-right: 50px;
}
.tp-header-5-menu {
  margin-right: 10px;
}
.tp-header-5-call a {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-secondary);
}
.tp-header-5-call a:hover {
  color: var(--tp-theme-5);
}
.tp-header-5-btn {
  margin-left: 30px;
}

/*----------------------------------------*/
/*  3.6 Header Style 6
/*----------------------------------------*/
.tp-header-6-ptb {
  padding: 7px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-6-ptb {
    padding: 22px 0;
  }
}
.tp-header-6-cart {
  margin-right: 44px;
}
.tp-header-6-cart .tp-header-3-cart {
  margin-right: 0px;
}
.tp-header-6-btn-box a {
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
  color: var(--tp-common-white);
}
.tp-header-6-btn-box a:not(:last-of-type) {
  margin-right: 34px;
}
.tp-header-6-btn-box a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.tp-header-7-ptb {
  padding: 55px 0 30px;
}
@media (max-width: 767px) {
  .tp-header-7-ptb {
    padding: 40px 0 30px;
  }
}
.tp-header-7-hamburger-box {
  line-height: 1;
}
.tp-header-7-hamburger-box:hover .tp-hamburger-btn span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.tp-header-7-hamburger-box:hover .tp-hamburger-btn span:nth-child(2) {
  animation-delay: 0.1s;
}
.tp-header-7-hamburger-box .tp-hamburger-btn span {
  margin: 8px 0;
  width: 36px;
}
.tp-header-7-hamburger-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  margin-right: 15px;
  display: inline-block;
  transform: translateY(-2px);
  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), (max-width: 767px) {
  .tp-header-8-ptb {
    padding: 22px 0;
  }
}
.tp-header-8-menu .tp-main-menu ul li > a {
  color: var(--tp-heading-primary);
}
.tp-header-8-menu .tp-main-menu ul li > a::after {
  color: var(--tp-heading-primary);
}
.tp-header-8-menu .tp-main-menu ul li:hover > a {
  color: var(--tp-heading-primary);
}
.tp-header-8-menu .tp-main-menu ul li.has-dropdown > a::after {
  color: var(--tp-heading-primary);
}
.tp-header-8-menu .tp-main-menu ul li.has-dropdown > a:hover::after {
  color: var(--tp-heading-primary);
}
.tp-header-8-box .tp-header-6-cart span {
  color: #19191A;
}
.tp-header-8-box .tp-header-6-cart em {
  height: 19px;
  width: 19px;
  line-height: 11px;
  border: 2px solid #19191A;
}
.tp-header-8-box .tp-header-6-btn-box a {
  color: #19191A;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-inner-ptb {
    padding: 22px 0;
  }
}
.tp-header-inner-ptb .header-sticky {
  background: rgba(255, 255, 255, 0.9);
}
.tp-header-inner-ptb.bg-shadow {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.tp-header-inner-menu .tp-main-menu nav > ul > li {
  margin: 0 13px;
}
.tp-header-inner-menu .tp-main-menu nav > ul > li > a {
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
.tp-header-inner-menu .tp-main-menu nav > ul > li:hover > a {
  color: var(--tp-heading-primary);
}
.tp-header-inner-menu .tp-main-menu nav > ul > li:hover > a::after {
  color: var(--tp-heading-primary);
}
.tp-header-inner-menu .tp-main-menu nav > ul > li.has-dropdown > a::after {
  color: var(--tp-heading-primary);
}
.tp-header-inner-menu .tp-main-menu nav > ul > li.has-dropdown > a:hover::after {
  color: var(--tp-heading-primary);
}
.tp-header-inner-menu.inner-white .tp-main-menu nav > ul > li > a {
  color: var(--tp-heading-secondary);
}
.tp-header-inner-menu.inner-white .tp-main-menu nav > ul > li > a::after {
  color: var(--tp-heading-secondary);
}
.tp-header-inner-menu.inner-white .tp-main-menu nav > ul > li:hover > a {
  color: var(--tp-heading-secondary);
}
.tp-header-inner-menu.inner-white .tp-main-menu nav > ul > li:hover > a::after {
  color: var(--tp-heading-secondary);
}
.tp-header-inner-right {
  margin-left: 15px;
  padding-left: 30px;
  border-left: 1px solid rgba(18, 18, 18, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-inner-right {
    border: none;
    margin-left: 0;
  }
}
.tp-header-inner-right .tp-header-hamburger {
  padding-left: 35px;
  line-height: 1;
}
.tp-header-inner-right .tp-header-hamburger .tp-hamburger-btn span {
  width: 34px;
  background-color: var(--tp-theme-primary);
}
.tp-header-inner-right.inner-white {
  border-color: rgba(245, 247, 245, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-inner-right.inner-white {
    border: none;
    margin-left: 0;
  }
}
.tp-header-inner-right.inner-white .tp-header-inner-cart button {
  color: var(--tp-heading-secondary);
}
.tp-header-inner-right.inner-white .tp-header-inner-cart button em {
  color: var(--tp-theme-primary);
  background-color: var(--tp-heading-secondary);
  border-color: var(--tp-heading-secondary);
}
.tp-header-inner-right.inner-white .tp-header-hamburger .tp-hamburger-btn span {
  background-color: var(--tp-heading-secondary);
}
.tp-header-inner-cart button {
  position: relative;
  color: #19191A;
}
.tp-header-inner-cart button em {
  position: absolute;
  right: -12px;
  top: -1px;
  font-size: 18px;
  font-weight: 400;
  height: 18px;
  width: 18px;
  line-height: 11.5px;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 2px solid var(--tp-common-black);
}

/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.tp-main-menu > nav > ul > li {
  position: relative;
  list-style: none;
  display: inline-block;
  transition: none;
  margin: 0 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu > nav > ul > li {
    margin: 0 10px;
  }
}
.tp-main-menu > nav > ul > li > a {
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
  padding: 28px 0;
  letter-spacing: -0.32px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-heading);
}
.tp-main-menu > nav > ul > li.has-dropdown > a::after {
  content: "\f107";
  font-size: 15px;
  font-weight: 400;
  margin-left: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-fontawesome);
}
.tp-main-menu > nav > ul > li.has-dropdown.p-static {
  position: static;
}
.tp-main-menu > nav > ul > li.has-homemenu {
  position: static;
}
.tp-main-menu > nav > ul > li.has-homemenu .tp-mega-menu {
  width: 100%;
}
.tp-main-menu > nav > ul > li .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 40px 0;
  background: var(--tp-common-white);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
}
.tp-main-menu > nav > ul > li .sub-menu li {
  width: 100%;
  margin: 0;
  line-height: 1;
  padding: 5px 30px;
  display: inline-block;
  transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
}
.tp-main-menu > nav > ul > li .sub-menu li:not(:last-child) {
  margin-bottom: 12px;
}
.tp-main-menu > nav > ul > li .sub-menu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.tp-main-menu > nav > ul > li .sub-menu li > a {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  z-index: 1;
  padding: 0;
  color: #575758;
  letter-spacing: -0.3px;
  display: inline-block;
  text-transform: uppercase;
}
.tp-main-menu > nav > ul > li .sub-menu li > .sub-menu {
  left: 120%;
  top: 20px;
  visibility: hidden;
  opacity: 0;
}
.tp-main-menu > nav > ul > li .sub-menu li:hover > a {
  letter-spacing: 0.5px;
  color: var(--tp-common-black);
}
.tp-main-menu > nav > ul > li .sub-menu li:hover > .sub-menu {
  top: 20px;
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.tp-main-menu > nav > ul > li:hover > a {
  color: var(--tp-theme-secondary);
}
.tp-main-menu > nav > ul > li:hover > a.hover::after {
  transform: rotate(180deg);
  color: var(--tp-theme-secondary);
}
.tp-main-menu > nav > ul > li:hover > a::after {
  transform: rotate(180deg);
  color: var(--tp-theme-secondary);
}
.tp-main-menu > nav > ul > li:hover .sub-menu, .tp-main-menu > nav > ul > li:hover .tp-mega-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
}

.tp-mega-menu {
  position: absolute;
  top: 100%;
  opacity: 0;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 0;
  width: 1490px;
  margin: 0 auto;
  border-radius: 0;
  visibility: hidden;
  backdrop-filter: blur(8px);
  background-color: var(--tp-common-white);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
    transition: none;
    position: static;
    display: none;
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    background: 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) {
  .tp-mega-menu {
    width: 100%;
  }
}
.tp-mega-menu-list {
  padding: 50px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu-list {
    padding: 20px 0 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu-list .tp-gx-50 {
    --bs-gutter-x: 0px;
  }
}
.tp-mega-menu-list-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 20px;
  letter-spacing: -0.32px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
  border-bottom: 1px solid rgba(58, 57, 54, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu-list-title {
    margin-bottom: 15px;
    color: var(--tp-heading-secondary);
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu-list-thumb {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu-list-content {
    margin-bottom: 30px;
  }
}
.tp-mega-menu-list-content ul li {
  list-style: none;
}
.tp-mega-menu-list-content ul li:not(:last-child) {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-mega-menu-list-content ul li:not(:last-child) {
    margin-bottom: 0;
  }
}
.tp-mega-menu-list-content ul li a {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  z-index: 1;
  padding: 0;
  color: #575758;
  letter-spacing: -0.3px;
  display: inline-block;
  text-transform: uppercase;
}
.tp-mega-menu-list-content ul li a:hover {
  letter-spacing: 0.5px;
  color: var(--tp-common-black);
}

.tp-homemenu-wrapper {
  padding: 50px 280px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-homemenu-wrapper {
    padding: 50px 150px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-homemenu-wrapper {
    padding: 50px 50px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-homemenu-wrapper {
    padding: 0;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-homemenu-wrapper .homemenu-item {
    margin-bottom: 20px;
  }
}
.tp-homemenu-wrapper .homemenu-thumb-wrap {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-homemenu-wrapper .homemenu-thumb img {
  width: 100%;
  transition: 1s;
}
.tp-homemenu-wrapper .homemenu-thumb:hover img {
  transform: scale(1.1);
}
.tp-homemenu-wrapper .homemenu-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.15px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-homemenu-wrapper .homemenu-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-homemenu-wrapper .homemenu-title {
    font-size: 16px;
    color: var(--tp-heading-secondary);
  }
}

/*----------------------------------------*/
/*  4.2 Mobilemenu css
/*----------------------------------------*/
.tp-offcanvas-menu nav ul {
  list-style: none;
}
.tp-offcanvas-menu nav ul li {
  position: relative;
  padding: 12px 0;
}
.tp-offcanvas-menu nav ul li a {
  display: block;
  font-size: 17px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--tp-common-white);
}
.tp-offcanvas-menu nav ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.tp-offcanvas-menu nav ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.tp-offcanvas-menu nav ul li.active > a {
  padding-bottom: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.tp-offcanvas-menu nav ul li.active > .tp-menu-close i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-menu nav ul li .sub-menu {
  display: none;
  padding-left: 20px;
}

.tp-menu-close {
  position: absolute;
  right: 0;
  top: 7.5px;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 29px;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.tp-menu-close i {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.tp-main-menu-mobile .tp-submenu {
  display: none;
}
.tp-main-menu-mobile .header-icon {
  display: none;
}
.tp-main-menu-mobile nav ul {
  position: static;
  display: block;
  box-shadow: none;
  margin-bottom: 30px;
}
.tp-main-menu-mobile nav ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile nav ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
}
.tp-main-menu-mobile nav ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 18px;
  color: #7F8387;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  text-align: center;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
  padding: 15px 20px;
  padding-left: 100px;
}
@media (max-width: 767px) {
  .tp-main-menu-mobile nav ul li.has-dropdown > a .dropdown-toggle-btn {
    right: 0;
  }
}
.tp-main-menu-mobile nav ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
}
.tp-main-menu-mobile nav ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tp-main-menu-mobile nav ul li.has-dropdown > a.expanded {
  color: var(--tp-common-black);
}
.tp-main-menu-mobile nav ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  color: var(--tp-common-black);
}
.tp-main-menu-mobile nav ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--tp-common-black);
}
.tp-main-menu-mobile nav ul li:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile nav ul li > a {
  display: block;
  position: relative;
  padding: 15px 0;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.15px;
  color: var(--tp-common-black);
  text-transform: uppercase;
}
.tp-main-menu-mobile nav ul li > a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.tp-main-menu-mobile nav ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.tp-main-menu-mobile nav ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.tp-main-menu-mobile nav ul li img {
  width: 100%;
}
.tp-main-menu-mobile nav ul li ul {
  padding: 0;
}
.tp-main-menu-mobile nav ul li ul li {
  padding: 0;
}
.tp-main-menu-mobile nav ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile nav ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile nav ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile nav ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile nav ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.tp-main-menu-mobile nav ul li .mega-menu, .tp-main-menu-mobile nav ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.tp-main-menu-mobile nav ul li .mega-menu li, .tp-main-menu-mobile nav ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile nav ul li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile nav ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile .tp-main-menu-content ul li:not(:last-child) .home-menu-title a {
  border-bottom: none;
}
.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {
  transition: none !important;
}

/*----------------------------------------*/
/*  5.4 Blog css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-ptb {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-ptb {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.tp-blog-wrap {
  padding: 0 35px;
}
@media (max-width: 767px) {
  .tp-blog-wrap {
    padding: 0;
  }
}
.tp-blog-item:hover .tp-blog-item-thumb img {
  transform: scale(1.1);
}
.tp-blog-item-thumb {
  overflow: hidden;
}
.tp-blog-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-blog-item-tag {
  font-size: 16px;
  font-weight: 400;
  color: #5D5D63;
  display: inline-block;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.tp-blog-item-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.62px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-item-title {
    font-size: 27px;
  }
}
.tp-blog-item-title a {
  background-image: linear-gradient(#121212, #121212), linear-gradient(#121212, #121212);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
}
.tp-blog-item-title a:hover {
  background-size: 0% 1px, 100% 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), (max-width: 767px) {
  .tp-blog-item-title a br {
    display: none;
  }
}
.tp-blog-item-content.white-style .tp-blog-item-tag {
  color: rgba(245, 247, 245, 0.6);
}
.tp-blog-item-content.white-style .tp-blog-item-title {
  color: var(--tp-heading-secondary);
}
.tp-blog-item-content.white-style .tp-blog-item-title a {
  background-image: linear-gradient(#f5f7f5, #f5f7f5), linear-gradient(#d4d6d4, #f5f7f5);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-3-ptb {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
.tp-blog-3-item:hover .tp-blog-3-item-thumb img {
  transform: scale(1.1);
}
.tp-blog-3-item-title {
  font-size: 36px;
  font-weight: 400;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-blog-3-item-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-3-item-title br {
    display: none;
  }
}
.tp-blog-3-item-title a {
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
  background-image: linear-gradient(#f5f7f5, #f5f7f5), linear-gradient(#f5f7f5, #f5f7f5);
}
.tp-blog-3-item-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-blog-3-item-thumb {
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 25px;
}
.tp-blog-3-item-thumb img {
  width: 100%;
  transition: 0.9s;
  border-radius: 12px;
}
.tp-blog-3-item-date {
  margin-bottom: 25px;
}
.tp-blog-3-item-date a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  border-radius: 25px;
  padding: 3px 16px 2px;
  color: var(--tp-heading-secondary);
  border: 1px solid rgba(245, 247, 245, 0.5);
}
.tp-blog-3-item-date span {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-4-ptb {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-4-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.tp-blog-4-bg {
  background: rgba(30, 30, 30, 0.5);
}
.tp-blog-4-item:hover .tp-blog-4-item-thumb img {
  transform: scale(1.2);
}
.tp-blog-4-item-thumb {
  overflow: hidden;
}
.tp-blog-4-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-blog-4-item-content span {
  font-weight: 500;
  display: inline-block;
  font-family: var(--tp-ff-heading-3);
  color: rgba(255, 255, 255, 0.6);
}
.tp-blog-4-item-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.6px;
  padding-bottom: 28px;
  margin-bottom: 25px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-4-item-title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .tp-blog-4-item-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-blog-4-item-title br {
    display: none;
  }
}
.tp-blog-4-item-title a:hover {
  color: #EDCBA4;
}

@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-blog-5-ptb {
    padding-top: 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), (max-width: 767px) {
  .tp-blog-5-heading {
    margin-bottom: 50px;
  }
}
.tp-blog-5-heading .tp-section-5-title {
  color: var(--tp-heading-secondary);
}
@media (max-width: 767px) {
  .tp-blog-5-box {
    padding-bottom: 100px;
  }
}
.tp-blog-5-wrapper {
  padding: 50px 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-top: 2px solid #2E2E2E;
  border-bottom: 2px solid #2E2E2E;
}
.tp-blog-5-wrapper.active {
  background-color: #1E1E1E;
  border-color: transparent;
}
.tp-blog-5-wrapper.active .tp-blog-5-item-btn a {
  background-color: var(--tp-theme-5);
}
.tp-blog-5-wrapper.active .tp-blog-5-item-btn a span {
  transform: rotate(45deg);
  color: var(--tp-heading-primary);
}
@media (max-width: 767px) {
  .tp-blog-5-item {
    flex-wrap: wrap;
  }
}
.tp-blog-5-item:hover .tp-blog-5-item-thumb img {
  transform: scale(1.2);
}
.tp-blog-5-item-thumb {
  overflow: hidden;
}
@media (max-width: 767px) {
  .tp-blog-5-item-thumb {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.tp-blog-5-item-thumb img {
  transition: all 1s ease-in-out;
}
@media (max-width: 767px) {
  .tp-blog-5-item-thumb img {
    width: 100%;
  }
}
.tp-blog-5-item-content p {
  color: #929298;
  line-height: 24px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .tp-blog-5-item-content p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-5-item-content p br {
    display: none;
  }
}
.tp-blog-5-item-date {
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
.tp-blog-5-item-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 15px;
  letter-spacing: -0.72px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-5-item-title {
    font-size: 30px;
  }
}
.tp-blog-5-item-title a:hover {
  color: var(--tp-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-5-item-title a br {
    display: none;
  }
}
.tp-blog-5-item-btn a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #2E2E2E;
  color: var(--tp-heading-secondary);
}
.tp-blog-5-item-btn a span {
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-5-wrap {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-5-wrap {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .tp-blog-5-wrap {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-5-wrap img {
    height: 100%;
    object-fit: cover;
  }
}

.tp-blog-inner-heading {
  position: absolute;
  bottom: 0;
  left: 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-inner-heading {
    position: initial;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .tp-blog-inner-heading p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-sidebar-ptb {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-sidebar-ptb .tp-team-top-border {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-ptb {
    padding-top: 160px;
  }
}
.tp-blog-details-thumb img {
  width: 100%;
}
@media (max-width: 767px) {
  .tp-blog-details-heading {
    margin-bottom: 40px;
  }
}
.tp-blog-details-sub-title {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-blog-details-title {
  font-size: 100px;
  font-weight: 600;
  letter-spacing: -4px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-details-title {
    font-size: 82px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-details-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-details-title {
    font-size: 55px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-blog-details-title {
    font-size: 40px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-related-heading {
    margin-bottom: 40px;
  }
}
.tp-blog-details-related-title {
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -3.2px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-details-related-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .tp-blog-details-related-title {
    font-size: 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) {
  .tp-blog-heading.portfolio {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-blog-heading.portfolio {
    margin-bottom: 60px;
    padding-bottom: 80px;
  }
}

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
.postbox__thumb {
  position: relative;
}
.postbox__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background: rgba(20, 19, 22, 0.3);
}
.postbox__thumb .play-btn {
  position: absolute;
  top: 38%;
  left: 44%;
  z-index: 2;
}
.postbox__thumb .play-btn a {
  height: 85px;
  width: 85px;
  line-height: 87px;
}
.postbox__thumb .play-btn a::after {
  display: none;
}
.postbox__thumb img {
  width: 100%;
}
.postbox__item-single:hover {
  box-shadow: none;
}
.postbox__tag {
  position: absolute;
  bottom: 0px;
  left: 0;
}
.postbox__tag p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.135em;
  background: var(--tp-theme-1);
  clip-path: polygon(0px 0px, 100% 0px, 92.7% 53.45%, 100% 100%, 0px 100%, 0px 50%);
  width: 130px;
}
.postbox__content {
  padding-top: 28px;
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2.24px;
  color: var(--tp-common-black);
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .postbox__title {
    font-size: 35px;
  }
}
.postbox__title a {
  background-image: -webkit-radial-gradient(#000, #000), -webkit-radial-gradient(#000, #000);
  background-image: -moz-radial-gradient(#000, #000), -moz-radial-gradient(#000, #000);
  background-image: -ms-radial-gradient(#000, #000), -ms-radial-gradient(#000, #000);
  background-image: -o-radial-gradient(#000, #000), -o-radial-gradient(#000, #000);
  background-image: radial-gradient(#000, #000), radial-gradient(#000, #000);
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 91%;
  background-repeat: no-repeat;
}
.postbox__title a:hover {
  background-size: 0 2px, 100% 2px;
}
.postbox__meta {
  margin-bottom: 10px;
}
.postbox__meta span {
  color: #414145;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.postbox__blockquote {
  position: relative;
  padding: 50px 65px 50px 140px;
  background: var(--tp-common-black-1);
}
@media (max-width: 767px) {
  .postbox__blockquote {
    padding: 20px;
  }
}
.postbox__blockquote-icon {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 1;
}
@media (max-width: 767px) {
  .postbox__blockquote-icon {
    display: none;
  }
}
.postbox__blockquote-icon-1 {
  position: absolute;
  bottom: 50px;
  right: 30px;
}
.postbox__blockquote p {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 15px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .postbox__blockquote p {
    font-size: 18px;
    font-weight: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__blockquote p br {
    display: none;
  }
}
.postbox__blockquote.postbox__white-style {
  background-color: var(--tp-heading-secondary);
}
.postbox__blockquote.postbox__white-style p {
  color: var(--tp-common-black-1);
}
.postbox__list {
  margin-bottom: 60px;
}
.postbox__list-title {
  font-weight: 600;
  font-size: 28px;
  color: #121D2C;
  margin-bottom: 50px;
}
.postbox__list-content ul li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  color: #445658;
  margin-bottom: 24px;
  position: relative;
  padding-left: 40px;
}
.postbox__list-content ul li span {
  height: 27px;
  width: 27px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.06);
  position: absolute;
  top: 0;
  left: 0;
}
.postbox__list-content ul li span.active {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.postbox__details-share-wrapper {
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #F7F7F7;
}
.postbox__details-share span {
  font-size: 20px;
  font-weight: 500;
  color: #121416;
  margin-right: 15px;
}
.postbox__details-share a {
  height: 37px;
  width: 37px;
  text-align: center;
  line-height: 37px;
  display: inline-block;
  background-color: #F2F6F7;
  color: var(--tp-common-black);
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-share a {
    margin-bottom: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 8px;
  }
}
.postbox__details-share a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.postbox__details-tag span {
  font-size: 20px;
  font-weight: 500;
  color: #121416;
  margin-right: 6px;
}
.postbox__read-more .postbox-btn {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #132047;
}
.postbox__read-more .postbox-btn span {
  margin-left: 5px;
}
.postbox__read-more .postbox-btn span::before {
  position: absolute;
  content: "";
  top: 1px;
  right: -10px;
  border: 1px solid #E8F2F9;
  height: 28px;
  width: 28px;
  display: inline-block;
  border-radius: 50%;
}
.postbox__text img {
  max-width: 100%;
}
.postbox__text p {
  color: #5D5D63;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__text p br {
    display: none;
  }
}
.postbox__text-single p {
  margin-bottom: 15px;
}
.postbox__slider button {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: var(--tp-common-white);
}
.postbox__slider button.postbox-slider-button-next {
  left: auto;
  right: 50px;
}
@media (max-width: 767px) {
  .postbox__slider button.postbox-slider-button-next {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__comment ul li {
  list-style: none;
  margin-bottom: 30px;
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 0px;
  }
}
.postbox__comment-form {
  margin-bottom: 40px;
  padding: 65px 45px 80px 45px;
  background: #F8F8F9;
}
@media (max-width: 767px) {
  .postbox__comment-form {
    padding: 20px;
  }
}
.postbox__comment-form-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: var(--tp-common-black);
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-common-black);
  outline: none;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 15px 10px rgba(242, 242, 242, 0.18);
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
  border: 1px solid var(--tp-theme-1);
}
.postbox__comment-input input:focus::placeholder, .postbox__comment-input textarea:focus::placeholder {
  font-size: 0;
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__comment-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--tp-heading-secondary);
}
.postbox__comment-box {
  padding: 30px;
  background: #1E1E1E;
  box-shadow: 0px 1px 3px 0px rgba(3, 4, 28, 0.1);
}
@media (max-width: 767px) {
  .postbox__comment-box {
    flex-wrap: wrap;
  }
}
.postbox__comment-info {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .postbox__comment-avater {
    margin-right: 0;
  }
}
.postbox__comment-avater img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .postbox__comment-avater img {
    margin-bottom: 30px;
  }
}
.postbox__comment-name {
  margin-bottom: 17px;
}
.postbox__comment-name h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 20px;
  letter-spacing: -0.4px;
  color: var(--tp-heading-secondary);
}
.postbox__comment-name span {
  font-size: 17px;
  font-weight: 400;
  padding: 4px 17px;
  display: inline-block;
  color: rgba(245, 247, 245, 0.7);
  background-color: rgba(255, 255, 255, 0.1);
}
.postbox__comment-text p {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 15px;
  color: rgba(245, 247, 245, 0.5);
}
.postbox__comment-reply a {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  padding: 5px 20px;
  color: var(--tp-heading-secondary);
  background-color: rgba(255, 255, 255, 0.1);
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-black);
  background-color: var(--tp-heading-secondary);
}
.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-white);
  border: 1px solid #949392;
  outline: none;
  flex: 0 0 auto;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
  position: relative;
  background-color: var(--tp-theme-1);
  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-white);
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.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-black);
  font-weight: 600;
  padding-left: 4px;
}
.postbox__comment-agree label a:hover {
  color: var(--tp-theme-1);
}
.postbox__comment-agree label:hover {
  cursor: pointer;
}
.postbox__tag span {
  font-size: 16px;
  margin-bottom: 17px;
  color: var(--tp-common-black);
  margin-right: 10px;
}
.postbox__play-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.postbox__play-btn a {
  height: 66px;
  width: 66px;
  line-height: 66px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  animation: pulse 2s infinite;
  color: var(--tp-common-white);
  border: 2px solid var(--tp-common-white);
}
.postbox__slider-arrow-wrap button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  transition: 0.3s;
}
.postbox__slider-arrow-wrap button:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.postbox__slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  z-index: 9;
}
.postbox__slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 9;
}

.tp-postbox-details-thumb img {
  width: 100%;
}
.tp-postbox-details-author {
  margin-right: 50px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-postbox-details-author {
    margin-bottom: 10px;
  }
}
.tp-postbox-details-author-thumb {
  margin-right: 12px;
}
.tp-postbox-details-author-thumb img {
  width: 100%;
}
.tp-postbox-details-author-content p {
  margin-bottom: 8px;
}
.tp-postbox-details-author-content p, .tp-postbox-details-author-content span {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  display: inline-block;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-author-content h4 {
  font-size: 15px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
.tp-postbox-details-list ul li {
  font-size: 18px;
  margin-left: 15px;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-postbox-details-mate {
    flex-wrap: wrap;
  }
}
.tp-postbox-details-text-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 22px;
  letter-spacing: -0.6px;
  color: var(--tp-heading-secondary);
}
.tp-postbox-details-text p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 25px;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-share {
  padding: 32px 35px;
  background: #1E1E1E;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-postbox-details-social {
    margin-bottom: 20px;
  }
}
.tp-postbox-details-social-title {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
  margin-right: 10px;
  color: var(--tp-heading-secondary);
}
.tp-postbox-details-form p {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  color: var(--tp-heading-secondary);
}
@media (max-width: 767px) {
  .tp-postbox-details-form p {
    font-size: 16px;
  }
}
.tp-postbox-details-form-title {
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
  letter-spacing: -0.68px;
  color: var(--tp-heading-secondary);
}
.tp-postbox-details-input-box .tp-btn {
  font-size: 17px;
  font-weight: 600;
  border-radius: 0;
  padding: 7px 23px;
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-postbox-details-input-box .tp-btn::before {
  content: none;
}
.tp-postbox-details-input input {
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 400;
  background-color: transparent;
  color: var(--tp-common-white);
  border: 1px solid rgba(245, 247, 245, 0.1);
  margin-bottom: 20px;
}
.tp-postbox-details-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input input::-moz-placeholder { /* Firefox 19+ */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input input:-moz-placeholder { /* Firefox 4-18 */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input input::placeholder { /* MODERN BROWSER */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input input:focus {
  border-color: var(--tp-heading-secondary);
}
.tp-postbox-details-input textarea {
  height: 200px;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 20px;
  resize: none;
  background-color: transparent;
  color: var(--tp-common-white);
  border: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-postbox-details-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input textarea::-moz-placeholder { /* Firefox 19+ */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input textarea:-moz-placeholder { /* Firefox 4-18 */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input textarea::placeholder { /* MODERN BROWSER */
  font-size: 17px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.6);
}
.tp-postbox-details-input textarea:focus {
  border-color: var(--tp-heading-secondary);
}
.tp-postbox-details-remeber input {
  display: none;
}
.tp-postbox-details-remeber input:checked ~ label::after {
  border-color: var(--tp-heading-secondary);
  background-color: var(--tp-heading-secondary);
}
.tp-postbox-details-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.tp-postbox-details-remeber label {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  padding-left: 26px;
  cursor: pointer;
  z-index: 1;
  color: var(--tp-heading-secondary);
}
.tp-postbox-details-remeber label::after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  z-index: -1;
  background: transparent;
  border: 1px solid rgba(245, 247, 245, 0.1);
  box-shadow: 0px 1px 4px 0px rgba(48, 54, 81, 0.06) inset, 0px 1px 1px 0px rgba(48, 54, 81, 0.06);
  -webkit-transition: all all 0.2s;
  -o-transition: all all 0.2s;
  transition: all all 0.2s;
}
.tp-postbox-details-remeber label::before {
  position: absolute;
  content: url("../img/others/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 all 0.2s;
  -o-transition: all all 0.2s;
  transition: all all 0.2s;
}

.basic-pagination {
  margin-bottom: 40px;
}
.basic-pagination ul li {
  list-style: none;
  display: inline-block;
  margin-right: 14px;
}
@media (max-width: 767px) {
  .basic-pagination ul li {
    margin-right: 5px;
  }
}
.basic-pagination ul li a {
  height: 46px;
  width: 30px;
  border-radius: 200px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-black);
}
.basic-pagination ul li a .current {
  height: 100%;
  width: 100%;
  display: inline-block;
  border-radius: 200px;
  border: 2px solid var(--tp-common-black);
}
.basic-pagination ul li a .icon {
  height: 46px;
  width: 46px;
  line-height: 46px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid rgba(25, 25, 26, 0.2);
  transition: 0.3s;
}
.basic-pagination ul li a .icon:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  5.2 Recent Post css
/*----------------------------------------*/
.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
  color: var(--tp-common-black-1);
}
.rc__post-title a {
  background-image: -webkit-radial-gradient(#000, #000), -webkit-radial-gradient(#000, #000);
  background-image: -moz-radial-gradient(#000, #000), -moz-radial-gradient(#000, #000);
  background-image: -ms-radial-gradient(#000, #000), -ms-radial-gradient(#000, #000);
  background-image: -o-radial-gradient(#000, #000), -o-radial-gradient(#000, #000);
  background-image: radial-gradient(#000, #000), radial-gradient(#000, #000);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 91%;
  background-repeat: no-repeat;
}
.rc__post-title a:hover {
  background-size: 0 1px, 100% 1px;
}
.rc__meta span {
  color: #414145;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 12px;
  display: inline-block;
}
.rc__post-thumb {
  flex: 0 0 auto;
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.sidebar__wrapper {
  padding-left: 60px;
}
@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: 767px) {
  .sidebar__wrapper {
    margin-top: 40px;
    padding-left: 0;
  }
}
.sidebar__wrapper.sidebar-white-style .sidebar__widget-title {
  color: var(--tp-heading-secondary);
}
.sidebar__wrapper.sidebar-white-style .sidebar__widget ul li a {
  background-color: transparent;
  color: var(--tp-heading-secondary);
  border-color: rgba(234, 234, 239, 0.1);
}
.sidebar__wrapper.sidebar-white-style .sidebar__widget ul li a:hover {
  color: var(--tp-common-black-1);
  background-color: var(--tp-heading-secondary);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input {
  color: var(--tp-common-white);
  border-color: rgba(234, 234, 239, 0.1);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input:-moz-placeholder { /* Firefox 4-18 */
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input::placeholder { /* MODERN BROWSER */
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search input:focus {
  border-color: var(--tp-heading-secondary);
}
.sidebar__wrapper.sidebar-white-style .sidebar__search button {
  color: var(--tp-common-white);
}
.sidebar__wrapper.sidebar-white-style .sidebar__author {
  border-color: rgba(234, 234, 239, 0.1);
}
.sidebar__wrapper.sidebar-white-style .sidebar__author-title {
  color: var(--tp-heading-secondary);
}
.sidebar__wrapper.sidebar-white-style .sidebar__author-content p {
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .sidebar__author-social a span {
  color: var(--tp-common-white);
  border-color: rgba(245, 247, 245, 0.1);
}
.sidebar__wrapper.sidebar-white-style .sidebar__author-social a span:hover {
  color: var(--tp-common-black-1);
  background-color: var(--tp-heading-secondary);
}
.sidebar__wrapper.sidebar-white-style .rc__meta span {
  color: rgba(245, 247, 245, 0.6);
}
.sidebar__wrapper.sidebar-white-style .rc__post-title {
  color: var(--tp-heading-secondary);
}
.sidebar__wrapper.sidebar-white-style .rc__post-title a {
  background-image: radial-gradient(#f5f7f5, #f5f7f5), radial-gradient(#f5f7f5, #f5f7f5);
}
.sidebar__wrapper.sidebar-white-style .tagcloud a {
  color: var(--tp-heading-secondary);
  border-color: rgba(234, 234, 239, 0.1);
}
.sidebar__wrapper.sidebar-white-style .tagcloud a:hover {
  color: var(--tp-common-black-1);
  background-color: var(--tp-heading-secondary);
}
.sidebar__widget-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 25px;
}
.sidebar__widget ul li {
  list-style: none;
  margin-bottom: 10px;
}
.sidebar__widget ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget ul li a {
  font-size: 16px;
  font-weight: 400;
  display: block;
  line-height: 1;
  padding: 11px 15px;
  border: 1px solid #EAEAEF;
  color: var(--tp-common-black-2);
  background: var(--tp-common-white);
}
.sidebar__widget ul li a:hover {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.sidebar__about {
  padding: 37px 0 38px 0;
}
.sidebar__thumb img {
  border-radius: 50%;
  margin-bottom: 20px;
}
.sidebar__content-title {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 6px;
}
.sidebar__content-designation {
  font-weight: 400;
  font-size: 14px;
  color: #727A7D;
  display: block;
  margin-bottom: 13px;
}
.sidebar__content p {
  font-size: 16px;
  color: #838383;
  margin-bottom: 27px;
}
.sidebar__content-social a {
  height: 37px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  display: inline-block;
  border: 1px solid #E8E8E8;
  margin-right: 12px;
}
.sidebar__content-social a i {
  transition: 0.3s;
}
.sidebar__content-social a:hover {
  border: 1px solid var(--tp-theme-1);
  background-color: var(--tp-theme-1);
}
.sidebar__content-social a:hover i {
  color: var(--tp-common-white);
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  outline: none;
  padding-right: 50px;
  background: transparent;
  border: 1px solid #D9D9D9;
}
.sidebar__search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5D5D63;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.sidebar__search input::-moz-placeholder { /* Firefox 19+ */
  color: #5D5D63;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.sidebar__search input:-moz-placeholder { /* Firefox 4-18 */
  color: #5D5D63;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.sidebar__search input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #5D5D63;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.sidebar__search input::placeholder { /* MODERN BROWSER */
  color: #5D5D63;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 25px;
  height: 100%;
  line-height: 60px;
  color: var(--tp-common-black);
}
.sidebar__banner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 69, 0.5);
}
.sidebar__banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  background: var(--tp-common-white);
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: var(--tp-common-black);
  text-transform: uppercase;
  margin-bottom: 0;
}
.sidebar__author {
  border: 1px solid #19191A;
  padding: 50px 30px;
}
.sidebar__author-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-bottom: 30px;
}
.sidebar__author-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  color: var(--tp-common-black-1);
  margin-bottom: 10px;
}
.sidebar__author-content {
  margin-bottom: 26px;
}
.sidebar__author-content p {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  color: #5D5D63;
}
.sidebar__author-social a {
  display: inline-block;
}
.sidebar__author-social a span {
  height: 36px;
  width: 36px;
  line-height: 32px;
  text-align: center;
  border-radius: 100px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-common-black-1);
  border: 1px solid rgba(25, 25, 26, 0.1);
}
.sidebar__author-social a:hover span {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black-1);
  background-color: var(--tp-common-black-1);
}

.tagcloud a {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  margin-right: 8px;
  margin-bottom: 12px;
  display: inline-block;
  padding: 10px 15px 10px;
  border: 1px solid #EAEAEF;
  color: var(--tp-common-black-1);
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-theme-primary);
  background-color: var(--tp-theme-primary);
}
.tagcloud.white-style a {
  color: var(--tp-heading-secondary);
  border-color: rgba(234, 234, 239, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud.white-style a {
    margin-right: 4px;
  }
}
.tagcloud.white-style a:hover {
  color: var(--tp-common-black-1);
  background-color: var(--tp-heading-secondary);
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-ptb {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-footer-text {
    flex-wrap: wrap;
  }
}
.tp-footer-text-thumb {
  padding-right: 25px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-footer-text-thumb {
    padding-bottom: 20px;
  }
}
.tp-footer-text-thumb img {
  border-radius: 50%;
}
.tp-footer-text-heading {
  transform: translateY(-28px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-footer-text-heading {
    transform: translateY(0px);
  }
}
.tp-footer-text-title {
  font-size: 150px;
  font-weight: 700;
  margin: 0;
  line-height: 1.04;
  letter-spacing: -9px;
  text-transform: uppercase;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-footer-text-title {
    font-size: 125px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-text-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-text-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-text-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-text-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .tp-footer-text-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-footer-text-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-wrapper {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-wrapper {
    padding-bottom: 50px;
  }
}
.tp-footer-wrapper-right {
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-wrapper-right {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-wrapper-right {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-wrapper-right {
    padding-bottom: 50px;
    justify-content: start;
  }
}
.tp-footer-info-item:not(:last-of-type) {
  margin-bottom: 40px;
}
.tp-footer-info-item span {
  display: block;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-info-item span {
    margin-bottom: 15px;
  }
}
.tp-footer-info-item a {
  font-size: 40px;
  font-weight: 500;
  display: inline;
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  color: var(--tp-heading-secondary);
  background-repeat: no-repeat;
  transition: 0.3s linear;
  background-image: linear-gradient(#F5F7F5, #F5F7F5), linear-gradient(#F5F7F5, #F5F7F5);
}
.tp-footer-info-item a:hover {
  background-size: 0% 2px, 100% 2px;
}
@media only screen and (min-width: 1200px) 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-footer-info-item a {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .tp-footer-info-item a {
    font-size: 30px;
  }
}
.tp-footer-copyright {
  padding: 0 35px 50px;
}
@media (max-width: 767px) {
  .tp-footer-copyright {
    padding: 0;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-copyright-logo {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-copyright-social {
    padding-bottom: 20px;
  }
}
.tp-footer-copyright-social a {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  padding: 7px 45px;
  border-radius: 40px;
  color: var(--tp-heading-secondary);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
}
.tp-footer-copyright-social a:not(:last-of-type) {
  margin-right: 8px;
}
.tp-footer-copyright-social a:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-copyright-social a {
    padding: 7px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-copyright-social a {
    margin-bottom: 20px;
  }
}
.tp-footer-copyright-text p {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
}

/* footer col design for home 1 */
/*----------------------------------------*/
/*  6.2 Footer Style 2
/*----------------------------------------*/
.tp-footer-2-widget-content p {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.tp-footer-2-widget-content h4 {
  font-weight: 700;
  margin: 0;
  font-size: 36px;
  color: var(--tp-heading-primary);
  text-transform: none;
  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), (max-width: 767px) {
  .tp-footer-2-widget-content p br {
    display: none;
  }
}
.tp-footer-2-widget-content ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tp-footer-2-widget-content ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-2-widget-content-contact a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.9);
}
.tp-footer-2-widget-content-contact a:hover {
  color: var(--tp-common-white);
}
.tp-footer-2-widget-content-input {
  position: relative;
}
.tp-footer-2-widget-content-input input {
  color: #F3F3F4;
  font-size: 16px;
  font-weight: 500;
  padding-right: 40px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-footer-2-widget-content-input input:focus {
  border-color: var(--tp-heading-secondary);
}
.tp-footer-2-widget-content-input input::placeholder {
  color: #F3F3F4;
  font-size: 16px;
  font-weight: 500;
}
.tp-footer-2-widget-content-input button {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.tp-footer-2-widget-title {
  color: var(--tp-heading-primary);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: 0.1px;
}
.tp-footer-2-copyright-ptb {
  padding: 35px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-footer-2-copyright-ptb.inner-color .tp-footer-2-copyright-text p {
  color: var(--tp-text-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-2-copyright-text {
    padding-bottom: 20px;
  }
}
.tp-footer-2-copyright-text p {
  color: rgba(255, 255, 255, 0.6);
}
.tp-footer-2-copyright-text p a {
  color: var(--tp-heading-secondary);
}
.tp-footer-2-copyright-text p a:hover {
  text-decoration: underline;
}
.tp-footer-2-copyright-social a {
  display: inline-block;
  color: #F3F3F4;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 36px;
  letter-spacing: -0.14px;
  text-transform: uppercase;
  border-radius: 40px;
  border: 1px solid #454545;
  background: #292929;
}
.tp-footer-2-copyright-social a:not(:last-of-type) {
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-2-copyright-social a:not(:last-of-type) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-footer-2-copyright-social a {
    margin-bottom: 10px;
  }
}
.tp-footer-2-copyright-social a:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-footer-2-wrapper.inner-color {
  border-bottom: 2px solid rgba(18, 18, 18, 0.2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content p {
  color: var(--tp-text-2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content-contact a {
  color: var(--tp-text-2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content-contact a:hover {
  color: var(--tp-heading-primary);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content-input input {
  border: none;
  padding-left: 0;
  color: var(--tp-heading-primary);
  border-bottom: 1px solid rgba(18, 18, 18, 0.2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content-input input::placeholder {
  color: var(--tp-text-2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content-input input:focus {
  border-color: var(--tp-heading-primary);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-content-input button {
  color: var(--tp-text-2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget-title {
  color: var(--tp-heading-primary);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget ul li {
  color: var(--tp-text-2);
}
.tp-footer-2-wrapper.inner-color .tp-footer-2-widget ul li a:hover {
  color: var(--tp-heading-primary);
}

/* footer col design for home 2 */
.tp-footer-2-col-2 {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .tp-footer-2-col-2 {
    padding-left: 0;
  }
}
.tp-footer-2-col-3 {
  margin-left: -100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-2-col-3 {
    margin-left: -35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-2-col-3 {
    margin-left: 0;
  }
}
.tp-footer-2-col-4 {
  margin-left: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-2-col-4 {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  6.3 Footer Style 3
/*----------------------------------------*/
@media only screen and (min-width: 1200px) 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-footer-6-text {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-footer-6-text {
    padding-bottom: 80px;
  }
}
.tp-footer-6-text-title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -2.1px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-6-text-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-6-text-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-6-text-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-footer-6-text-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-footer-6-text-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) {
  .tp-footer-6-top {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-footer-6-top {
    padding-bottom: 80px;
  }
}
.tp-footer-6-btn a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
.tp-footer-6-btn a:hover::after {
  opacity: 0;
  visibility: hidden;
}
.tp-footer-6-btn a span {
  display: inline-block;
  margin-left: 5px;
}
.tp-footer-6-btn a::after {
  content: "";
  height: 2px;
  width: 100%;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--tp-heading-secondary);
}
.tp-footer-8-social a {
  font-size: 14px;
  font-weight: 600;
  color: #111013;
  letter-spacing: 0.56px;
}
.tp-footer-8-social a:not(:last-of-type) {
  margin-right: 30px;
}
.tp-footer-8-copyright p {
  color: #19191A;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}

/* footer col design for home 1 */
/*----------------------------------------*/
/*  6.4 Footer Style 4
/*----------------------------------------*/
.tp-footer-4-bg {
  background: rgba(30, 30, 30, 0.5);
}
.tp-footer-4-text {
  padding-bottom: 40px;
  margin-bottom: 75px;
  border-bottom: 2px solid rgba(245, 247, 245, 0.1);
}
.tp-footer-4-text-title {
  margin: 0;
  font-size: 150px;
  font-weight: 600;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-4-text-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-4-text-title {
    font-size: 115px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-4-text-title {
    font-size: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-4-text-title {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .tp-footer-4-text-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-footer-4-text-title {
    font-size: 34px;
  }
}
.tp-footer-4-text.inner-color {
  border-color: rgba(18, 18, 18, 0.2);
}
.tp-footer-4-text.inner-color .tp-footer-4-text-title {
  color: var(--tp-heading-primary);
}

/* footer col design for home 4 */
/*----------------------------------------*/
/*  7.1 Hero Css
/*----------------------------------------*/
.tp-hero-shape-thumb {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-shape-thumb {
    right: -100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-shape-thumb {
    right: -280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-shape-thumb {
    right: -400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-shape-thumb {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-thumb-1 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-thumb-1 img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }
}
.tp-hero-down {
  position: absolute;
  bottom: 70px;
  left: 50px;
}
@media (max-width: 767px) {
  .tp-hero-down {
    left: 30px;
    bottom: 30px;
  }
}
.tp-hero-down-icon {
  margin-right: 4px;
}
.tp-hero-down-text span {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #F5F7F5;
  letter-spacing: 0.32px;
}
.tp-hero-user {
  margin-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-hero-user {
    margin-left: 0;
  }
}
.tp-hero-user-thumb {
  margin-bottom: 22px;
}
.tp-hero-user-thumb img {
  z-index: 1;
  position: relative;
  border-radius: 50%;
  border: 4px solid var(--tp-heading-primary);
}
.tp-hero-user-thumb span {
  display: inline-block;
  height: 66px;
  width: 66px;
  line-height: 65px;
  border-radius: 50%;
  text-align: center;
  margin-left: -18px;
  background-color: var(--tp-common-white);
}
.tp-hero-user-content span {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block;
  color: var(--tp-common-white);
}
.tp-hero-user-content p {
  position: relative;
  font-size: 22px;
  letter-spacing: 0.22px;
  color: rgba(245, 247, 245, 0.6);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-user-content p br {
    display: none;
  }
}
.tp-hero-user-content p::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  top: 20px;
  left: -130px;
  background-color: rgba(245, 247, 245, 0.6);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-user-content p::before {
    content: none;
  }
}
.tp-hero-text-box {
  transform: rotate(-90deg) translate(-252px, -198px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-text-box {
    transform: rotate(-90deg) translate(-250px, -125px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-text-box {
    transform: none;
  }
}
.tp-hero-text-1 {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--tp-common-white);
  font-size: 200px;
  font-weight: 600;
  line-height: 0.5;
  margin: 0;
  letter-spacing: -8px;
  text-transform: uppercase;
  color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-text-1 {
    font-size: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-text-1 {
    font-size: 160px;
  }
}
@media (max-width: 767px) {
  .tp-hero-text-1 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-text-1 {
    font-size: 100px;
  }
}
.tp-hero-text-2 {
  font-size: 200px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  margin-left: -260px;
  letter-spacing: -8px;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-text-2 {
    font-size: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-text-2 {
    font-size: 160px;
  }
}
@media (max-width: 767px) {
  .tp-hero-text-2 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-text-2 {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-text-2 {
    margin-left: 0px;
  }
}
.tp-hero-leftside {
  margin-left: 55px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-leftside {
    margin-left: 105px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-leftside {
    margin-left: 125px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-leftside {
    margin-left: 0;
  }
}
.tp-hero-icon {
  position: absolute;
  top: 115px;
  left: 275px;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-icon {
    left: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-icon {
    top: 0;
    left: 0;
  }
}
.tp-hero-icon-space {
  border-radius: 50%;
  padding: 16px;
  background-color: var(--tp-heading-primary);
}
.tp-hero-icon-space span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-rightside {
    padding-top: 120px;
    padding-bottom: 50px;
  }
}

.tp_img_reveal {
  visibility: hidden;
  overflow: hidden;
}
.tp_img_reveal img {
  transform-origin: left;
  overflow: hidden;
}

@media (max-width: 767px) {
  .tp-hero-2-ptb {
    padding-top: 130px;
  }
}
.tp-hero-2-shape {
  top: 50%;
  right: 30px;
  position: absolute;
  transform: translateY(-50%);
  -webkit-animation: rotate-infinite 15s linear infinite;
  animation: rotate-infinite 15s linear infinite;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-2-shape {
    right: 0;
  }
}
.tp-hero-2-down {
  position: absolute;
  bottom: 140px;
  right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-2-down {
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .tp-hero-2-down {
    display: none;
  }
}
.tp-hero-2-down .tp-hero-down-text {
  margin-right: 5px;
}
.tp-hero-2-down .tp-hero-down-text span {
  text-align: end;
  color: var(--tp-common-black);
}
.tp-hero-2-down.down .tp-hero-down-text span {
  color: var(--tp-heading-secondary);
}
.tp-hero-2-down.down .tp-hero-down-icon span {
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-2-thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-2-thumb img {
    width: 100%;
  }
}
.tp-hero-2-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.18;
  margin-bottom: 45px;
  letter-spacing: -1.2px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-2-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-2-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-2-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-2-title {
    font-size: 34px;
  }
}
@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: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-hero-2-title br {
    display: none;
  }
}
.tp-hero-2-text-sliding {
  overflow: hidden;
}
.tp-hero-2-text-scroll-hr {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: flex-start;
}
.tp-hero-2-text-scroll-wrap {
  display: flex;
  -webkit-animation: scrollText 30s infinite linear;
  animation: scrollText 30s infinite linear;
}
.tp-hero-2-text-title {
  margin: 0;
  line-height: 1;
  font-size: 190px;
  font-weight: 700;
  letter-spacing: -11.4px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-2-text-title {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-2-text-title {
    font-size: 100px;
  }
}
.tp-hero-2-content {
  padding-left: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-2-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-2-btn-box .tp-project-2-btn-box {
    flex-wrap: wrap;
  }
}
.tp-hero-2-btn-box .tp-project-2-btn-box a {
  font-size: 18px;
  font-weight: 400;
  padding: 7px 46px;
  border-color: var(--tp-heading-primary);
  color: var(--tp-heading-primary);
}
.tp-hero-2-btn-box .tp-project-2-btn-box a:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-heading-primary);
  background-color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-2-btn-box .tp-project-2-btn-box a:not(:last-of-type) {
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-2-btn-box .tp-project-2-btn-box a:not(:last-of-type) {
    margin-right: 10px;
  }
}
.tp-hero-2-btn-box.social .tp-project-2-btn-box a {
  color: var(--tp-heading-secondary);
  border-color: rgba(255, 255, 255, 0.5);
}
.tp-hero-2-btn-box.social .tp-project-2-btn-box a:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}

.tp-hero-3-ptb {
  padding-top: 240px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-3-ptb {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-3-ptb {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}
.tp-hero-3-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.tp-hero-3-bg img {
  width: 100%;
}
.tp-hero-3-heading p {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-2);
}
@media (max-width: 767px) {
  .tp-hero-3-heading p br {
    display: none;
  }
}
.tp-hero-3-title {
  font-size: 140px;
  font-weight: 400;
  line-height: 0.95;
  margin-bottom: 30px;
  letter-spacing: -5.6px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-3-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-3-title {
    font-size: 115px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-3-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-3-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-3-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-3-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .tp-hero-3-title br {
    display: none;
  }
}
.tp-hero-3-input {
  width: 545px;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-3-input {
    width: 100%;
  }
}
.tp-hero-3-input input {
  height: 90px;
  font-size: 22px;
  font-weight: 400;
  padding-left: 42px;
  padding-right: 220px;
  border-radius: 50px;
  background: var(--tp-common-white);
  color: var(--tp-heading-primary);
}
.tp-hero-3-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 22px;
  font-weight: 400;
  color: rgba(11, 11, 14, 0.5);
}
.tp-hero-3-input input::-moz-placeholder { /* Firefox 19+ */
  font-size: 22px;
  font-weight: 400;
  color: rgba(11, 11, 14, 0.5);
}
.tp-hero-3-input input:-moz-placeholder { /* Firefox 4-18 */
  font-size: 22px;
  font-weight: 400;
  color: rgba(11, 11, 14, 0.5);
}
.tp-hero-3-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  font-size: 22px;
  font-weight: 400;
  color: rgba(11, 11, 14, 0.5);
}
.tp-hero-3-input input::placeholder { /* MODERN BROWSER */
  font-size: 22px;
  font-weight: 400;
  color: rgba(11, 11, 14, 0.5);
}
@media (max-width: 767px) {
  .tp-hero-3-input input {
    height: 80px;
  }
}
.tp-hero-3-input button {
  position: absolute;
  top: 50%;
  right: 28px;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 32px;
  border-radius: 30px;
  background: #0B0B0E;
  transform: translateY(-50%);
  border: 1px solid transparent;
  color: var(--tp-heading-secondary);
}
.tp-hero-3-input button:hover {
  background-color: transparent;
  color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-hero-3-input button:hover span .svg-icon {
  color: var(--tp-common-white);
}
.tp-hero-3-input button:hover span .svg-bg {
  animation: rotate2 10s linear infinite;
}
.tp-hero-3-input button span {
  margin-left: 4px;
}
.tp-hero-3-input button span .svg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-70%, -40%);
  color: var(--tp-heading-primary);
}

.tp-slider-thumb img {
  width: 100%;
  border-radius: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-4-ptb {
    padding-bottom: 100px;
  }
}
.tp-hero-4-content p {
  font-size: 22px;
  font-weight: 400;
  position: relative;
  padding-left: 260px;
  margin-bottom: 55px;
  color: rgba(245, 247, 245, 0.7);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-4-content p {
    padding-left: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-4-content p {
    padding-left: 0;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-4-content p br {
    display: none;
  }
}
.tp-hero-4-content p::before {
  content: "";
  left: 0;
  top: 30px;
  height: 2px;
  width: 160px;
  position: absolute;
  background-color: #D9D9D9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-4-content p::before {
    content: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-4-thumb {
    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), (max-width: 767px) {
  .tp-hero-4-thumb img {
    width: 100%;
  }
}
.tp-hero-4-subtitle {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
  display: inline-block;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-hero-4-subtitle {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-hero-4-subtitle {
    font-size: 26px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-4-subtitle {
    font-size: 22px;
  }
}
.tp-hero-4-subtitle img {
  margin-right: 4px;
}
.tp-hero-4-title {
  font-size: 130px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 38px;
  letter-spacing: -2.6px;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-4-title {
    font-size: 105px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-4-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-hero-4-title {
    font-size: 70px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-4-title {
    font-size: 55px;
    margin-bottom: 30px;
  }
}

.tp-hero-5-ptb {
  padding-top: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-5-ptb {
    padding-top: 185px;
  }
}
.tp-hero-5-title {
  font-size: 130px;
  font-weight: 400;
  line-height: 1.23;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-5-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), (max-width: 767px) {
  .tp-hero-5-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-5-title {
    font-size: 52px;
  }
}
.tp-hero-5-title span {
  display: inline-block;
  transform: translateY(-32px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-5-title span {
    transform: translateY(-15px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-5-title span {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-5-title br {
    display: none;
  }
}
.tp-hero-5-text-box {
  top: 10px;
  right: -30px;
  z-index: 1;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-5-text-box {
    top: -20px;
    right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-5-text-box {
    top: -35px;
    right: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-5-text-box {
    display: none;
  }
}
.tp-hero-5-text-shape {
  height: 100%;
  width: 100%;
  overflow: hidden;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-position: center center;
}
.tp-hero-5-text-item {
  width: 280px;
  display: flex;
  padding-top: 20px;
  justify-content: space-between;
  border-top: 1px solid var(--tp-heading-secondary);
}
.tp-hero-5-text-item p {
  color: #929298;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.tp-hero-5-text-item p i {
  font-weight: 500;
  font-style: normal;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-5-text-item p br {
    display: none;
  }
}
.tp-hero-5-text-item span a {
  display: inline-block;
}
.tp-hero-5-text-item span a:hover {
  transform: rotate(45deg);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-5-content {
    margin-bottom: 75px;
  }
}
@media (max-width: 767px) {
  .tp-hero-5-content {
    margin-bottom: 40px;
  }
}
.tp-hero-5-thumb {
  margin-top: -50px;
}
@media (max-width: 767px) {
  .tp-hero-5-btn-box {
    padding-bottom: 50px;
  }
}
.tp-hero-5-btn-box p {
  color: #929298;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-5-btn-box p br {
    display: none;
  }
}
.tp-hero-5-btn-box p i {
  margin-left: 40px;
  font-style: normal;
}
@media (max-width: 767px) {
  .tp-hero-5-btn-box p i {
    margin-left: 0;
  }
}
.tp-hero-5-btn-box p span {
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
.tp-hero-5-btn a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
.tp-hero-5-btn a::after {
  height: 1px;
  width: 100%;
  bottom: 0;
  content: "";
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--tp-heading-secondary);
}
.tp-hero-5-btn a span {
  margin-left: 10px;
  display: inline-block;
}
.tp-hero-5-btn a:hover::after {
  opacity: 0;
  visibility: hidden;
}

.tp-hero-7-slider-wrap {
  position: relative;
  padding-top: 330px;
  overflow: hidden;
  height: 100vh;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-7-slider-wrap {
    padding-top: 260px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-7-slider-wrap {
    padding-top: 250px;
  }
}
.tp-hero-7-slider-subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-heading-5);
  position: relative;
  display: block;
  opacity: 0;
  overflow: hidden;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
}
@media (max-width: 767px) {
  .tp-hero-7-slider-subtitle br {
    display: none;
  }
}
.tp-hero-7-slider-content {
  opacity: 0;
}
.tp-hero-7-slider-title {
  font-size: 120px;
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: -2.4px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-heading-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-7-slider-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-7-slider-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .tp-hero-7-slider-title {
    font-size: 70px;
  }
}
.tp-hero-7-slider-title div {
  display: block;
  overflow: hidden;
}
.tp-hero-7-slider-title div span {
  position: relative;
  display: block;
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transition: all 1s ease-in-out;
}
.tp-hero-7-slider-arrow {
  position: absolute;
  bottom: 55px;
  right: 54%;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-7-slider-arrow {
    right: 18%;
  }
}
.tp-hero-7-slider-arrow button {
  display: inline-block;
  width: 55px;
  height: 56px;
  line-height: 53px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--tp-common-white);
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.tp-hero-7-slider-arrow button:not(:last-of-type) {
  margin-right: 8px;
}
.tp-hero-7-slider-arrow button:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}
.tp-hero-7-slider-arrow .slider-line {
  position: absolute;
  left: 150px;
  top: 50%;
  height: 1px;
  width: 850px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-hero-7-slider-arrow .slider-line {
    width: 700px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-7-slider-arrow .slider-line {
    width: 580px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-7-slider-arrow .slider-line {
    width: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-7-slider-arrow .slider-line {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-7-slider-arrow .slider-line {
    width: inherit;
  }
}
.tp-hero-7-slider-numbers {
  position: absolute;
  bottom: 70px;
  right: 60px;
  z-index: 2;
  font-size: 54px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-heading-5);
}
@media (max-width: 767px) {
  .tp-hero-7-slider-numbers {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-8-ptb {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-8-ptb {
    padding-top: 130px;
  }
}
@media (max-width: 767px) {
  .tp-hero-8-ptb {
    padding-top: 120px;
  }
}
.tp-hero-8-active {
  margin: 0 -180px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-8-active {
    margin: 0;
  }
}
.tp-hero-8-slider-heading {
  padding-left: 65px;
}
@media (max-width: 767px) {
  .tp-hero-8-slider-heading {
    padding-left: 30px;
    padding-bottom: 35px;
  }
}
.tp-hero-8-slider-title {
  font-size: 140px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  letter-spacing: -5.6px;
  color: var(--tp-common-black-1);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-8-slider-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-8-slider-title {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .tp-hero-8-slider-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-hero-8-slider-title {
    font-size: 60px;
  }
}
.tp-hero-8-slider-item:hover .tp-hero-8-slider-item-thumb img {
  transform: scale(1.2);
}
.tp-hero-8-slider-item:hover .tp-hero-8-slider-item-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.tp-hero-8-slider-item:hover .tp-hero-8-slider-item-yer {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.tp-hero-8-slider-item-thumb {
  overflow: hidden;
}
.tp-hero-8-slider-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-hero-8-slider-item-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  opacity: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: translateX(-30px);
}
.tp-hero-8-slider-item-yer {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 26px;
  font-weight: 500;
  opacity: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: translateY(-30px);
  color: var(--tp-common-white);
}
.tp-hero-8-slider-item-title {
  font-size: 26px;
  font-weight: 500;
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.2 About Css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-ptb {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-heading {
    margin-bottom: 40px;
  }
}
.tp-about-heading .tp-section-title {
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-box {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-box {
    padding-bottom: 80px;
  }
}
.tp-about-thumb {
  animation: tpupdown 1s infinite alternate;
}
.tp-about-text-1 {
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-about-text-1 br {
    display: none;
  }
}
.tp-about-text-2 {
  line-height: 26px;
  margin-bottom: 55px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-text-2 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-about-text-2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-wrap img {
    height: 600px;
    object-fit: cover;
  }
}
.tp-about-btn .tp-btn {
  border-color: #EAEAEB;
  color: var(--tp-heading-secondary);
}
.tp-about-btn .button-style-2::after {
  background-color: var(--tp-heading-secondary);
}
.tp-about-btn .button-style-2:hover {
  color: var(--tp-heading-primary);
  border-color: transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2-ptb {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2-heading {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2-heading {
    margin-bottom: 40px;
  }
}
.tp-about-2-heading .tp-section-title {
  line-height: 1;
  margin-bottom: 30px;
}
.tp-about-2-heading .tp-about-text-1 {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2-heading .tp-about-text-1 {
    margin-bottom: 30px;
  }
}
.tp-about-2-thumb img {
  width: 100%;
}

@media (max-width: 767px) {
  .tp-about-3-ptb {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3-heading {
    margin-bottom: 80px;
  }
}
.tp-about-3-heading .tp-section-title {
  font-size: 90px;
  font-weight: 400;
  letter-spacing: -1.8px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-heading .tp-section-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3-heading .tp-section-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .tp-about-3-heading .tp-section-title {
    font-size: 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), (max-width: 767px) {
  .tp-about-3-heading .tp-section-title br {
    display: none;
  }
}
.tp-about-3-heading.about-us .tp-section-title {
  color: #19191A;
}
.tp-about-3-thumb {
  animation: tpupdown 1s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3-thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-thumb img {
    width: 100%;
  }
}
.tp-about-3-item {
  padding-bottom: 50px;
  margin-bottom: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-about-3-item span {
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-about-3-item span {
    font-size: 24px;
  }
}
.tp-about-3-item.about-us-item {
  border-color: rgba(25, 25, 26, 0.2);
}
.tp-about-3-item.about-us-item span {
  color: var(--tp-common-black-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-5-ptb {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .tp-about-5-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.tp-about-5-bg-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tp-about-5-year {
  position: absolute;
  top: 150px;
  right: 0px;
  width: 162px;
  z-index: 2;
  padding: 25px 15px;
  background: var(--tp-common-white);
  border-bottom: 4px solid #E8BF96;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  animation: tpleftright 2s infinite alternate;
}
.tp-about-5-year span {
  display: inline-block;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 8px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-4);
}
.tp-about-5-year p {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-thumb {
    margin-bottom: 50px;
  }
}
.tp-about-5-thumb-main {
  position: relative;
  padding-left: 25px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-thumb-main {
    padding-left: 0;
  }
}
.tp-about-5-thumb-main img {
  border-radius: 220px 0 0 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-thumb-main img {
    width: 100%;
  }
}
.tp-about-5-thumb-shape {
  position: absolute;
  top: 25px;
  left: 0px;
  z-index: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-thumb-shape {
    display: none;
  }
}
.tp-about-5-call {
  position: absolute;
  bottom: 75px;
  left: -80px;
  z-index: 2;
  width: 250px;
  padding: 30px 35px 27px;
  background-color: var(--tp-theme-5);
  animation: tpupdown 1.5s infinite alternate;
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-about-5-call {
    left: 0;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-about-5-call {
    bottom: 0;
  }
}
.tp-about-5-call p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 18px;
  color: var(--tp-heading-primary);
}
.tp-about-5-call a {
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-4);
}
.tp-about-5-heading .tp-section-5-title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-5-heading .tp-section-5-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-5-heading .tp-section-5-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-about-5-heading .tp-section-5-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-about-5-heading .tp-section-5-title br {
    display: none;
  }
}
.tp-about-5-heading p {
  line-height: 24px;
  color: #929298;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-heading p {
    margin-bottom: 20px;
  }
}
.tp-about-5-counter {
  position: relative;
  padding: 40px 50px;
  z-index: 2;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tp-about-5-counter.btm {
  border-bottom: 2px solid #EAEAEF;
}
.tp-about-5-counter.rft {
  border-right: 2px solid #EAEAEF;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-about-5-counter.rft {
    border: none;
  }
}
.tp-about-5-counter:hover {
  background-color: var(--tp-theme-5);
}
.tp-about-5-counter-title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-counter-title {
    font-size: 50px;
  }
}
.tp-about-5-counter p {
  line-height: 1;
  color: var(--tp-heading-primary);
}

.tp-about-us-bg {
  position: absolute;
  top: 100px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .tp-about-us-heading-top {
    margin-bottom: 20px;
  }
}
.tp-about-us-heading .tp-breadcrumb-title tp-title-anim {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-us-heading .tp-breadcrumb-title tp-title-anim br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-us-heading .tp-breadcrumb-title tp-title-anim {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-us-heading .tp-breadcrumb-title tp-title-anim {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .tp-about-us-heading .tp-breadcrumb-title tp-title-anim {
    letter-spacing: 0;
  }
}
.tp-about-us-heading p {
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 25px;
  letter-spacing: -0.44px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-us-heading p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-us-heading p br {
    display: none;
  }
}
.tp-about-us-thumb img {
  width: 100%;
}
.tp-about-us-btn a {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  letter-spacing: -0.4px;
  color: var(--tp-theme-primary);
}
.tp-about-us-btn a::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--tp-theme-primary);
}
.tp-about-us-btn a span {
  display: inline-block;
  margin-left: 8px;
}
.tp-about-us-btn a:hover::before {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-me-ptb {
    padding-top: 170px;
    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: 767px) {
  .tp-about-me-ptb {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
.tp-about-me-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.tp-about-me-heading {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-me-heading {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-heading {
    margin-bottom: 40px;
  }
}
.tp-about-me-title {
  font-size: 160px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  letter-spacing: -6.4px;
  color: var(--tp-text-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-me-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-me-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-me-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-me-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-about-me-title {
    font-size: 72px;
  }
}
.tp-about-me-title2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 22px;
  color: var(--tp-theme-primary);
}
.tp-about-me-subtitle {
  font-size: 22px;
  font-weight: 400;
  display: inline-block;
  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: 767px) {
  .tp-about-me-thumb {
    margin-bottom: 40px;
  }
}
.tp-about-me-thumb img {
  width: 100%;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-me-thumb img {
    width: inherit;
  }
}
.tp-about-me-shape-1 {
  padding-bottom: 100px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-shape-1 {
    display: none;
  }
}
.tp-about-me-shape-2 {
  padding-top: 90px;
  margin-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-me-shape-2 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-me-us-heading {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-us-heading {
    margin-bottom: 40px;
  }
}
.tp-about-me-us-title {
  font-size: 54px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1.08px;
  color: var(--tp-text-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-me-us-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-us-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-me-us-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-us-item {
    margin-bottom: 30px;
  }
}
.tp-about-me-us-item span {
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  color: var(--tp-text-3);
  line-height: 1.2;
  margin-bottom: 2px;
}
.tp-about-me-us-item p {
  color: var(--tp-text-2);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}
.tp-about-me-us-item-title {
  color: var(--tp-text-3);
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-me-img-ptb {
    padding-bottom: 70px;
  }
}
.tp-about-me-img-thumb {
  overflow: hidden;
}
.tp-about-me-img-thumb:hover img {
  transform: scale(1.1);
}
.tp-about-me-img-thumb img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-me-experience-ptb {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-me-experience-heading {
    margin-bottom: 50px;
  }
}
.tp-about-me-experience-title {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -2.4px;
  color: var(--tp-text-3);
}
.tp-about-me-experience-item {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(23, 23, 23, 0.14);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-about-me-experience-item {
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.tp-about-me-experience-left {
  margin-right: 115px;
}
@media (max-width: 767px) {
  .tp-about-me-experience-left {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-about-me-experience-left {
    margin-bottom: 20px;
  }
}
.tp-about-me-experience-left span {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 25px;
  color: var(--tp-text-2);
}
.tp-about-me-experience-left-title {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1.6px;
  color: var(--tp-text-3);
}
.tp-about-me-experience-right-title {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -1.04px;
  color: var(--tp-text-3);
}
.tp-about-me-experience-right span {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-text-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-about-me-experience-right span br {
    display: none;
  }
}
.tp-about-me-text-scrolling {
  font-size: 160px;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  letter-spacing: -9.6px;
  color: var(--tp-text-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-me-text-scrolling {
    font-size: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-me-text-scrolling {
    font-size: 100px;
  }
}
.tp-about-me-instragram-wrapper {
  margin: 0 -100px;
}
@media (max-width: 767px) {
  .tp-about-me-instragram-wrapper {
    margin: 0;
  }
}
.tp-about-me-instragram-item:hover .tp-about-me-instragram-thumb::after {
  opacity: 1;
  visibility: visible;
}
.tp-about-me-instragram-item:hover .tp-about-me-instragram-icon {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.tp-about-me-instragram-thumb {
  position: relative;
}
.tp-about-me-instragram-thumb img {
  width: 100%;
}
.tp-about-me-instragram-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: rgba(1, 15, 28, 0.3);
}
.tp-about-me-instragram-icon {
  position: absolute;
  top: 60%;
  left: 50%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -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-about-me-instragram-icon a {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 62px;
  color: var(--tp-common-black);
  font-size: 18px;
  border-radius: 50px;
  background-color: var(--tp-common-white);
}
.tp-about-me-instragram-icon a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-5);
}

/*----------------------------------------*/
/*  7.4 Service Css
/*----------------------------------------*/
.tp-service-title {
  margin: 0;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -1px;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
@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) {
  .tp-service-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-title {
    font-size: 25px;
  }
}
.tp-service-title a {
  background-image: linear-gradient(#f5f7f5, #f5f7f5), linear-gradient(#f5f7f5, #f5f7f5);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
}
.tp-service-title a:hover {
  background-size: 0% 1px, 100% 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) {
  .tp-service-heading {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .tp-service-heading {
    margin-bottom: 50px;
  }
}
.tp-service-wrapper .active-bg {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  position: absolute;
  background: #1E1E1E;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.tp-service-item {
  padding: 50px 220px;
  justify-content: space-around;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-item {
    padding: 50px 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-item {
    padding: 40px 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-item {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .tp-service-item {
    flex-wrap: wrap;
    justify-content: start;
  }
}
.tp-service-item:nth-child(4) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-service-item:hover .tp-service-item-thumb img {
  transform: scale(1.2);
}
.tp-service-item:hover .tp-service-item-btn a span {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-service-item.current .tp-service-item-btn a span {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-service-item-thumb {
  margin-right: 50px;
  overflow: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-service-item-thumb {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-item-thumb {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-item-thumb {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-service-item-thumb {
    margin-bottom: 20px;
  }
}
.tp-service-item-thumb img {
  transition: 0.9s;
}
.tp-service-item-title {
  padding-right: 200px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-item-title {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-item-title {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-item-title {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-item-title {
    margin-bottom: 20px;
  }
}
.tp-service-item-title-pre {
  padding-right: 210px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-item-title-pre {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-item-title-pre {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-item-title-pre {
    margin-bottom: 20px;
  }
}
.tp-service-item-title-pre span {
  display: inline-block;
  font-size: 26px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.8);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-item-btn {
    margin-bottom: 20px;
  }
}
.tp-service-item-btn a span {
  padding: 5px 25px;
  border-radius: 32px;
  display: inline-block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid rgba(234, 234, 235, 0.2);
}

.tp-service-2-wrapper.service-inner {
  border-bottom: 1px solid rgba(23, 23, 23, 0.1);
}
.tp-service-2-wrapper.service-inner .tp-service-2-item-list span {
  color: var(--tp-text-3);
}
.tp-service-2-wrapper.service-inner .tp-service-2-item-text-title {
  color: var(--tp-text-3);
}
.tp-service-2-wrapper.service-inner .tp-service-2-item-point ul li {
  color: var(--tp-text-3);
}
.tp-service-2-wrapper.service-inner .tp-service-2-item-btn a {
  color: var(--tp-text-3);
  border-color: rgba(23, 23, 23, 0.2);
}
.tp-service-2-wrapper.service-inner .tp-service-2-item-btn a:hover {
  border-color: var(--tp-heading-secondary);
}
.tp-service-2-item {
  padding: 35px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-service-2-item:nth-child(3) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-service-2-item:hover .tp-service-2-item-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item {
    flex-wrap: wrap;
  }
}
.tp-service-2-item-list span {
  font-size: 50px;
  font-weight: 600;
  margin-right: 120px;
  letter-spacing: -1px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-2-item-list span {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item-list span {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-2-item-list span {
    margin-bottom: 30px;
  }
}
.tp-service-2-item-thumb {
  overflow: hidden;
  margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item-thumb {
    margin-bottom: 30px;
  }
}
.tp-service-2-item-thumb img {
  transition: all 0.3s ease-in-out;
}
.tp-service-2-item-text {
  width: 280px;
  min-width: 280px;
  margin-right: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-2-item-text {
    margin-right: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-2-item-text {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item-text {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-2-item-text {
    width: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item-text {
    margin-bottom: 30px;
  }
}
.tp-service-2-item-text-title {
  font-size: 46px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -1px;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item-text-title {
    font-size: 30px;
  }
}
.tp-service-2-item-text-title a {
  background-image: linear-gradient(#f5f7f5, #f5f7f5), linear-gradient(#f5f7f5, #f5f7f5);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
}
.tp-service-2-item-text-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-service-2-item-point {
  /*margin-right: 210px;*/
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-2-item-point {
    /*margin-right: 160px;*/
  }
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-service-2-item-point {
    /*margin-right: 35px;*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-item-point {
    margin-bottom: 30px;
  }
}
.tp-service-2-item-point p {
  list-style: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 15px;
  color: rgba(245, 247, 245, 0.8);
}
.tp-service-2-item-point ul {
  margin-bottom: 15px;
}
.tp-service-2-item-point ul li {
  list-style: disc;
  margin-left: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(245, 247, 245, 0.8);
}
.tp-service-2-item-point ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-service-2-item-btn a {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 65px;
  text-align: center;
  border-radius: 69.987px;
  color: var(--tp-common-white);
  border: 1px solid rgba(234, 234, 235, 0.2);
}
.tp-service-2-item-btn a:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-service-2-item-btn a:hover span {
  transform: rotate(45deg);
}
.tp-service-2-item-btn a span {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
}

@media (max-width: 767px) {
  .tp-service-4-ptb {
    padding-bottom: 100px;
  }
}
.tp-service-4-wrapper {
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-4-wrapper {
    margin-bottom: 40px;
  }
}
.tp-service-4-wrapper p {
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-4-wrapper p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-4-wrapper p br {
    display: none;
  }
}
.tp-service-4-subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
.tp-service-4-item {
  padding: 49px 50px 52px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 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) {
  .tp-service-4-item {
    padding: 45px 30px;
  }
}
@media (max-width: 767px) {
  .tp-service-4-item {
    padding: 40px 30px;
  }
}
.tp-service-4-item.active {
  background: rgba(255, 255, 255, 0.1);
}
.tp-service-4-item.active .icon {
  transform: rotate(-50deg);
}
.tp-service-4-item span {
  display: inline-block;
  font-size: 45px;
  font-weight: 400;
  line-height: 1;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1200px) 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-service-4-item span {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .tp-service-4-item span {
    font-size: 30px;
  }
}

.tp-service-thumb img {
  width: 100%;
}
.tp-service-list {
  padding-left: 90px;
  padding-right: 160px;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-list {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.tp-service-list ul li {
  list-style: none;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 15px;
  color: var(--tp-text-2);
  width: 50%;
  float: right;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-list ul li {
    float: none;
    width: 100%;
  }
}
.tp-service-faq-title {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 55px;
  letter-spacing: -1.2px;
  text-transform: uppercase;
  color: var(--tp-heading-secondary);
}
.tp-service-faq-heading p {
  font-size: 28px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-service-faq-heading p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-ptb {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-ptb.portfolio {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-details-ptb.portfolio {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .tp-service-details-ptb.portfolio {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.tp-service-details-thumb {
  position: absolute;
  top: 115px;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-thumb {
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-thumb {
    display: none;
  }
}
.tp-service-details-heading {
  padding-left: 105px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-heading {
    padding-left: 0;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-details-heading {
    padding-bottom: 30px;
  }
}
.tp-service-details-heading p {
  padding-left: 530px;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-heading p {
    padding-left: 470px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-heading p {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-heading p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-wrapper {
    margin-bottom: 0;
  }
}
.tp-service-details-wrapper.portfolio-details .tp-service-details-text span {
  margin-right: 10px;
  -webkit-text-stroke-color: var(--tp-heading-primary);
}
.tp-service-details-title {
  position: relative;
  font-size: 160px;
  font-weight: 500;
  z-index: 2;
  letter-spacing: -6.4px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-details-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-service-details-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-details-title {
    font-size: 60px;
  }
}
.tp-service-details-title span {
  padding-left: 515px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-details-title span {
    padding-left: 470px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-title span {
    padding-left: 445px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-title span {
    padding-left: 0;
  }
}
.tp-service-details-text {
  white-space: nowrap;
}
.tp-service-details-text span {
  font-size: 140px;
  font-weight: 500;
  line-height: 1;
  color: transparent;
  letter-spacing: -8.4px;
  display: inline-block;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-text span {
    font-size: 100px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-ov-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-ov-heading {
    padding-bottom: 40px;
  }
}
.tp-service-details-ov-heading p {
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--tp-heading-primary);
}
.tp-service-details-ov-title {
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: -2.4px;
  color: var(--tp-text-3);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-details-ov-title {
    font-size: 40px;
  }
}
.tp-service-details-ov-list {
  display: inline-block;
  padding-left: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-ov-list {
    padding-left: 0;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-ov-list {
    padding-left: 0;
  }
}
.tp-service-details-ov-list ul {
  display: block;
}
.tp-service-details-ov-list ul li {
  float: left;
  width: 50%;
  font-size: 18px;
  font-weight: 500;
  list-style: none;
  color: var(--tp-heading-primary);
}
.tp-service-details-ov-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-service-details-ov-list ul li {
    float: none;
    width: 100%;
  }
}
.tp-service-details-ov-thumb {
  height: 100%;
}
.tp-service-details-ov-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-details-ov-thumb-wrap {
    padding-bottom: 40px;
  }
}
.tp-service-details-ov-wrapper p {
  font-weight: 500;
  margin-bottom: 30px;
  color: var(--tp-heading-primary);
}
.tp-service-details-ov-wrapper ul li {
  position: relative;
  padding-left: 35px;
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-heading-primary);
}
.tp-service-details-ov-wrapper ul li span {
  position: absolute;
  top: 5px;
  left: 0;
}

/*----------------------------------------*/
/*  7.5 Counter Css
/*----------------------------------------*/
.tp-counter-wrapper {
  padding: 90px 140px 80px;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.6) 0.12%, rgba(30, 30, 30, 0.86) 51.83%, rgba(30, 30, 30, 0.6) 99.87%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-wrapper {
    padding: 90px 85px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-wrapper {
    padding: 70px 35px 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-counter-wrapper {
    padding: 50px 30px;
    flex-wrap: wrap;
  }
}
.tp-counter-wrap {
  padding: 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), (max-width: 767px) {
  .tp-counter-wrap {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .tp-counter-wrap {
    display: grid !important;
    justify-content: center;
  }
}
.tp-counter-wrap .tp-counter-item:not(:last-of-type) {
  padding-right: 110px;
  margin-right: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-counter-wrap .tp-counter-item:not(:last-of-type) {
    margin-right: 85px;
    padding-right: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-wrap .tp-counter-item:not(:last-of-type) {
    margin-right: 75px;
    padding-right: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-wrap .tp-counter-item:not(:last-of-type) {
    margin-right: 60px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-counter-wrap .tp-counter-item:not(:last-of-type) {
    margin-right: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-counter-wrap .tp-counter-item:not(:last-of-type) {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
  }
}
.tp-counter-item {
  position: relative;
}
.tp-counter-item:not(:last-of-type) {
  padding-right: 130px;
  margin-right: 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-counter-item:not(:last-of-type) {
    margin-right: 85px;
    padding-right: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-item:not(:last-of-type) {
    margin-right: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-item:not(:last-of-type) {
    margin-right: 40px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-counter-item:not(:last-of-type) {
    margin-right: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-counter-item:not(:last-of-type) {
    margin-right: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}
.tp-counter-item:not(:last-of-type)::before {
  position: absolute;
  content: "";
  right: 0;
  top: 35px;
  width: 1px;
  height: 82px;
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-counter-item:not(:last-of-type)::before {
    content: none;
  }
}
.tp-counter-item-title {
  width: 260px;
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 15px;
  letter-spacing: -1.8px;
  font-family: var(--tp-ff-others);
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-item-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-counter-item-title {
    font-size: 70px;
    width: inherit;
  }
}
.tp-counter-item p {
  color: #F5F7F5;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.4px;
  font-family: var(--tp-ff-others);
}

.tp-counter-3-ptb {
  padding-top: 70px;
  padding-bottom: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-counter-3-wrapper {
    flex-wrap: wrap;
  }
}
.tp-counter-3-wrapper.portfolio-details {
  border-top: 1px solid rgba(18, 18, 18, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-counter-3-wrapper.portfolio-details {
    flex-wrap: wrap;
  }
}
.tp-counter-3-wrapper.portfolio-details .tp-counter-3-item:not(:last-of-type) {
  margin-right: 100px;
  padding: 25px 130px 20px 0;
  border-color: rgba(18, 18, 18, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-3-wrapper.portfolio-details .tp-counter-3-item:not(:last-of-type) {
    margin-right: 30px;
    padding: 25px 30px 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-counter-3-wrapper.portfolio-details .tp-counter-3-item:not(:last-of-type) {
    margin-right: 25px;
    padding: 25px 30px 20px 0;
  }
}
@media (max-width: 767px) {
  .tp-counter-3-wrapper.portfolio-details .tp-counter-3-item:not(:last-of-type) {
    margin-right: 20px;
    padding: 25px 30px 20px 0;
  }
}
.tp-counter-3-wrapper.portfolio-details .tp-counter-3-item-title {
  color: var(--tp-heading-primary);
}
.tp-counter-3-wrapper.portfolio-details .tp-counter-3-item p {
  color: var(--tp-heading-primary);
}
.tp-counter-3-item:not(:last-of-type) {
  margin-right: 130px;
  padding-right: 130px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-counter-3-item:not(:last-of-type) {
    margin-right: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-counter-3-item:not(:last-of-type) {
    padding-right: 90px;
    margin-right: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-counter-3-item:not(:last-of-type) {
    padding-right: 50px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-counter-3-item:not(:last-of-type) {
    padding-right: 70px;
    margin-right: 70px;
    border: none;
  }
}
@media (max-width: 767px) {
  .tp-counter-3-item:not(:last-of-type) {
    padding-right: 30px;
    margin-right: 30px;
    border: none;
  }
}
.tp-counter-3-item-title {
  width: 145px;
  font-size: 70px;
  font-weight: 500;
  margin: 0 auto 5px;
  color: var(--tp-heading-secondary);
}
.tp-counter-3-item p {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-heading-secondary);
}
@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), (max-width: 767px) {
  .tp-counter-3-item p {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  7.6 Cta Css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-cta-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-cta-title {
  font-size: 150px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 70px;
  letter-spacing: -3px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-cta-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cta-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-cta-title {
    font-size: 95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-title {
    font-size: 75px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-cta-title {
    font-size: 70px;
    margin-bottom: 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), (max-width: 767px) {
  .tp-cta-title br {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.7 Portfolio Css
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-ptb {
    padding-top: 120px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-ptb {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-btn {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-item {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-item {
    margin-bottom: 50px;
  }
}
.tp-project-item:hover .tp-project-item-thumb::before {
  opacity: 1;
  visibility: visible;
}
.tp-project-item:hover .tp-project-item-thumb img {
  transform: scale(1.1);
}
.tp-project-item:hover .tp-project-item-thumb-btn a {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-project-item-thumb {
  width: 100%;
  height: 470px;
  overflow: hidden;
}
.tp-project-item-thumb img {
  width: 100%;
  object-fit: cover;
  margin-top: -70px;
}
.tp-project-item-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: rgba(18, 18, 18, 0.75);
}
.tp-project-item-title {
  font-size: 50px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-item-title {
    font-size: 35px;
  }
}
.tp-project-item-content {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-item-content {
    flex-wrap: wrap;
  }
}
.tp-project-item-content-right {
  text-align: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-item-content-right {
    text-align: start;
  }
}
.tp-project-item-content-right-btn:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-project-item-content-right-btn span {
  font-size: 12px;
  font-weight: 700;
  padding: 1px 15px;
  text-align: center;
  border-radius: 40px;
  display: inline-block;
  letter-spacing: -0.06px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
  border: 0.5px solid rgba(18, 18, 18, 0.1);
  transition: all 0.3s ease-in-out;
}
.tp-project-item-content-right-btn span:hover {
  border-color: var(--tp-common-white);
  background-color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-item-content-left {
    margin-bottom: 20px;
  }
}
.tp-project-item-content-left p {
  line-height: 26px;
  font-weight: 500;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-item-content-left p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-ptb {
    padding-top: 0;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-2-heading {
    margin-bottom: 30px;
  }
}
.tp-project-2-heading .tp-section-title {
  font-size: 160px;
  margin-bottom: 0;
  line-height: 1.04;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-2-heading .tp-section-title {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .tp-project-2-heading .tp-section-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-heading .pl-110 {
    padding-left: 0;
  }
}
.tp-project-2-heading .pl {
  padding-left: 520px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-2-heading .pl {
    padding-left: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-2-heading .pl {
    padding-left: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-heading .pl {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-heading.tp-service-inner-heading {
    margin-bottom: 40px;
  }
}
.tp-project-2-heading.tp-service-inner-heading .tp-section-title {
  letter-spacing: -6.4px;
  color: var(--tp-text-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-2-heading.tp-service-inner-heading .tp-section-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) {
  .tp-project-2-heading.tp-service-inner-heading .tp-section-title {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .tp-project-2-heading.tp-service-inner-heading .tp-section-title {
    font-size: 55px;
    line-height: 1;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-2-heading.tp-service-inner-heading .tp-section-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-wrapper {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-thumb {
    margin-bottom: 50px;
  }
}
.tp-project-2-thumb img {
  width: 100%;
}
.tp-project-2-content {
  padding-left: 45px;
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-project-2-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-content {
    margin-bottom: 50px;
  }
}
.tp-project-2-content.two {
  padding-left: 0;
}
.tp-project-2-content p {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 50px;
  color: rgba(245, 247, 245, 0.7);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-2-content p {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-2-content p br {
    display: none;
  }
}
.tp-project-2-title {
  font-size: 80px;
  font-weight: 600;
  line-height: 1.05;
  margin-bottom: 25px;
  text-transform: none;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-2-title {
    font-size: 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) {
  .tp-project-2-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-2-title {
    font-size: 50px;
  }
}
.tp-project-2-title a {
  background-image: linear-gradient(#f5f7f5, #f5f7f5), linear-gradient(#f5f7f5, #f5f7f5);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
}
.tp-project-2-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-2-btn-box {
    flex-wrap: wrap;
  }
}
.tp-project-2-btn-box span, .tp-project-2-btn-box a {
  font-size: 17px;
  font-weight: 500;
  padding: 5px 28px;
  border-radius: 50px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
  color: var(--tp-heading-secondary);
  border: 1px solid rgba(245, 247, 245, 0.2);
}
.tp-project-2-btn-box span:not(:last-of-type), .tp-project-2-btn-box a:not(:last-of-type) {
  margin-right: 10px;
}
.tp-project-2-btn-box span:hover, .tp-project-2-btn-box a:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-project-2-btn .tp-btn {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-project-2-btn .tp-btn:hover {
  border-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-heading {
    margin-bottom: 50px;
  }
}
.tp-project-3-heading .tp-section-title {
  font-size: 200px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -8px;
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-project-3-heading .tp-section-title {
    font-size: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-3-heading .tp-section-title {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-3-heading .tp-section-title {
    font-size: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-project-3-heading .tp-section-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-3-heading .tp-section-title {
    font-size: 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), (max-width: 767px) {
  .tp-project-3-heading .tp-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-wrap {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-project-3-item {
    margin-bottom: 60px;
  }
}
.tp-project-3-item:hover .tp-project-3-item-thumb img {
  transform: scale(1.1);
}
.tp-project-3-item-thumb {
  margin-bottom: 35px;
  border-radius: 12px;
  overflow: hidden;
}
.tp-project-3-item-thumb img {
  width: 100%;
  transition: 0.9s;
  border-radius: 12px;
}
.tp-project-3-item-title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-family: var(--tp-ff-heading-2);
  border-bottom: 1px solid var(--tp-heading-primary);
}
.tp-project-3-item-date span {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-2);
}
.tp-project-3-item-date span.dot {
  margin: 0 5px;
}
.tp-project-3-item-btn a {
  display: inline-block;
}
.tp-project-3-item-btn a:hover {
  transform: rotate(45deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-4-ptb {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-ptb {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-heading {
    padding-bottom: 50px;
  }
}
.tp-project-4-heading p {
  line-height: 25px;
  margin-bottom: 90px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-heading p {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-4-heading .tp-section-4-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-4-heading .tp-section-4-title {
    font-size: 55px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .tp-project-4-heading .tp-section-4-title {
    font-size: 45px;
    margin: 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), (max-width: 767px) {
  .tp-project-4-heading .tp-section-4-title br {
    display: none;
  }
}
.tp-project-4-btn a {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
.tp-project-4-btn a:hover span {
  transform: rotate(45deg);
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-project-4-btn a span {
  width: 70px;
  height: 70px;
  line-height: 62px;
  margin-left: 35px;
  text-align: center;
  border-radius: 35px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid var(--tp-heading-secondary);
}
.tp-project-4-item-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 1px solid rgba(234, 234, 235, 0.2);
  border-bottom: 1px solid rgba(234, 234, 235, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-item-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.tp-project-4-item-content {
  padding-right: 155px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-project-4-item-content {
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-4-item-content {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-item-content {
    padding-right: 0;
  }
}
.tp-project-4-item-content p {
  line-height: 25px;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-item-content .tp-project-4-btn {
    padding-bottom: 50px;
  }
}
.tp-project-4-item-thumb img {
  width: 100%;
}
.tp-project-4-item-title {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 30px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media (max-width: 767px) {
  .tp-project-4-item-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-4-item-list {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-item-list {
    padding-bottom: 50px;
  }
}
.tp-project-4-item-list ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  padding: 7px 0;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--tp-ff-heading-3);
  border-bottom: 1px solid rgba(234, 234, 235, 0.2);
}
.tp-project-4-item-list ul li:nth-child(1) {
  border-top: 1px solid rgba(234, 234, 235, 0.2);
}
.tp-project-4-item-list ul li span {
  width: 80px;
  font-weight: 600;
  margin-right: 60px;
  display: inline-block;
}

.tp-portfolio-6-ptb {
  padding-top: 240px;
  padding-bottom: 140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-6-ptb {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-6-ptb {
    padding-top: 145px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-6-ptb {
    padding-bottom: 100px;
  }
}
.tp-portfolio-6-heading {
  padding-bottom: 60px;
  margin-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-6-heading {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-6-heading {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.tp-portfolio-6-title {
  font-size: 235px;
  margin: 0;
  font-weight: 800;
  line-height: 0.85;
  letter-spacing: -11.75px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-portfolio-6-title {
    font-size: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-portfolio-6-title {
    font-size: 185px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-6-title {
    font-size: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-6-title {
    font-size: 120px;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-6-title {
    font-size: 95px;
    letter-spacing: normal;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-6-title {
    font-size: 70px;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-portfolio-6-title {
    font-size: 47px;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-6-top {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-6-top {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-6-top {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-6-text {
    margin-bottom: 30px;
  }
}
.tp-portfolio-6-text p {
  font-weight: 500;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-portfolio-6-text p br {
    display: none;
  }
}
.tp-portfolio-6-text a {
  font-weight: 600;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
.tp-portfolio-6-text a span {
  margin-left: 3px;
  display: inline-block;
}
.tp-portfolio-6-item:hover .tp-portfolio-6-item-thumb img {
  transform: scale(1.1);
}
.tp-portfolio-6-item:hover .tp-portfolio-6-item-content-hide {
  transform: translateX(0);
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  transition-delay: 0ms;
  transition-duration: 0.5s;
}
.tp-portfolio-6-item-thumb {
  overflow: hidden;
}
.tp-portfolio-6-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-portfolio-6-item-content {
  position: absolute;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  left: 40px;
  bottom: 50px;
  padding: 0;
  max-width: calc(100% - 80px);
  background-color: transparent;
  overflow: hidden;
}
.tp-portfolio-6-item-content span {
  font-size: 12px;
  font-weight: 600;
  padding: 10px 8px;
  display: inline-block;
  text-transform: uppercase;
  background: #1C1D20;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.8);
}
.tp-portfolio-6-item-content-hide {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: translateX(-101%);
}
.tp-portfolio-6-item-title {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  padding: 14px 8px;
  background: #1C1D20;
  letter-spacing: -0.44px;
  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), (max-width: 767px) {
  .tp-portfolio-rendom-ptb {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-rendom-ptb {
    padding-bottom: 0;
  }
}
.tp-portfolio-rendom-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  content: "";
  z-index: 1;
  background: linear-gradient(270deg, #121212 23.65%, rgba(18, 18, 18, 0) 100%);
}
.tp-portfolio-rendom-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  content: "";
  z-index: 1;
  background: linear-gradient(-270deg, #121212 23.65%, rgba(18, 18, 18, 0) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-rendom-heading {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-rendom-heading {
    margin-bottom: 100px;
  }
}
.tp-portfolio-rendom-text {
  font-size: 250px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -10px;
  text-transform: uppercase;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-rendom-text {
    font-size: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-rendom-text {
    font-size: 150px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-rendom-text {
    font-size: 120px;
  }
}
.tp-portfolio-rendom-title {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -1.6px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-portfolio-rendom-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), (max-width: 767px) {
  .tp-portfolio-col-2-ptb {
    padding-top: 160px;
    padding-bottom: 120px;
  }
}
.tp-portfolio-col-2-heading {
  position: absolute;
  bottom: 0;
  left: 27%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-col-2-heading {
    left: 0;
  }
}
.tp-portfolio-col-2-heading p {
  position: relative;
  color: var(--tp-text-2);
}
.tp-portfolio-col-2-heading p::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 300px;
  top: 50%;
  left: -350px;
  transform: translateY(-50%);
  background-color: rgba(25, 25, 26, 0.24);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-col-2-heading p::before {
    width: 260px;
    left: -285px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-col-2-heading p::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-col-2-heading p br {
    display: none;
  }
}
.tp-portfolio-col-2-heading.color-white p {
  color: var(--tp-common-white);
}
.tp-portfolio-col-2-heading.color-white p::before {
  background-color: rgba(255, 255, 255, 0.24);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-details-ptb {
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-ptb {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-details-top {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-details-top {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-details-top {
    height: 300px;
  }
}
.tp-portfolio-details-top img {
  width: 100%;
  height: 100%;
}
.tp-portfolio-details-wrap {
  z-index: 1;
  position: relative;
  margin-top: -200px;
  padding: 80px 75px 140px;
  background-color: #FBFBFB;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-portfolio-details-wrap {
    padding: 80px 75px 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-details-wrap {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-details-wrap {
    margin-top: -100px;
    padding: 60px 30px 0;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-details-wrap {
    margin-top: 0;
    padding: 60px 30px 0;
  }
}
.tp-portfolio-details-title {
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 35px;
  letter-spacing: -2.8px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-details-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-details-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-title br {
    display: none;
  }
}
.tp-portfolio-details-thumb img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-info {
    padding-bottom: 50px;
  }
}
.tp-portfolio-details-info-item {
  margin-bottom: 15px;
}
.tp-portfolio-details-info-item span {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  color: var(--tp-heading-primary);
}
.tp-portfolio-details-info-item p {
  font-size: 14px;
  color: #414145;
  text-transform: uppercase;
}
.tp-portfolio-details-info-btn a {
  font-size: 20px;
  font-weight: 600;
  text-decoration-line: underline;
  color: var(--tp-heading-primary);
}
.tp-portfolio-details-heading {
  margin-bottom: 40px;
}
.tp-portfolio-details-heading span {
  display: inline-block;
  position: relative;
  padding-left: 50px;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 25px;
  letter-spacing: -0.34px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
.tp-portfolio-details-heading span::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 40px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--tp-heading-primary);
}
.tp-portfolio-details-heading p {
  font-size: 26px;
  font-weight: 400;
  color: #414145;
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-portfolio-details-heading p br {
    display: none;
  }
}
.tp-portfolio-details-list-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--tp-heading-primary);
}
.tp-portfolio-details-list ul li {
  font-size: 16px;
  font-weight: 400;
  color: #414145;
  list-style: none;
}
.tp-portfolio-details-list ul li span {
  margin-right: 5px;
  display: inline-block;
}
.tp-portfolio-details-list ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.tp-portfolio-details-right {
  padding-left: 80px;
  padding-bottom: 100px;
  border-left: 1px solid #D9D9D9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-details-right {
    padding-left: 50px;
    padding-bottom: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-right {
    padding-left: 0;
    border: none;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-text-heading {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-details-text-heading {
    padding-bottom: 0;
  }
}
.tp-portfolio-details-text-heading p {
  font-size: 26px;
  color: #414145;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-details-text-heading p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-details-text-heading p {
    font-size: 18px;
  }
}
.tp-portfolio-details-text-title {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: -3.6px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-portfolio-details-text-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-portfolio-details-text-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .tp-portfolio-details-text-title {
    font-size: 35px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-portfolio-details-counter-wrap {
    padding-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  7.8 Faq Css
/*----------------------------------------*/
.tp-faq-ptb::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 625px;
  content: "";
  background-color: var(--tp-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-ptb::before {
    content: none;
  }
}
@media (max-width: 767px) {
  .tp-faq-heading {
    margin-bottom: 40px;
  }
}
.tp-faq-heading .tp-section-5-title {
  color: var(--tp-heading-secondary);
}
.tp-faq-wrap {
  padding-left: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-wrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-wrapper {
    margin-bottom: 50px;
  }
}
.tp-faq-wrapper .accordion-item {
  padding-bottom: 17px;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-faq-wrapper .accordion-item.active {
  border-color: var(--tp-heading-secondary);
}
.tp-faq-wrapper .accordion-item.active:last-child {
  border-color: var(--tp-heading-secondary);
}
.tp-faq-wrapper .accordion-item:last-child {
  border-bottom: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-faq-wrapper .accordion-button {
  font-size: 30px;
  font-weight: 600;
  box-shadow: none;
  padding: 30px 30px 15px 0px;
  background-color: transparent;
  color: var(--tp-heading-secondary);
  border: 1px solid transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-faq-wrapper .accordion-button {
    font-size: 25px;
  }
}
.tp-faq-wrapper .accordion-button::after {
  content: none;
}
.tp-faq-wrapper .accordion-button:not(.collapsed) .accordion-btn {
  color: var(--tp-common-white);
  background: var(--tp-theme-primary);
}
.tp-faq-wrapper .accordion-button:not(.collapsed) .accordion-btn::before {
  background-color: var(--tp-common-white);
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  -o-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.tp-faq-wrapper .accordion-button:not(.collapsed) .accordion-btn::after {
  background-color: var(--tp-common-white);
}
.tp-faq-wrapper .accordion-button .accordion-btn {
  position: absolute;
  top: 50%;
  right: 10px;
}
.tp-faq-wrapper .accordion-button .accordion-btn::after, .tp-faq-wrapper .accordion-button .accordion-btn::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--tp-heading-secondary);
}
.tp-faq-wrapper .accordion-button .accordion-btn::before {
  background-color: var(--tp-heading-secondary);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.tp-faq-wrapper .accordion-body {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding: 0 128px 25px 0px;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-faq-wrapper .accordion-body {
    padding-right: 40px;
  }
}
.tp-faq-wrapper.faq-inner .accordion-item {
  border-bottom: 1px solid rgba(25, 25, 26, 0.2);
}
.tp-faq-wrapper.faq-inner .accordion-item.active {
  border-color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-button {
  color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-button.collapsed {
  border: 1px solid transparent;
  color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-button:not(.collapsed) {
  color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-button:not(.collapsed) .accordion-btn {
  color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-button:not(.collapsed) .accordion-btn::before {
  background-color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-button:not(.collapsed) .accordion-btn::after {
  background-color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-btn::after, .tp-faq-wrapper.faq-inner .accordion-btn::before {
  background-color: var(--tp-common-black-1);
}
.tp-faq-wrapper.faq-inner .accordion-btn::before {
  background-color: var(--tp-common-black-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-inner-heading {
    padding-bottom: 40px;
  }
}
.tp-faq-inner-heading .tp-breadcrumb-title tp-title-anim {
  color: var(--tp-common-white);
}
.tp-faq-inner-heading p {
  font-size: 28px;
  font-weight: 500;
  color: var(--tp-common-black-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-inner-heading p br {
    display: none;
  }
}
.tp-faq-inner-title {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px;
  letter-spacing: -1.2px;
  text-transform: uppercase;
  color: var(--tp-common-black-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-faq-inner-top-heading {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  7.9 Video Css
/*----------------------------------------*/
/*----------------------------------------*/
/*  8.0 Testimonial Css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-ptb {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-testimonial-item-title {
  font-size: 65px;
  font-weight: 600;
  line-height: 1.31;
  margin-bottom: 55px;
  display: inline-block;
  letter-spacing: -2.6px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-item-title {
    line-height: 1;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-item-title {
    font-size: 45px;
  }
}
.tp-testimonial-user-thumb {
  margin-right: 25px;
}
.tp-testimonial-user-thumb img {
  width: 130px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .tp-testimonial-user-thumb img {
    width: 80px;
  }
}
.tp-testimonial-user-title {
  font-size: 45px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: -0.9px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-user-title {
    font-size: 40px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-user-title {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
.tp-testimonial-user-content span {
  display: inline-block;
  font-size: 26px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.5);
}
@media (max-width: 767px) {
  .tp-testimonial-user-content span {
    font-size: 24px;
  }
}
.tp-testimonial-navigation {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .tp-testimonial-navigation {
    display: none;
  }
}
.tp-testimonial-navigation button {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 85px;
  border-radius: 90px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-heading-secondary);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-testimonial-navigation button:not(:last-of-type) {
  margin-right: 20px;
}
.tp-testimonial-navigation button:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-testimonial-dot {
  position: absolute;
  border-radius: 12px;
  left: 47% !important;
  width: 70px !important;
  padding: 1px 10px 1px;
  bottom: -40px !important;
  background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-testimonial-dot {
    left: 42% !important;
  }
}
.tp-testimonial-dot .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
}
.tp-testimonial-dot .swiper-pagination-bullet-active {
  background-color: #121212;
}

.tp-testimonial-3-ptb {
  padding-top: 220px;
  padding-bottom: 220px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-3-ptb {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.tp-testimonial-3-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.tp-testimonial-3-wrapper {
  padding: 100px 50px;
  border-radius: 16px;
  background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-testimonial-3-wrapper {
    padding: 80px 10px;
  }
}
.tp-testimonial-3-item-title {
  font-size: 65px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  letter-spacing: 2.6px;
  margin-bottom: 40px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-3-item-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3-item-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3-item-title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3-item-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3-item-title br {
    display: none;
  }
}
.tp-testimonial-3-user {
  text-align: start !important;
}
.tp-testimonial-3-user-thumb {
  margin-right: 25px;
}
.tp-testimonial-3-user-thumb img {
  border-radius: 6px;
}
.tp-testimonial-3-user-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 12px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3-user-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3-user-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3-user-title {
    font-size: 26px;
  }
}
.tp-testimonial-3-user-content span {
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  color: var(--tp-heading-primary);
}
@media (max-width: 767px) {
  .tp-testimonial-3-user-content span {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-5-ptb {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-5-ptb {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-5-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-5-heading {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-5-heading {
    margin-bottom: 30px;
  }
}
.tp-testimonial-5-heading .tp-section-5-title {
  color: var(--tp-heading-secondary);
}
.tp-testimonial-5-item {
  padding: 40px 50px;
  background: #1E1E1E;
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-testimonial-5-item {
    padding: 40px 35px;
  }
}
.tp-testimonial-5-item-content {
  margin-bottom: 30px;
}
.tp-testimonial-5-item-content p {
  line-height: 28px;
  color: rgba(245, 247, 245, 0.7);
}
.tp-testimonial-5-user {
  margin-bottom: 35px;
}
.tp-testimonial-5-user-thumb {
  margin-right: 15px;
}
.tp-testimonial-5-user-thumb img {
  width: 65px;
  border-radius: 50%;
}
.tp-testimonial-5-user-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-heading-secondary);
}
.tp-testimonial-5-user-content p {
  font-size: 16px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-5-navigation {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-5-navigation {
    margin-bottom: 30px;
  }
}
.tp-testimonial-5-navigation button {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 55px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-heading-secondary);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-testimonial-5-navigation button:not(:last-of-type) {
  margin-right: 20px;
}
.tp-testimonial-5-navigation button:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-theme-5);
}

.tp-testimonial-team-wrapper .tp-testimonial-team-active {
  margin: 0 -100px;
}
.tp-testimonial-team-wrapper .tp-testimonial-5-item {
  background-color: var(--tp-common-white);
}
.tp-testimonial-team-wrapper .tp-testimonial-5-item-content p {
  color: var(--tp-text-2);
}
@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), (max-width: 767px) {
  .tp-testimonial-team-wrapper .tp-testimonial-5-item-content p br {
    display: none;
  }
}
.tp-testimonial-team-wrapper .tp-testimonial-5-user-title {
  color: var(--tp-theme-primary);
}
.tp-testimonial-team-wrapper .tp-testimonial-5-user-content p {
  color: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  8.1 Team Css
/*----------------------------------------*/
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-team-ptb {
    padding-top: 160px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-heading {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-heading {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-btn {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-btn {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-item {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-item {
    margin-bottom: 50px;
  }
}
.tp-team-item:hover .tp-team-item-thumb img {
  transform: scale(1.1);
}
.tp-team-item:hover .tp-team-item-thumb-hide {
  transform: translateX(0);
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  transition-delay: 0ms;
  transition-duration: 0.5s;
}
.tp-team-item-title {
  margin: 0;
  line-height: 1;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-item-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-team-item-title {
    font-size: 30px;
  }
}
.tp-team-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-team-item-thumb-social {
  position: absolute;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  bottom: 40px;
  left: 40px;
  padding: 0;
  max-width: calc(100% - 80px);
  background-color: transparent;
  overflow: hidden;
}
.tp-team-item-thumb-hide {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: translateX(-101%);
}
.tp-team-item-thumb-hide a {
  display: inline-block;
}
.tp-team-item-thumb-hide a span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid transparent;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-team-item-thumb-hide a:hover span {
  color: var(--tp-common-white);
  background-color: transparent;
  border-color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-us-heading {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-us-heading p br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-2-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-team-2-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-team-2-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
}
.tp-team-2-bg img {
  height: 100%;
}
.tp-team-2-heading {
  position: relative;
}
.tp-team-2-heading .tp-section-title {
  color: var(--tp-heading-primary) !important;
}
.tp-team-2-item {
  padding: 20px;
  height: 100%;
  background-color: var(--tp-common-white);
  border: 1px solid rgba(25, 25, 26, 0.2);
}
.tp-team-2-item:hover .tp-team-2-item-thumb img {
  transform: scale(1.1);
}
.tp-team-2-item-thumb {
  overflow: hidden;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-2-item-thumb {
    margin-bottom: 30px;
  }
}
.tp-team-2-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-team-2-item-thumb span {
  position: absolute;
  top: 40px;
  right: 45px;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 15px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
  background-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), (max-width: 767px) {
  .tp-team-2-item-thumb span {
    right: 30px;
    top: 30px;
  }
}
.tp-team-2-item-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-2-item-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-team-2-item-title {
    font-size: 24px;
  }
}
.tp-team-2-item-content {
  padding-bottom: 25px;
}
.tp-team-2-item-content p {
  color: #5D5D63;
  line-height: 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), (max-width: 767px) {
  .tp-team-2-item-content p br {
    display: none;
  }
}
.tp-team-2-wrapper {
  position: relative;
  padding: 0 100px;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-2-wrapper {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-2-wrapper {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .tp-team-2-wrapper {
    padding: 0 20px;
  }
}

.tp-team-5-ptb {
  padding-top: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-5-ptb {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-team-5-ptb {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-team-5-ptb {
    padding-top: 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), (max-width: 767px) {
  .tp-team-5-heading {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-5-heading .tp-section-5-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-5-heading .tp-section-5-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-team-5-heading .tp-section-5-title {
    font-size: 45px;
  }
}
.tp-team-5-item {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #2E2E2E;
}
.tp-team-5-item:hover .tp-team-5-item-thumb img {
  transform: scale(1.1);
}
.tp-team-5-item-thumb {
  overflow: hidden;
}
.tp-team-5-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-team-5-item-content {
  padding: 30px 0;
}
.tp-team-5-item-content p {
  color: #929298;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.tp-team-5-item-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 12px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-5-item-title {
    font-size: 25px;
  }
}
.tp-team-5-item-title a:hover {
  color: var(--tp-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-5-btn {
    margin-bottom: 50px;
  }
}
.tp-team-5-btn .tp-practice-item-btn a {
  color: var(--tp-heading-primary);
}
.tp-team-5-btn .tp-practice-item-btn a::after {
  background-color: var(--tp-heading-primary);
}

.tp-team-top-border {
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(25, 25, 26, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-inner-wrap {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-inner-wrap {
    padding-bottom: 40px;
  }
}
.tp-team-inner-item:hover .tp-team-inner-item-thumb img {
  transform: scale(1.2);
}
.tp-team-inner-item:hover .tp-team-inner-item-social-icons {
  top: 60px;
  opacity: 1;
  visibility: visible;
}
.tp-team-inner-item-thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.tp-team-inner-item-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-team-inner-item-social-icon {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 40px;
  z-index: 1;
  height: 45px;
  width: 45px;
  line-height: 1;
  border-radius: 0 0 25px 25px;
  background-color: var(--tp-common-white);
}
.tp-team-inner-item-social-icons {
  position: absolute;
  top: -100px;
  height: auto;
  width: 45px;
  left: 62px;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  transform: translateX(-50%);
}
.tp-team-inner-item-social-icons a {
  display: block;
}
.tp-team-inner-item-social-icons a:not(:last-child) {
  margin-bottom: 6px;
}
.tp-team-inner-item-social-icons a span {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: var(--tp-common-white);
  border: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-team-inner-item-social-icons a span i {
  transform: translate(-1px, 2px);
}
.tp-team-inner-item-social-icons a:hover span {
  color: var(--tp-theme-primary);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}
.tp-team-inner-item-content span {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-theme-primary);
}
.tp-team-inner-item-title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: -0.8px;
  color: var(--tp-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-inner-item-title {
    font-size: 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), (max-width: 767px) {
  .tp-team-counter-ptb {
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-ptb {
    padding-top: 160px;
  }
}
.tp-team-details-ptb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/team/team/team-details-bg.png);
}
.tp-team-details-content {
  padding-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-content {
    padding-left: 0;
  }
}
.tp-team-details-content span {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  display: inline-block;
  color: rgba(245, 247, 245, 0.4);
}
.tp-team-details-content p {
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-team-details-thumb img {
    width: 100%;
  }
}
.tp-team-details-title {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 14px;
  letter-spacing: -1.2px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-title {
    font-size: 40px;
  }
}
.tp-team-details-social a {
  margin-right: 4px;
  display: inline-block;
}
.tp-team-details-social a span {
  margin: 0;
  width: 44px;
  height: 44px;
  line-height: 40px;
  text-align: center;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
  color: var(--tp-common-white);
  border: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-team-details-social a span i {
  transform: translate(-1px, 2px);
}
.tp-team-details-social a:hover span {
  color: var(--tp-theme-primary);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}

@media (min-width: 768px) {
  .team-type-2 .tp-team-2-item {display: flex;}
  .team-type-2 .tp-team-2-item-thumb {margin-bottom: 5px;}
  .team-type-2 .tp-team-2-item-content {padding: 20px;}
}



/*----------------------------------------*/
/*  8.2 Experiance Css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-experiance-ptb {
    padding-top: 0;
  }
}
.tp-experiance-heading .tp-section-title {
  font-size: 100px;
  line-height: 1;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-experiance-heading .tp-section-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .tp-experiance-heading .tp-section-title {
    font-size: 60px;
  }
}
.tp-experiance-wrap {
  padding: 60px 0;
  border-top: 1px solid rgba(245, 247, 245, 0.1);
  border-bottom: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-experiance-wrap.two {
  margin-top: -2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-experiance-wrap {
    flex-wrap: wrap;
  }
}
.tp-experiance-item:not(:last-of-type) {
  padding-right: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-experiance-item:not(:last-of-type) {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-experiance-item:not(:last-of-type) {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-experiance-item:not(:last-of-type) {
    padding-right: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-experiance-item:not(:last-of-type) {
    padding-right: 0;
  }
}
.tp-experiance-item-icon {
  margin-right: 30px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-experiance-item-icon {
    margin-right: 15px;
  }
}
.tp-experiance-item-icon span {
  width: 160px;
  height: 160px;
  text-align: center;
  line-height: 150px;
  display: inline-block;
  border: 1px solid rgba(245, 247, 245, 0.1);
}
.tp-experiance-item-tags {
  margin-bottom: 10px;
  align-items: center;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-experiance-item-tags {
    flex-wrap: wrap;
  }
}
.tp-experiance-item-tags span {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  color: rgba(245, 247, 245, 0.7);
}
.tp-experiance-item-tags span.dev {
  height: 1px;
  width: 20px;
  margin: 0 25px;
  background: rgba(245, 247, 245, 0.7);
}
.tp-experiance-item-title {
  font-size: 40px;
  font-weight: 700;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) 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-experiance-item-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-experiance-item-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-experiance-item-title br {
    display: none;
  }
}
.tp-experiance-item-title a {
  background-image: linear-gradient(#f5f7f5, #f5f7f5), linear-gradient(#f5f7f5, #f5f7f5);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
}
.tp-experiance-item-title a:hover {
  background-size: 0% 1px, 100% 1px;
}

/*----------------------------------------*/
/*  8.3 Awerd Css
/*----------------------------------------*/
.tp-awerd-wrap {
  bottom: 0;
  right: 200px;
  width: 540px;
  position: absolute;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-awerd-wrap {
    right: 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) {
  .tp-awerd-wrap {
    right: 50px;
  }
}
@media (max-width: 767px) {
  .tp-awerd-wrap {
    right: 10px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-wrap {
    right: 0;
    width: 100%;
  }
}
.tp-awerd-thumb {
  height: 800px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-awerd-thumb {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-thumb {
    height: 600px;
  }
}
.tp-awerd-thumb img {
  height: 100%;
  object-fit: cover;
}
.tp-awerd-item {
  display: flex;
  padding: 54px 50px;
  align-items: center;
}
@media (max-width: 767px) {
  .tp-awerd-item {
    padding: 40px 40px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-item {
    padding: 30px;
  }
}
.tp-awerd-item-icon {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 2px solid var(--tp-heading-primary);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-item-icon {
    margin-right: 20px;
    padding-right: 20px;
  }
}
.tp-awerd-item-content p {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-3);
}
@media (max-width: 767px) {
  .tp-awerd-item-content p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-item-content p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-awerd-4-ptb {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-4-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-4-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-awerd-4-heading .tp-section-4-title {
    font-size: 72px;
  }
}
@media (max-width: 767px) {
  .tp-awerd-4-heading .tp-section-4-title {
    font-size: 45px;
  }
}
.tp-awerd-4-item {
  padding: 40px 30px;
  justify-content: space-between;
  border: 1px solid rgba(234, 234, 235, 0.2);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-4-item {
    flex-wrap: wrap;
  }
}
.tp-awerd-4-item-sub {
  font-size: 22px;
  font-weight: 400;
  margin-right: 40px;
  display: inline-block;
  color: rgba(245, 247, 245, 0.7);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-awerd-4-item-sub {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-4-item-sub {
    margin-bottom: 20px;
  }
}
.tp-awerd-4-item-content {
  margin-right: 62px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-4-item-content {
    margin-bottom: 20px;
  }
}
.tp-awerd-4-item-content span {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  display: inline-block;
  color: rgba(245, 247, 245, 0.7);
  font-family: var(--tp-ff-heading-3);
}
.tp-awerd-4-item-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-awerd-4-item-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-4-item-title br {
    display: none;
  }
}

.tp-awerd-5-thumb {
  height: 800px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-awerd-5-thumb {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-5-thumb {
    height: 600px;
  }
}
.tp-awerd-5-thumb img {
  height: 100%;
  object-fit: cover;
}
.tp-awerd-5-item {
  position: absolute;
  bottom: -150px;
  right: 150px;
  width: 420px;
  padding: 50px;
  background-color: var(--tp-theme-5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-awerd-5-item {
    right: 70px;
    bottom: -130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-5-item {
    right: 30px;
    bottom: -50px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-awerd-5-item {
    right: 0;
    bottom: 0;
    width: 100%;
  }
}
.tp-awerd-5-item-icon {
  margin-bottom: 30px;
}
.tp-awerd-5-item-text {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
.tp-awerd-5-item-text span {
  font-size: 55px;
  font-weight: 700;
  margin-right: 4px;
  letter-spacing: -1.1px;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
.tp-awerd-5-item-text p {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: var(--tp-heading-primary);
}
.tp-awerd-5-item-content {
  padding-bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-awerd-5-item-content {
    padding-bottom: 55px;
  }
}
.tp-awerd-5-item-content p {
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-awerd-5-item-content p {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .tp-awerd-5-item-content p {
    font-size: 40px;
  }
}
.tp-awerd-5-item-btn a {
  display: inline-block;
  color: var(--tp-heading-secondary);
  background-color: var(--tp-heading-primary);
}
.tp-awerd-5-item-btn a:hover {
  color: var(--tp-heading-primary);
  background-color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  8.4 Contact Css
/*----------------------------------------*/
.tp-contact-box {
  margin: 0 60px;
  z-index: 1;
}
@media (max-width: 767px) {
  .tp-contact-box {
    margin: 0 10px;
  }
}
.tp-contact-thumb {
  height: 100%;
}
.tp-contact-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.tp-contact-noice::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("../img/contact/contact-bg.jpg");
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-2-ptb {
    padding-top: 160px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-contact-2-ptb {
    padding-top: 160px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-2-heading {
    margin-bottom: 60px;
  }
}
.tp-contact-2-heading p {
  font-size: 22px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-contact-2-heading p br {
    display: none;
  }
}
.tp-contact-2-title {
  font-size: 100px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: -4px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-2-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-contact-2-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .tp-contact-2-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-contact-2-title {
    font-size: 64px;
  }
}
.tp-contact-2-info a {
  position: relative;
  padding-left: 70px;
  display: block;
  font-size: 26px;
  font-weight: 400;
  color: var(--tp-heading-secondary);
}
.tp-contact-2-info a:not(:last-child) {
  margin-bottom: 50px;
}
.tp-contact-2-info a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.tp-contact-2-info a span {
  position: absolute;
  top: -10px;
  left: 0;
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border-radius: 100px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.tp-contact-2-map {
  width: 100%;
  height: 800px;
}
.tp-contact-2-map iframe {
  width: 100%;
  height: 100%;
}
.tp-contact-2-map-overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background-color: rgba(18, 18, 18, 0.4);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-2-location-ptb {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
.tp-contact-2-location-title {
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -4px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-2-location-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .tp-contact-2-location-title {
    font-size: 65px;
  }
}
.tp-contact-2-location-heading p {
  color: rgba(245, 247, 245, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-2-location-heading p br {
    display: none;
  }
}
.tp-contact-2-location-item:hover .tp-contact-2-location-item-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-2-location-item {
    margin-bottom: 40px;
  }
}
.tp-contact-2-location-item-thumb {
  overflow: hidden;
  margin-bottom: 25px;
}
.tp-contact-2-location-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.9s;
}
.tp-contact-2-location-item-content p {
  font-size: 30px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-contact-2-location-item-content p {
    font-size: 25px;
  }
}
.tp-contact-2-location-item-title {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: -2.7px;
  color: var(--tp-heading-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-contact-2-location-item-title {
    font-size: 35px;
  }
}

.tp-contactform-input label {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
}
.tp-contactform-input input, .tp-contactform-input textarea {
  border: none;
  font-size: 22px;
  font-weight: 400;
  padding-left: 0;
  height: 45px;
  color: var(--tp-common-white);
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .tp-contactform-input input, .tp-contactform-input textarea {
    font-size: 18px;
  }
}
.tp-contactform-input input::-webkit-input-placeholder, .tp-contactform-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5F5F65;
  font-size: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-contactform-input input::-webkit-input-placeholder, .tp-contactform-input textarea::-webkit-input-placeholder {
    font-size: 18px;
  }
}
.tp-contactform-input input::-moz-placeholder, .tp-contactform-input textarea::-moz-placeholder { /* Firefox 19+ */
  color: #5F5F65;
  font-size: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-contactform-input input::-moz-placeholder, .tp-contactform-input textarea::-moz-placeholder {
    font-size: 18px;
  }
}
.tp-contactform-input input:-moz-placeholder, .tp-contactform-input textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #5F5F65;
  font-size: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-contactform-input input:-moz-placeholder, .tp-contactform-input textarea:-moz-placeholder {
    font-size: 18px;
  }
}
.tp-contactform-input input:-ms-input-placeholder, .tp-contactform-input textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #5F5F65;
  font-size: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-contactform-input input:-ms-input-placeholder, .tp-contactform-input textarea:-ms-input-placeholder {
    font-size: 18px;
  }
}
.tp-contactform-input input::placeholder, .tp-contactform-input textarea::placeholder { /* MODERN BROWSER */
  color: #5F5F65;
  font-size: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .tp-contactform-input input::placeholder, .tp-contactform-input textarea::placeholder {
    font-size: 18px;
  }
}
.tp-contactform-input input:focus, .tp-contactform-input textarea:focus {
  border-color: var(--tp-common-white);
}
.tp-contactform-input textarea {
  resize: none;
  height: 100px;
}
.tp-contactform-input textarea:focus {
  border-color: var(--tp-common-white);
}
.tp-contactform-wrap {
  padding: 130px 145px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-contactform-wrap {
    padding: 120px 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) {
  .tp-contactform-wrap {
    padding: 100px;
  }
}
@media (max-width: 767px) {
  .tp-contactform-wrap {
    padding: 50px;
  }
}
.tp-contactform-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.2px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .tp-contactform-title {
    margin-bottom: 40px;
    font-size: 25px;
  }
}
.tp-contactform-btn button {
  font-size: 17px;
  font-weight: 600;
  padding: 13px 50px;
  text-align: center;
  display: inline-block;
  color: var(--tp-common-black-1);
  background-color: var(--tp-heading-secondary);
}

/*----------------------------------------*/
/*  8.5 Funfact Css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-heading {
    margin-bottom: 50px;
  }
}
.tp-funfact-heading .tp-section-title {
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -0.6px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-funfact-heading .tp-section-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .tp-funfact-heading .tp-section-title {
    font-size: 45px;
  }
}
.tp-funfact-heading .tp-section-title span {
  /*padding-left: 115px;*/
}
@media (max-width: 767px) {
  .tp-funfact-heading .tp-section-title span {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-heading .tp-section-title br {
    display: none;
  }
}
.tp-funfact-item-title {
  position: relative;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  padding-left: 30px;
  margin-bottom: 25px;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading-2);
}
@media (max-width: 767px) {
  .tp-funfact-item-title {
    font-size: 32px;
  }
}
.tp-funfact-item-title::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  background-color: var(--tp-heading-primary);
}
.tp-funfact-item p {
  font-size: 18px;
  margin-bottom: 15px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) 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: 767px) {
  .tp-funfact-item p br {
    display: none;
  }
}

@media (min-width: 768px) {
	.tp-funfact-item {-moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap: 35px; -webkit-column-gap:35px; column-gap:35px; min-height:1%; word-break: break-word;}
}

/*----------------------------------------*/
/*  8.6 Brand Css
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-brand-ptb {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-brand-4-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.tp-brand-4-heading .tp-service-4-subtitle {
  position: relative;
  margin: 0;
}
.tp-brand-4-heading .tp-service-4-subtitle::before {
  content: "";
  left: -480px;
  top: 50%;
  height: 1px;
  width: 450px;
  position: absolute;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(26, 23, 23, 0.5) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-brand-4-heading .tp-service-4-subtitle::before {
    width: 390px;
    left: -400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-brand-4-heading .tp-service-4-subtitle::before {
    width: 250px;
    left: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-brand-4-heading .tp-service-4-subtitle::before {
    width: 200px;
    left: -200px;
  }
}
@media (max-width: 767px) {
  .tp-brand-4-heading .tp-service-4-subtitle::before {
    content: none;
  }
}
.tp-brand-4-heading .tp-service-4-subtitle::after {
  content: "";
  right: -480px;
  top: 50%;
  height: 1px;
  width: 450px;
  position: absolute;
  transform: translateY(-50%);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.5) 0%, rgba(26, 23, 23, 0.5) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-brand-4-heading .tp-service-4-subtitle::after {
    width: 390px;
    right: -400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-brand-4-heading .tp-service-4-subtitle::after {
    width: 250px;
    right: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-brand-4-heading .tp-service-4-subtitle::after {
    width: 200px;
    right: -200px;
  }
}
@media (max-width: 767px) {
  .tp-brand-4-heading .tp-service-4-subtitle::after {
    content: none;
  }
}
.tp-brand-4-heading.about .tp-service-4-subtitle {
  color: var(--tp-text-3);
}
.tp-brand-4-wrapper.about .tp-brand-4-item {
  margin: -1px -1px -1px -1px;
  border-color: rgba(23, 23, 23, 0.1);
}
.tp-brand-4-wrapper.about .tp-brand-4-item img {
  filter: brightness(0);
}
.tp-brand-4-wrapper.about .tp-brand-4-item .tp-brand-4-line-text span {
  color: var(--tp-text-3);
}
.tp-brand-4-item {
  height: 100%;
  overflow: hidden;
  text-align: center;
  margin: -1px -1px 0 0px;
  padding: 98px 30px 90px;
  border: 1px solid #2A2A2A;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-brand-4-item {
    padding: 80px 30px;
  }
}
.tp-brand-4-item:hover img {
  opacity: 0;
  visibility: hidden;
}
.tp-brand-4-item:hover .tp-brand-4-line-text {
  opacity: 1;
  visibility: visible;
}
.tp-brand-4-item img {
  transition: 0.3s;
}
.tp-brand-4-line-text {
  position: absolute;
  top: 45%;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
  transform: translateY(-50%);
  animation: scrollText-2 25s infinite linear;
}
.tp-brand-4-line-text span {
  font-size: 20px;
  font-weight: 400;
  margin: 0px 15px;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  8.6 Practice Css
/*----------------------------------------*/
@media only screen and (min-width: 1200px) 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-practice-ptb {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .tp-practice-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-practice-heading {
    padding-bottom: 50px;
  }
}
.tp-practice-heading .tp-section-5-title {
  margin: 0;
  color: var(--tp-heading-secondary);
}
@media (max-width: 767px) {
  .tp-practice-heading .tp-section-5-title {
    font-size: 52px;
  }
}
.tp-practice-item {
  padding: 50px 60px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 2px solid #2E2E2E;
}
@media (max-width: 767px) {
  .tp-practice-item {
    padding: 50px 35px;
  }
}
.tp-practice-item:hover {
  border-color: transparent;
  background-color: #1E1E1E;
}
.tp-practice-item:hover .tp-practice-item-icon {
  animation: icon-bounce 0.8s 1;
}
.tp-practice-item-icon {
  margin-bottom: 30px;
}
.tp-practice-item-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 22px;
  letter-spacing: -0.8px;
  color: var(--tp-heading-secondary);
  font-family: var(--tp-ff-heading-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-practice-item-title {
    font-size: 35px;
  }
}
.tp-practice-item-title a:hover {
  color: var(--tp-theme-5);
}
.tp-practice-item-content {
  margin-bottom: 50px;
}
.tp-practice-item-content p {
  color: #929298;
  line-height: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-practice-item-content p br {
    display: none;
  }
}
.tp-practice-item-btn a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 0.8;
  display: inline-block;
  letter-spacing: -0.16px;
  text-transform: capitalize;
  color: var(--tp-heading-secondary);
}
.tp-practice-item-btn a::after {
  height: 1px;
  width: 100%;
  bottom: 0;
  content: "";
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: var(--tp-heading-secondary);
}
.tp-practice-item-btn a span {
  margin-left: 10px;
  display: inline-block;
}
.tp-practice-item-btn a:hover::after {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-pricing-breadcrumb-ptb {
    padding-top: 160px;
    padding-bottom: 40px;
  }
}
.tp-pricing-heading {
  position: absolute;
  bottom: 20px;
  right: 7%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-pricing-heading {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-pricing-heading {
    position: initial;
    padding-top: 20px;
  }
}
.tp-pricing-heading p {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: rgba(245, 247, 245, 0.5);
}
.tp-pricing-heading p::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 200px;
  top: 50%;
  left: -220px;
  transform: translateY(-50%);
  background-color: rgba(245, 247, 245, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-pricing-heading p::before {
    content: none;
  }
}
.tp-pricing-heading.contact {
  right: 5%;
}
.tp-pricing-heading.contact p {
  color: #5D5D63;
}
.tp-pricing-heading.contact p::before {
  background-color: rgba(25, 25, 26, 0.24);
}
@media (max-width: 767px) {
  .tp-pricing-heading.contact p br {
    display: none;
  }
}
.tp-pricing-heading.contact-2 {
  right: 3%;
}
.tp-pricing-item {
  padding: 50px 40px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 1px 3px 0px rgba(166, 175, 195, 0.4);
}
.tp-pricing-item-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: -2.16px;
  color: var(--tp-common-black);
}
.tp-pricing-item-top {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 2px solid rgba(25, 25, 26, 0.14);
}
.tp-pricing-item-heading {
  margin-bottom: 30px;
}
.tp-pricing-item-heading p {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #535358;
}
.tp-pricing-item-price-title {
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-pricing-item-price-title {
    font-size: 50px;
  }
}
.tp-pricing-item-price-title .duration {
  color: #5D5D63;
  font-size: 18px;
  font-weight: 400;
}
.tp-pricing-item-list ul {
  display: block;
  margin-bottom: 48px;
}
.tp-pricing-item-list ul li {
  list-style: none;
  color: #535358;
  font-size: 18px;
  font-weight: 400;
}
.tp-pricing-item-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.tp-pricing-item-list ul li span {
  width: 28px;
  height: 28px;
  font-size: 14px;
  font-weight: 800;
  line-height: 31px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
}
.tp-pricing-item.active {
  background-color: var(--tp-common-black-1);
}
.tp-pricing-item.active .tp-pricing-item-title {
  color: var(--tp-common-white);
}
.tp-pricing-item.active .tp-pricing-item-price-title {
  color: var(--tp-common-white);
}
.tp-pricing-item.active .tp-pricing-item-price-title .duration {
  color: rgba(245, 247, 245, 0.5);
}
.tp-pricing-item.active .tp-pricing-item-top {
  border-color: var(--tp-heading-secondary);
}
.tp-pricing-item.active .tp-pricing-item-list ul li {
  color: rgba(245, 247, 245, 0.5);
}
.tp-pricing-item.active .tp-pricing-item-list ul li span {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-pricing-item.active .tp-pricing-item-heading p {
  color: rgba(245, 247, 245, 0.5);
}
.tp-pricing-item.active .tp-pricing-btn {
  color: var(--tp-heading-primary);
  background-color: var(--tp-heading-secondary);
}
.tp-pricing-item.active .tp-pricing-btn:hover {
  background-color: transparent;
  color: var(--tp-common-white);
  border-color: var(--tp-heading-secondary);
}
.tp-pricing-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 13px 50px;
  text-align: center;
  display: inline-block;
  border: 1px solid transparent;
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
}
.tp-pricing-btn span {
  margin-left: 5px;
}
.tp-pricing-btn:hover {
  background-color: transparent;
  color: var(--tp-common-black-1);
  border-color: var(--tp-heading-primary);
}
.tp-pricing-faq-heading .tp-breadcrumb-subtitle {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 60px;
  letter-spacing: -1.2px;
  text-transform: uppercase;
  color: var(--tp-heading-secondary);
}
.tp-pricing-faq-heading .tp-breadcrumb-subtitle::before {
  content: none;
}
.tp-pricing-faq-heading p {
  font-size: 28px;
  font-weight: 500;
  color: var(--tp-heading-secondary);
}

/*----------------------------------------*/
/*  8.7 Login Css
/*----------------------------------------*/
.tp-login-wrapper {
  padding: 50px 45px 70px;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .tp-login-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tp-login-title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 4px;
}
.tp-login-top p {
  font-weight: 400;
  font-size: 16px;
  color: #49535B;
}
.tp-login-top p a {
  color: var(--tp-common-black);
  position: relative;
  display: inline-block;
}
.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-top p a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-option-item {
  margin-bottom: 10px;
}
.tp-login-option-item:not(:last-child) {
  margin-right: 10px;
}
.tp-login-option-item.has-google a {
  width: 220px;
}
.tp-login-option-item.has-google a img {
  margin-right: 7px;
}
.tp-login-option-item a {
  display: inline-block;
  width: 98px;
  height: 56px;
  line-height: 54px;
  text-align: center;
  border: 1px solid #E0E2E3;
  font-size: 16px;
  color: #041226;
}
.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 a:hover {
  border-color: var(--tp-common-black);
}
.tp-login-mail {
  position: relative;
  z-index: 1;
}
.tp-login-mail p {
  font-size: 15px;
  color: #55585B;
  margin-bottom: 0;
  padding: 0 20px;
  position: relative;
  display: inline-block;
  background-color: #f5f5f5;
}
.tp-login-mail p a:hover {
  color: var(--tp-common-black);
}
.tp-login-mail::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 12px;
  width: 100%;
  height: 1px;
  background-color: #E0E2E3;
  transition: 0.3s;
  z-index: -1;
}
.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 input {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #E0E2E3;
  font-size: 14px;
  color: var(--tp-common-black);
}
.tp-login-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #95999D;
}
.tp-login-input input::-moz-placeholder { /* Firefox 19+ */
  color: #95999D;
}
.tp-login-input input:-moz-placeholder { /* Firefox 4-18 */
  color: #95999D;
}
.tp-login-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #95999D;
}
.tp-login-input input::placeholder { /* MODERN BROWSER */
  color: #95999D;
}
.tp-login-input-title label {
  font-size: 14px;
  padding: 0 5px;
  line-height: 1;
  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 .open-eye {
  display: none;
}
.tp-login-input-eye span {
  transition: 0.3s;
}
.tp-login-input-eye:hover {
  cursor: pointer;
}
.tp-login-input-eye:hover span {
  color: var(--tp-common-black);
}
.tp-login-remeber input {
  display: none;
}
.tp-login-remeber input:checked ~ label::after {
  background-color: var(--tp-common-black);
  border-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::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;
}
.tp-login-remeber label::before {
  position: absolute;
  content: url("../img/others/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-remeber label:hover {
  cursor: pointer;
}
.tp-login-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-common-black);
  position: relative;
  display: inline-block;
}
.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-forgot a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tp-login-btn {
  font-weight: 500;
  font-size: 16px;
  padding: 14px 30px;
  text-align: center;
  display: inline-block;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 2px solid var(--tp-common-black);
}
.tp-login-btn:hover {
  background-color: #fff;
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  8.8 Shop Css
/*----------------------------------------*/
.tp-product-item:hover .tp-product-thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-product-item:hover .tp-product-action {
  right: 20px;
  visibility: visible;
  opacity: 1;
}
.tp-product-item:hover .tp-product-add-cart-btn-large-wrapper {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.tp-product-thumb img {
  transition: all 0.3s 0s ease-out;
}
.tp-product-action {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: auto;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .tp-product-action {
    top: 30px;
  }
}
.tp-product-action-btn {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: var(--tp-common-white);
  border: 1px solid #DFE0E1;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.1);
  margin-bottom: 4px;
}
.tp-product-action-btn:last-child {
  margin-bottom: 0;
}
.tp-product-action-btn svg {
  transform: translateY(-2px);
}
.tp-product-action-btn .tp-product-tooltip {
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-common-white);
}
.tp-product-action-btn:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background: var(--tp-common-black);
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.1);
}
.tp-product-action-btn:hover .tp-product-tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-8px) translateY(-50%);
  -moz-transform: translateX(-8px) translateY(-50%);
  -ms-transform: translateX(-8px) translateY(-50%);
  -o-transform: translateX(-8px) translateY(-50%);
  transform: translateX(-8px) translateY(-50%);
}
.tp-product-tooltip {
  position: absolute;
  top: 50%;
  right: 100%;
  font-weight: 500;
  font-size: 12px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  display: inline-block;
  width: max-content;
  line-height: 1;
  padding: 6px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.tp-product-tooltip::before {
  position: absolute;
  content: "";
  right: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid var(--tp-common-black);
  border-bottom: 8px solid transparent;
}
.tp-product-tooltip-right {
  left: 100%;
  right: auto;
}
.tp-product-tooltip-right::before {
  left: -4px;
  right: auto;
  border-left: 0;
  border-right: 8px solid var(--tp-common-black);
}
.tp-product-add-cart-btn-large {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding: 8px 30px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-product-add-cart-btn-large svg, .tp-product-add-cart-btn-large i {
  margin-right: 5px;
}
.tp-product-add-cart-btn-large svg {
  transform: translateY(-2px);
}
.tp-product-add-cart-btn-large:hover {
  color: var(--tp-common-white);
  background-color: #0057FC;
}
.tp-product-add-cart-btn-large-wrapper {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.tp-product-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 8px;
  font-family: var(--tp-ff-heading-3);
}
.tp-product-title a {
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: 0.3s linear;
  background-image: linear-gradient(#121212, #121212), linear-gradient(#121212, #121212);
}
.tp-product-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-product-price {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading-3);
}
.tp-product-price.old-price {
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: line-through;
  color: var(--tp-text-body);
}
.tp-product-tag span {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--tp-text-body);
  transition: all 0.4s ease;
}
.tp-product-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}
.tp-product-badge span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--tp-common-black);
  border-radius: 50%;
  color: var(--tp-common-white);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.02em;
}
.tp-product-details-thumb-wrapper .nav-tabs {
  margin-right: 0;
  border: none;
}
.tp-product-details-thumb-wrapper .nav-tabs .nav-link {
  width: 110px;
  height: 110px;
  padding: 0;
  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: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-product-details-thumb-wrapper .nav-tabs .nav-link {
    width: 101px;
    height: 101px;
  }
}
.tp-product-details-thumb-wrapper .nav-tabs .nav-link:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 10px;
}
.tp-product-details-thumb-wrapper .nav-tabs .nav-link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid transparent;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}
.tp-product-details-thumb-wrapper .nav-tabs .nav-link.active::after, .tp-product-details-thumb-wrapper .nav-tabs .nav-link:hover::after {
  border-color: var(--tp-common-black);
}
.tp-product-details-thumb-wrapper .nav-tabs .nav-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-product-details-nav-main-thumb {
  margin-bottom: 14px;
}
.tp-product-details-nav-main-thumb img {
  max-width: 100%;
}
.tp-product-details-wrapper {
  margin-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-product-details-wrapper {
    margin-left: 0;
  }
}
.tp-product-details-wrapper > p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 10px;
}
.tp-product-details-wrapper > p span {
  font-weight: 500;
  color: var(--tp-theme-primary);
}
.tp-product-details-heading .tp-section-title {
  font-size: 85px;
  line-height: 1;
  margin-bottom: 40px;
}
.tp-product-details-title {
  font-weight: 500;
  line-height: 1;
  font-size: 30px;
  margin-bottom: 20px;
}
.tp-product-details-price {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}
.tp-product-details-category span {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;
}
.tp-product-details-reviews span {
  font-size: 15px;
}
.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-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
}
.tp-product-details-quantity .tp-product-quantity {
  width: 122px;
  border-radius: 0;
  position: relative;
  background: var(--tp-common-white);
  box-shadow: 0px 1px 3px rgba(1, 15, 28, 0.1);
}
.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;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: var(--tp-common-black);
  position: absolute;
  top: 50%;
  left: 16px;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s 0s ease-out;
}
.tp-product-details-quantity .tp-cart-plus:hover, .tp-product-details-quantity .tp-cart-minus:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.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;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  padding: 0 30px;
  width: 100%;
  text-align: center;
}
.tp-product-details-add-to-cart {
  width: 295px;
}
.tp-product-details-add-to-cart-btn {
  font-size: 16px;
  text-align: center;
  padding: 10px 30px;
  border: 1px solid #E0E2E3;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.tp-product-details-add-to-cart-btn:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
}
.tp-product-details-wishlist-btn {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  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-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;
  color: var(--tp-common-black);
  line-height: 1.4;
  margin-right: 6px;
}
.tp-product-details-query-item p {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.4;
}
.tp-product-details-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #E6E7E8;
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  box-shadow: 0px 1px 3px rgba(1, 15, 28, 0.1);
}
.tp-product-details-social a:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-product-details-desc-wrapper p {
  font-size: 16px;
  line-height: 1.6;
}
.tp-product-details-tab-line {
  transition: all 0.3s 0s ease-out;
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--tp-common-black);
  display: block;
}
.tp-product-details-tab-nav .nav-tabs {
  padding-bottom: 12px;
  border-bottom: 1px solid #E0E2E3;
}
@media (max-width: 767px) {
  .tp-product-details-tab-nav .nav-tabs {
    padding-bottom: 0;
  }
}
.tp-product-details-tab-nav .nav-tabs .nav-link {
  font-size: 20px;
  color: #A0A2A4;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
}
.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: 767px) {
  .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);
    transition: all 0.4s ease;
  }
}
@media (max-width: 767px) {
  .tp-product-details-tab-nav .nav-tabs span#productTabMarker {
    display: none !important;
  }
}
.tp-product-details-additional-info-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}
.tp-product-details-additional-info.tp-table-style-2 {
  padding-top: 50px;
}
.tp-product-details-additional-info.tp-table-style-2 table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0 7px;
  width: 100%;
}
.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;
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: #F9F9F9;
  width: 306px;
}
.tp-product-details-additional-info.tp-table-style-2 table tr td:last-child {
  padding-left: 34px;
}
.tp-product-details-review-title-2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 33px;
}
.tp-product-details-review-avater-thumb {
  flex: 0 0 auto;
}
.tp-product-details-review-avater-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px;
  flex: 0 0 auto;
}
.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: 2px;
}
.tp-product-details-review-avater-meta {
  font-size: 14px;
  line-height: 1.2;
  margin-left: 3px;
  display: inline-block;
}
.tp-product-details-review-form-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 4px;
}
.tp-product-details-review-form-rating {
  margin-bottom: 10px;
}
.tp-product-details-review-form-rating p {
  font-size: 14px;
  margin-right: 8px;
  margin-bottom: 0;
}
.tp-product-details-review-form-rating-icon span {
  font-size: 12px;
  color: #FFB21D;
}
.tp-product-details-review-form > p {
  font-size: 16px;
  margin-bottom: 8px;
}
.tp-product-details-review-form textarea {
  height: 200px;
  resize: none;
}
.tp-product-details-review-form .tp-btn {
  padding: 17px 50px 17px;
}
.tp-product-details-review-item-wrapper-2 {
  padding-bottom: 80px;
  border-bottom: 1px solid #E6E7E8;
}

.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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .tp-cart-list table {
    width: 840px;
  }
}
.tp-cart-list thead {
  background-color: #F1F3F4;
}
.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;
}
.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: 767px) {
  .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: #FFFFFF;
  border: 1px solid #D6D9DC;
  height: 46px;
  line-height: 46px;
  margin-right: 4px;
  max-width: 282px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-left: 26px;
  padding-right: 26px;
  text-transform: capitalize;
}
.tp-cart-coupon-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #818487;
  text-transform: capitalize;
  font-size: 14px;
}
.tp-cart-coupon-input input::-moz-placeholder { /* Firefox 19+ */
  color: #818487;
  text-transform: capitalize;
  font-size: 14px;
}
.tp-cart-coupon-input input:-moz-placeholder { /* Firefox 4-18 */
  color: #818487;
  text-transform: capitalize;
  font-size: 14px;
}
.tp-cart-coupon-input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #818487;
  text-transform: capitalize;
  font-size: 14px;
}
.tp-cart-coupon-input input::placeholder { /* MODERN BROWSER */
  color: #818487;
  text-transform: capitalize;
  font-size: 14px;
}
.tp-cart-coupon-input button {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  padding: 10px 30px;
}
.tp-cart-coupon-input button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
}
.tp-cart-update-btn {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  padding: 9px 29px;
  border: 1px solid rgba(1, 15, 28, 0.1);
}
.tp-cart-update-btn:hover {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
.tp-cart-checkout-wrapper {
  background: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  padding: 36px 24px 28px;
  margin-left: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-cart-checkout-wrapper {
    margin-top: 50px;
    margin-left: 0;
  }
}
.tp-cart-checkout-top {
  padding-bottom: 13px;
  margin-bottom: 19px;
  border-bottom: 1px solid #E0E2E3;
}
.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 #E0E2E3;
  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-theme-primary);
}
.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-theme-primary);
}
.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-theme-primary);
  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;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  display: inline-block;
  padding: 10px 30px;
  text-align: center;
}
.tp-cart-checkout-btn:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}

.tp-checkout-verify-item {
  margin-bottom: 40px;
}
.tp-checkout-verify-item:not(:last-child) {
  margin-bottom: 14px;
}
.tp-checkout-verify-reveal {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
  display: inline-block;
  border: 1px dashed #AAB0B2;
  padding: 8px 26px;
  width: 100%;
}
.tp-checkout-verify-reveal button {
  color: var(--tp-theme-primary);
  position: relative;
}
.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-theme-primary);
}
.tp-checkout-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-primary);
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  text-align: center;
}
.tp-checkout-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-checkout-input {
  margin-bottom: 20px;
}
.tp-checkout-input label {
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--tp-common-black);
  font-size: 14px;
}
.tp-checkout-input label span {
  color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
  width: 100%;
  color: var(--tp-common-black);
  height: 50px;
  padding: 0 26px;
  text-transform: capitalize;
  line-height: 56px;
  font-size: 14px;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
}
.tp-checkout-input input::placeholder, .tp-checkout-input textarea::placeholder {
  text-transform: capitalize;
  line-height: 56px;
  font-size: 14px;
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
  border-color: var(--tp-common-black);
}
.tp-checkout-input textarea {
  height: 200px;
  resize: none;
}
.tp-checkout-input .custom-select {
  height: 50px;
  border-radius: 0;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  padding: 0 12px;
  width: 100%;
}
.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("../../assets/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);
  transition: all 0.4s ease;
}
.tp-checkout-option label a:hover {
  color: var(--tp-theme-primary);
}
.tp-checkout-option label:hover {
  cursor: pointer;
}
.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background-color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .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);
}
@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: 767px) {
  .tp-checkout-place {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .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: var(--tp-theme-primary);
}
.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-theme-primary);
  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 {
  background-color: #F6F7F9;
  padding: 19px 30px;
  margin-left: 27px;
  font-size: 14px;
  line-height: 1.57;
  color: #55585B;
  margin-bottom: 0;
}
.tp-checkout-agree {
  margin-bottom: 24px;
}

.tp-return-customer {
  display: none;
  margin-top: 14px;
  padding: 40px 40px;
  background-color: var(--tp-common-white);
}
.tp-return-customer-input {
  margin-bottom: 20px;
}
.tp-return-customer-input label {
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--tp-common-black);
}
.tp-return-customer-input label span {
  color: red;
}
.tp-return-customer-input input {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
  color: var(--tp-common-black);
  height: 50px;
  padding: 0 26px;
  text-transform: capitalize;
  line-height: 56px;
  font-size: 14px;
  background: #FFFFFF;
  border: 1px solid #D5D8DB;
}
.tp-return-customer-input input::placeholder {
  text-transform: capitalize;
  line-height: 56px;
  font-size: 14px;
}
.tp-return-customer-remeber input {
  display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.tp-return-customer-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.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("../../assets/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);
  transition: all 0.4s ease;
}
.tp-return-customer-remeber label a:hover {
  color: var(--tp-theme-primary);
}
.tp-return-customer-remeber label:hover {
  cursor: pointer;
}
.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-primary);
  position: relative;
  display: inline-block;
}
.tp-return-customer-forgot a::after {
  position: absolute;
  content: url("../../assets/img/product/icon/check.svg");
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-primary);
  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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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-theme-primary);
}
.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: var(--tp-theme-primary);
}
.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-theme-primary);
}
.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-theme-primary);
  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);
}

/*----------------------------------------*/
/*  8.9 Error Css
/*----------------------------------------*/
.tp-error-content p {
  font-size: 22px;
  color: #5D5D63;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-error-thumb img {
    width: 100%;
  }
}
.tp-error-title {
  font-size: 120px;
  font-weight: 500;
  line-height: 1;
  color: #141414;
  margin-bottom: 30px;
  letter-spacing: -7.2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-error-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-error-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-error-title {
    font-size: 90px;
  }
}
@media (max-width: 767px) {
  .tp-error-title {
    font-size: 60px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .tp-error-title {
    font-size: 42px;
  }
}

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