@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Interno – Architecture & Interior HTML Template
    Author: Theme_Pure
    Support: https://help.themepure.net/support/
    Description: Interno – Architecture & Interior 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 Theme Settings
		2.3 Buttons
		2.4 Animations
		2.5 Preloader
		2.6 Background 
		2.7 Carousel
		2.8 Nice Select
		2.9 Pagination
		2.10 Offcanvas
		2.11 Breadcrumb
		2.12 Accordion
		2.13 Tab
		2.14 Modal
		2.15 Section Title
		2.16 Search
		2.17 Hotspot
		2.18 Ragne Slider

	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Header Style 2
    3.3 Banner Section

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

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

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


	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 about css start 
		7.2 appointment css start
		7.3 cart css start
		7.4 checkout css start
		7.5 contact css start
		7.6 error css start
		7.7 feature css start
		7.8 funfact css start
		7.9 gallery css start 
		7.10 hero css start
		7.11 newsletter css 
		7.12 price css start
		7.13 product css start
		7.14 progress css start
		7.15 project css start
		7.16 service css start
		7.17 slider css start
		7.18 team css start
		7.19 testimonial css start



**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800;900&family=Satisfy&family=Poppins:wght@300;400;500;600;700&family=Schoolbell&display=swap" rel="stylesheet');
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip, .tp-tab-line, .tp-swiper-dot .swiper-pagination-bullet, .tp-swiper-dot-border .swiper-pagination-bullet, .tp-swiper-scrollbar, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.tp-hotspot svg, .tp-pagination ul li a svg, .tp-pagination ul li span svg, .tp-swiper-arrow button svg, .tp-theme-toggle-main span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* transform */
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Montserrat', sans-serif;
  --tp-ff-heading: 'Montserrat', sans-serif;
  --tp-ff-satisfy: 'Satisfy', cursive;
  --tp-ff-poppins: 'Poppins', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #fff;
  --tp-common-black: #000000;
  --tp-common-black-2: #0D0D0D;
  --tp-grey-1: #F8F8F8;
  --tp-text-body: #54595F;
  --tp-theme-1: #01a0e2;
  --tp-theme-2: #393186;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1320px;
}

.custom-container-1 {
  max-width: 1830px;
}

.custom-container-2 {
  max-width: 1650px;
}

.custom-container-3 {
  max-width: 1870px;
}

.custom-container-4 {
  max-width: 1750px;
}

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

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

a {
  text-decoration: none;
}

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

h1 {
  font-size: 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-family: var(--tp-ff-p);
  color: var(--tp-text-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
}

img {
  max-width: 100%;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 65px;
  width: 100%;
  background-color: transparent;
  line-height: 65px;
  font-size: 16px;
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid transparent;
  resize: none;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-black);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-black);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-black);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-black);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-black);
}
[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-1);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.demo {
  -webkit-transition: color 0.3s 0s linear;
  -moz-transition: color 0.3s 0s linear;
  -ms-transition: color 0.3s 0s linear;
  -o-transition: color 0.3s 0s linear;
  transition: color 0.3s 0s linear;
  -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;
}

[tp-theme=tp-theme-dark] .demo {
  color: yellow;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: var(--tp-common-black);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.body-overlay:hover {
  cursor: url("../img/icon/cross-out.html"), pointer;
}

.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
}

/* dropcap */
.tp-dropcap::first-letter {
  font-size: 90px;
  font-weight: 500;
  float: left;
  text-align: center;
  color: var(--tp-common-black);
  margin-right: 5px;
  line-height: inherit;
  text-transform: capitalize;
}

.class {
  stroke-dasharray: 189px, 191px;
  stroke-dashoffset: 0px;
}

/* gutter for x axis */
.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-30 {
  --bs-gutter-x: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-30 [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: 30px;
  }
}
@media (max-width: 767px) {
  .tp-gx-40 {
    --bs-gutter-x: 15px;
  }
}
.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);
}

@media (min-width: 1400px) {
  .container-large {
    max-width: 1325px;
  }
}
/*---------------------------------
    1.3 Default Spacing
---------------------------------*/
/*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  left: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

@media (max-width: 767px) {
  .back-to-top-wrapper.back-to-top-btn-show {
    right: 0px;
    bottom: 15px;
  }
}

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

/*----------------------------------------*/
/*  2.2 Theme Settings
/*----------------------------------------*/
.tp-theme-settings-area {
  position: fixed;
  top: 50%;
  left: 0;
  width: 240px;
  background-color: #fff;
  border: 1px solid #EAEAEF;
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%);
  z-index: 991;
  direction: ltr;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-area.settings-opened {
  -webkit-transform: translateY(-50%) translateX(0%);
  -moz-transform: translateY(-50%) translateX(0%);
  -ms-transform: translateY(-50%) translateX(0%);
  -o-transform: translateY(-50%) translateX(0%);
  transform: translateY(-50%) translateX(0%);
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {
  opacity: 0;
}
.tp-theme-settings-area.settings-opened .tp-theme-settings-close {
  opacity: 1;
}
.tp-theme-settings-open {
  position: absolute;
  top: -1px;
  left: 100%;
}
.tp-theme-settings-open button {
  background-color: var(--tp-common-white);
  border: 1px solid #EAEAEF;
  border-left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: var(--tp-common-black);
  position: relative;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tp-theme-settings-gear {
  display: inline-block;
  -webkit-animation: tp-theme-setting-spin 4s linear infinite;
  -moz-animation: tp-theme-setting-spin 4s linear infinite;
  -ms-animation: tp-theme-setting-spin 4s linear infinite;
  -o-animation: tp-theme-setting-spin 4s linear infinite;
  animation: tp-theme-setting-spin 4s linear infinite;
}
@-webkit-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-theme-setting-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.tp-theme-settings-close {
  display: inline-block;
  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%);
  opacity: 0;
}
.tp-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.tp-theme-wrapper {
  padding: 20px 30px 30px;
}
.tp-theme-toggle {
  text-align: center;
}
.tp-theme-toggle-main {
  display: inline-block;
  width: 74px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px;
  border-radius: 100px;
}
.tp-theme-toggle-light, .tp-theme-toggle-dark {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #D9D9D9;
}
.tp-theme-toggle-light.active, .tp-theme-toggle-dark.active {
  color: var(--tp-common-black);
}
.tp-theme-toggle input {
  display: none;
}
.tp-theme-toggle:hover {
  cursor: pointer;
}
.tp-theme-toggle label {
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-toggle label:hover {
  cursor: pointer;
}
.tp-theme-toggle #tp-theme-toggler {
  display: none;
}
.tp-theme-toggle #tp-theme-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-toggle-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-dir {
  text-align: center;
}
.tp-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #f0f0f5;
  padding: 4px;
  border-radius: 20px;
}
.tp-theme-dir-ltr, .tp-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.tp-theme-dir input {
  display: none;
}
.tp-theme-dir:hover {
  cursor: pointer;
}
.tp-theme-dir label {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
}
.tp-theme-dir label:hover {
  cursor: pointer;
}
.tp-theme-dir #tp-dir-toggler {
  display: none;
}
.tp-theme-dir #tp-dir-toggler:checked + i {
  right: calc(50% - 4px);
}
.tp-theme-dir-slide {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  -webkit-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -ms-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s 0s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.tp-theme-color-item.active button::before {
  opacity: 1;
  visibility: visible;
}
.tp-theme-color-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.tp-theme-color-btn::before {
  position: absolute;
  content: "\f00c";
  font-weight: 600;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-white);
  font-size: 16px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
  visibility: hidden;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"] {
  background-color: #F50963;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"] {
  background-color: #008080;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"] {
  background-color: #F31E5E;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"] {
  background-color: #AB6C56;
  color: black;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"] {
  background-color: #4353FF;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"] {
  background-color: #3661FC;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"] {
  background-color: #2CAE76;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"] {
  background-color: #FF5A1B;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"] {
  background-color: #03041C;
}
.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"] {
  background-color: #ED212C;
}
.tp-theme-color-input {
  margin-top: 15px;
}
.tp-theme-color-input h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.tp-theme-color-input label {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: var(--tp-theme-1);
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-theme-color-input label:hover {
  cursor: pointer;
}
.tp-theme-color-input input {
  display: none;
}

/*----------------------------------------*/
/*  2.3 Buttons
/*----------------------------------------*/
.tp-btn-theme {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  text-align: center;
  position: relative;
  z-index: 1;
}
.tp-btn-theme.theme-lg {
  padding: 0 61px;
  height: 70px;
  line-height: 70px;
}
.tp-btn-theme.black-bg {
  padding: 0 61px;
  height: 70px;
  line-height: 70px;
  border-radius: 5px;
}
.tp-btn-theme.light-blue-bg {
  padding: 0 61px;
  height: 70px;
  line-height: 70px;
  border-radius: 5px;
}
.tp-btn-theme.height {
  height: 64px;
  line-height: 64px;
  padding: 0 50px;
}
.tp-btn-theme.height-2 {
  height: 50px;
  line-height: 50px;
}
.tp-btn-theme span svg {
  display: inline-block;
  margin-left: 4px;
  color: var(--tp-common-white);
}
.tp-btn-theme:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}

/***********************************************/

.tp-btn-blue {
  height: 50px;
  line-height: 50px;
  padding: 0 38px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  position: relative;
  z-index: 1;
  text-align: center;
}
.tp-btn-blue span svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-2);
  display: inline-block;
}
.tp-btn-blue.height {
  height: 60px;
  line-height: 60px;
}
.tp-btn-blue.theme-bg {
  background-color: var(--tp-theme-2);
}
.tp-btn-blue.theme-bg svg {
  color: var(--tp-theme-1);
}
.tp-btn-blue.theme-bg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-btn-blue.hover-2 {
  transition: 0.3s;
}
.tp-btn-blue.hover-2:hover {
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
}
.tp-btn-blue:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}

.tp-btn-blue-lg {
  height: 50px;
  line-height: 50px;
  padding: 0 44px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  text-align: center;
  position: relative;
  z-index: 1;
}
.tp-btn-blue-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
}

/**********************************************/

.tp-btn-black {
  height: 50px;
  line-height: 50px;
  padding: 0 38px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  position: relative;
  z-index: 1;
  text-align: center;
}
.tp-btn-black span svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-1);
  display: inline-block;
}
.tp-btn-black.height {
  height: 60px;
  line-height: 60px;
}
.tp-btn-black.theme-bg {
  background-color: var(--tp-theme-1);
}
.tp-btn-black.theme-bg svg {
  color: var(--tp-common-black);
}
.tp-btn-black.theme-bg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-btn-black.hover-2 {
  transition: 0.3s;
}
.tp-btn-black.hover-2:hover {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-btn-black:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

.tp-btn-black-lg {
  height: 50px;
  line-height: 50px;
  padding: 0 44px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  text-align: center;
  position: relative;
  z-index: 1;
}
.tp-btn-black-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

.tp-btn-black-sm {
  height: 50px;
  line-height: 50px;
  padding: 0 31px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  text-align: center;
  position: relative;
  z-index: 1;
}
.tp-btn-black-sm span svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-1);
  display: inline-block;
}
.tp-btn-black-sm:hover {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}

.tp-btn-border-lg {
  height: 50px;
  line-height: 48px;
  padding: 0 38px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-black);
  text-align: center;
  border: 1px solid var(--tp-common-black);
  position: relative;
  z-index: 1;
}
.tp-btn-border-lg span svg {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-1);
  display: inline-block;
  z-index: 1;
}
.tp-btn-border-lg.white-border {
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
}
.tp-btn-border-lg.white-border:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
}
.tp-btn-border-lg.grey-border {
  border: 1px solid var(--tp-theme-1);
}
.tp-service-style-5 .tp-service-2-item.active .tp-btn-border-lg.grey-border { 
  border: 1px solid var(--tp-common-white);
}
.tp-btn-border-lg.grey-border:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-service-style-5 .tp-service-2-item.active .tp-btn-border-lg.grey-border:hover { 
  border: 1px solid var(--tp-theme-1);
}
.tp-btn-border-lg.grey-border-2 {
  border-color: #E6E6E6;
}
.tp-btn-border-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-btn-border {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-black);
  text-align: center;
  border: 1px solid var(--tp-theme-1);
  position: relative;
  z-index: 2;
}
.tp-btn-border span svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  color: var(--tp-theme-1);
  display: inline-block;
}
.tp-btn-border.height {
  height: 65px;
  line-height: 65px;
  border: 2px solid var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-btn-border.height:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border: 2px solid var(--tp-theme-1);
}
.tp-btn-border.black-border {
  border-color: var(--tp-common-black);
}
.tp-btn-border.black-border:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 1px solid var(--tp-common-black);
}
.tp-btn-border:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
}

.tp-btn-border-bottom {
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  color: var(--tp-common-black);
  text-align: center;
  position: relative;
  z-index: 1;
}
.tp-btn-border-bottom span svg {
  display: inline-block;
  margin-left: 6px;
  color: var(--tp-theme-1);
}
.tp-btn-border-bottom .bottom-line {
  overflow: hidden;
  left: 0;
  bottom: 4px;
  height: 1px;
  width: 107px;
  position: absolute;
  background: var(--tp-theme-1);
  display: block;
  position: relative;
}
.tp-btn-border-bottom .bottom-line::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 7px;
  height: 1px;
  background-color: #fff;
  animation: lineAnim 1.5s linear infinite;
}

.tp-menu-btn {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  width: 140px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  overflow: hidden;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  z-index: 1;
}
.tp-menu-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.4 Animations
/*----------------------------------------*/
/* pulse effect animation */
@-webkit-keyframes tp-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);
  }
}
@-moz-keyframes tp-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);
  }
}
@-ms-keyframes tp-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);
  }
}
@keyframes tp-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);
  }
}
@-webkit-keyframes tp-pulse-2 {
  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);
  }
}
@-moz-keyframes tp-pulse-2 {
  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);
  }
}
@-ms-keyframes tp-pulse-2 {
  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);
  }
}
@keyframes tp-pulse-2 {
  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);
  }
}
@-webkit-keyframes tp-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-moz-keyframes tp-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-ms-keyframes tp-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes tp-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes float-bob-y {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@-webkit-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-moz-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-ms-keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-webkit-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tp-rotate-center {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes tp-mobile-view {
  0%, 10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%, 60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%, 100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes tp-mobile-view {
  0%, 10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%, 60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%, 100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-ms-keyframes tp-mobile-view {
  0%, 10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%, 60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%, 100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes tp-mobile-view {
  0%, 10% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
  50%, 60% {
    -webkit-transform: translateY(-57%);
    -moz-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    -o-transform: translateY(-57%);
    transform: translateY(-57%);
  }
  90%, 100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@-moz-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@-ms-keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@keyframes tp-svg-line {
  100% {
    stroke-dashoffset: 350;
  }
}
@-webkit-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@-moz-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@-ms-keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@keyframes tp-border-loader {
  0% {
    stroke-dashoffset: -356px;
    stroke-dasharray: 356px, 366px;
  }
  95% {
    stroke-dashoffset: 0;
    stroke-dasharray: 356px, 366px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 0, 366px;
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes scrollText-2 {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes sliderShape {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  34% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }
  50% {
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
  }
}
@keyframes lineAnim {
  0% {
    left: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    left: 100%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
#loading {
  background-color: var(--tp-theme-1);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.object {
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-top: 5px solid #FFF;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFF;
  border-right: 5px solid transparent;
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite;
}

#object_one {
  left: 75px;
  top: 75px;
  width: 50px;
  height: 50px;
}

#object_two {
  left: 65px;
  top: 65px;
  width: 70px;
  height: 70px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#object_three {
  left: 55px;
  top: 55px;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

#object_four {
  left: 45px;
  top: 45px;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(0.8);
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}
/*----------------------------------------*/
/*  2.6 Background
/*----------------------------------------*/
.white-bg {
  background-color: var(--tp-common-white);
}

.black-bg {
  background-color: var(--tp-common-black);
}

.light-blue-bg {
  background-color: var(--tp-theme-1);
}

.theme-bg {
  background-color: var(--tp-theme-1);
}

.grey-bg {
  background-color: var(--tp-grey-1);
}

/*----------------------------------------*/
/*  2.7 Carousel
/*----------------------------------------*/
/* tp range slider css */
.tp-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}
.tp-range-slider .noUi-target {
  background-color: #191C3C;
  border-radius: 12px;
  border: 0;
  box-shadow: none;
}
.tp-range-slider .noUi-connect {
  background-color: var(--tp-theme-primary);
}
.tp-range-slider .noUi-horizontal {
  height: 6px;
}
.tp-range-slider .noUi-handle {
  height: 24px;
  width: 24px;
  background-color: var(--tp-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--tp-common-white);
  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
  top: -9px;
}
.tp-range-slider .noUi-handle:hover {
  cursor: pointer;
}
.tp-range-slider .noUi-handle::before, .tp-range-slider .noUi-handle::after {
  display: none;
}
.tp-range-slider-dark .noUi-handle {
  border: 4px solid #2D314B;
}

/* tp swiper slider dot */
.tp-swiper-dot {
  line-height: 1;
}
.tp-swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--tp-grey-3);
  opacity: 1;
  margin: 0 3px;
  position: relative;
}
.tp-swiper-dot .swiper-pagination-bullet button {
  font-size: 0;
}
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-primary);
}
.tp-swiper-dot.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-secondary);
}

.tp-swiper-dot-border {
  line-height: 1;
}
.tp-swiper-dot-border .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: transparent;
  opacity: 1;
  margin: 0 3px;
  position: relative;
  border: 1px solid rgba(2, 6, 38, 0.4);
}
.tp-swiper-dot-border .swiper-pagination-bullet button {
  font-size: 0;
}
.tp-swiper-dot-border .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-swiper-dot-border .swiper-pagination-bullet:hover {
  border-color: var(--tp-common-black);
}
.tp-swiper-dot-border.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-theme-secondary);
}

.tp-swiper-arrow button {
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 20px;
  text-align: center;
  background-color: transparent;
  color: var(--tp-text-2);
  border: 1px solid rgba(2, 6, 38, 0.1);
  border-radius: 50%;
}
.tp-swiper-arrow button:hover {
  background-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
/* tp swiper scrollbar */
.tp-swiper-scrollbar {
  background-color: #EDEFF2;
  height: 2px;
}
.tp-swiper-scrollbar .tp-swiper-scrollbar-drag {
  background-color: var(--tp-common-black);
  height: 100%;
}
.tp-swiper-scrollbar .tp-swiper-scrollbar-drag:hover {
  cursor: pointer;
}
.tp-swiper-scrollbar:hover, .tp-swiper-scrollbar:focus {
  -webkit-transform: scaleY(3);
  -moz-transform: scaleY(3);
  -ms-transform: scaleY(3);
  -o-transform: scaleY(3);
  transform: scaleY(3);
}

/* tp slick arrow */
.tp-slick-dot .slick-dots li {
  display: inline-block;
  margin: 0 4px;
}
.tp-slick-dot .slick-dots li.slick-active button {
  background-color: var(--tp-common-white);
}
.tp-slick-dot .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
.tp-slick-dot-blue .slick-dots li.slick-active button {
  background-color: var(--tp-theme-primary);
}
.tp-slick-dot-blue .slick-dots li button {
  background-color: var(--tp-grey-3);
}

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

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

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

/*----------------------------------------*/
/*  2.9 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 {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: 1px solid rgba(2, 6, 38, 0.1);
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-text-body);
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
/*----------------------------------------*/
/*  2.10 Offcanvas
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.html), pointer;
}

.tpoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--tp-common-black);
  z-index: 999999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.tpoffcanvas .homemenu {
  margin-bottom: 30px;
}
.tpoffcanvas .homemenu-title {
  color: var(--tp-common-white);
}
.tpoffcanvas .tp-main-menu-mobile {
  margin-bottom: 50px;
}
.tpoffcanvas .tp-main-menu-mobile {
  margin-bottom: 50px;
}
.tpoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .tpoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tpoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.tpoffcanvas__title p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.49);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 50px;
}
.tpoffcanvas__contact-title h5 {
  font-size: 14px;
  color: #888888;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.tpoffcanvas__input-title h4 {
  font-size: 14px;
  color: #888888;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  display: inline-block;
}
.tpoffcanvas__input {
  margin-bottom: 100px;
}
.tpoffcanvas__input input {
  background: rgba(118, 118, 130, 0.3);
  border: transparent;
  height: 60px;
  width: 100%;
  padding-left: 20px;
  padding-right: 80px;
  color: var(--tp-common-white);
}
.tpoffcanvas__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-white);
}
.tpoffcanvas__input input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-white);
}
.tpoffcanvas__input input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-white);
}
.tpoffcanvas__input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-white);
}
.tpoffcanvas__input input::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-white);
}
.tpoffcanvas__input button {
  height: 60px;
  width: 60px;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.tpoffcanvas__contact-info {
  margin-bottom: 50px;
}
.tpoffcanvas__contact-info ul li {
  font-size: 14px;
  margin-bottom: 15px;
  list-style-type: none;
  letter-spacing: 1.2px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tpoffcanvas__contact-info ul li {
    font-size: 14px;
  }
}
.tpoffcanvas__contact-info ul li:last-child {
  margin-bottom: 0;
}
.tpoffcanvas__contact-info ul li a {
  margin-left: 10px;
  transition: 0.3s;
}
.tpoffcanvas__contact-info ul li a:hover {
  color: var(--tp-theme-1);
}
.tpoffcanvas__logo {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
.tpoffcanvas__close-btn button {
  position: absolute;
  right: 30px;
  top: 30px;
  transition: 1s;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
  height: 40px;
  width: 40px;
  line-height: 45px;
  color: var(--tp-common-white);
}
.tpoffcanvas__close-btn button:hover i {
  transform: rotate(360deg);
}
.tpoffcanvas__close-btn button i {
  font-weight: 300;
  font-size: 20px;
  transition: 0.9s;
}
.tpoffcanvas__social {
  margin-top: 30px;
}
.tpoffcanvas__social .social-icon a {
  height: 55px;
  width: 55px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  background-color: rgba(251, 251, 253, 0.08);
  color: var(--tp-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .tpoffcanvas__social .social-icon a {
    margin-right: 3px;
    height: 50px;
    width: 50px;
    line-height: 53px;
    font-size: 15px;
  }
}
.tpoffcanvas__social .social-icon a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  2.11 Breadcrumb
/*----------------------------------------*/
.breadcrumb__pt {
  padding-top: 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) {
  .breadcrumb__pt {
    padding-top: 90px;
  }
}
.breadcrumb__height {
  height: 336px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-position: bottom;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .breadcrumb__height {
    height: 300px;
  }
}
.breadcrumb__overlay {
  position: relative;
}
.breadcrumb__overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0.94) 100%);
}
.breadcrumb__title {
  font-weight: 700;
  font-size: 68px;
  text-transform: capitalize;
  color: var(--tp-common-white);
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .breadcrumb__title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .breadcrumb__title {
    font-size: 53px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .breadcrumb__title {
    font-size: 35px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title {
    margin-bottom: 0;
  }
}
.breadcrumb__list {
  display: inline-block;
  padding: 0px 10px;
}
.breadcrumb__list span {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .breadcrumb__list span {
    font-size: 17px;
  }
}
.breadcrumb__list span.dvdr i {
  font-size: 15px;
  display: inline-block;
  margin: 0 13px;
}
.breadcrumb__list span a {
  color: var(--tp-common-white);
}
.breadcrumb__list span a:hover {
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .breadcrumb__content {
    flex-wrap: wrap;
  }
}

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
.tp-custom-accordion .accordion-items {
  margin-bottom: 20px;
}
.tp-custom-accordion .accordion-buttons {
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  padding: 25px 30px;
  padding-right: 55px;
  transition: 0.3s;
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  background-color: #F8F8F8;
  display: flex;
  align-items: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 15px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
.tp-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  top: 21px;
  right: 20px;
  font-weight: 700;
  font-size: 12px;
  opacity: 1;
  transition: 0.3s;
  height: 28px;
  width: 28px;
  line-height: 27px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons::after {
    right: 20px;
  }
}
.tp-custom-accordion .accordion-buttons span {
  margin-right: 5px;
  display: inline-block;
}
.tp-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067";
}
.tp-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}
.tp-custom-accordion .accordion-body {
  padding-top: 17px;
  padding-bottom: 2px;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-custom-accordion .accordion-body {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-body {
    font-size: 13px;
    padding-right: 0;
    line-height: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-custom-accordion .accordion-body {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  2.13 Tab
/*----------------------------------------*/
.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

.tp-product-tab-2 .nav-tabs .nav-link {
  font-size: 20px;
  color: #A0A2A4;
  position: relative;
}
@media (max-width: 767px) {
  .tp-product-tab-2 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 28px;
}
.tp-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  position: absolute;
  left: -17px;
  top: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #CED2D6;
}
.tp-product-tab-2 .nav-tabs .nav-link.active {
  color: var(--tp-theme-secondary);
}
.tp-product-tab-2 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip {
  position: absolute;
  top: -24px;
  right: 0;
  background-color: var(--tp-theme-secondary);
  color: var(--tp-common-white);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  font-weight: 700;
}
.tp-product-tab-2 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  position: absolute;
  content: "";
  bottom: 0;
  bottom: -5px;
  left: 7px;
  width: 13px;
  height: 6px;
  background-color: var(--tp-theme-secondary);
  clip-path: polygon(100% 0, 0 0, 28% 100%);
}
.tp-product-tab-3 .nav-tabs .nav-link {
  font-size: 16px;
  padding: 0 0;
}
@media (max-width: 767px) {
  .tp-product-tab-3 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 23px;
}
.tp-product-tab-3 .nav-tabs .nav-link:not(:first-child)::after {
  width: 4px;
  height: 4px;
  left: -14px;
}
.tp-product-tab-3 .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}
.tp-product-tab-3 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip {
  background-color: var(--tp-theme-primary);
}
.tp-product-tab-3 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  background-color: var(--tp-theme-primary);
}
.tp-product-tab-5 .nav-tabs .nav-link {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .tp-product-tab-5 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.tp-product-tab-5 .nav-tabs .nav-link:not(:last-child)::after {
  left: -15px;
}
.tp-product-tab-5 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 22px;
}
.tp-product-tab-5 .nav-tabs .nav-link.active {
  color: var(--tp-common-black);
}
.tp-product-tab-5 .nav-tabs .nav-link.active .tp-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip {
  background-color: var(--tp-theme-green);
}
.tp-product-tab-5 .nav-tabs .nav-link .tp-product-tab-tooltip::after {
  background-color: var(--tp-theme-green);
}

.tp-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  2.14 Modal
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.15 Section Title
/*----------------------------------------*/
.tp-section-subtitle {
  color: var(--tp-theme-1);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  text-transform: capitalize;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-section-subtitle {
    font-size: 14px;
  }
}

.tp-section-title {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 38px;
  }
  .tp-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 29px;
  }
  .tp-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title {
    font-size: 34px;
  }
  .tp-section-title br {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.16 Search css start
/*----------------------------------------*/
.search__popup {
  padding: 70px;
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 55%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--tp-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--tp-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__input {
  position: relative;
  height: 80px;
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-out 0s;
  transition-delay: 0.3s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--tp-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder { /* Firefox 4-18 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::placeholder { /* MODERN BROWSER */
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--tp-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-orange);
  -webkit-transition: 0.5s 0.3s 0s ease-out;
  -moz-transition: 0.5s 0.3s 0s ease-out;
  -ms-transition: 0.5s 0.3s 0s ease-out;
  -o-transition: 0.5s 0.3s 0s ease-out;
  transition: 0.5s 0.3s 0s ease-out;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: 0.5s 0.3s 0s ease-out;
  -moz-transition: 0.5s 0.3s 0s ease-out;
  -ms-transition: 0.5s 0.3s 0s ease-out;
  -o-transition: 0.5s 0.3s 0s ease-out;
  transition: 0.5s 0.3s 0s ease-out;
}

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

/*----------------------------------------*/
/*  2.17 Hostspot css start
/*----------------------------------------*/
.tp-hotspot {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: var(--tp-common-black);
  border-radius: 50%;
  background-color: var(--tp-common-white);
  position: absolute;
  z-index: 1;
}
.tp-hotspot:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-checkboxradio-disabled, .ui-state-disabled {
  pointer-events: none;
}

.ui-datepicker .ui-icon, .ui-icon {
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-helper-reset, .ui-menu {
  outline: 0;
  list-style: none;
}

.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  overflow: hidden;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-autocomplete, .ui-menu .ui-menu {
  position: absolute;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
}

.ui-button, .ui-controlgroup {
  display: inline-block;
  vertical-align: middle;
}

.ui-button, .ui-menu-icons, .ui-resizable {
  position: relative;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-button, .ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  overflow: hidden;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: 0 0;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 2em 0.2em 0.4em;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a, .ui-widget-header a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.html");
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.html");
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.html");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.html");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.html");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-onepage-header.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background-color: var(--tp-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.tp-onepage-header.header-sticky.sticky-bg {
  background-color: var(--tp-common-black);
}
.tp-onepage-header.header-sticky .tp-header-2-pt {
  padding-top: 0;
}
.tp-onepage-header.header-sticky .tp-header-menu > nav > ul > li > a {
  padding: 20px 0;
}
.tp-onepage-header.header-sticky.tp-header-style-4 .tp-header-menu > nav > ul > li > a::after {
  bottom: 34%;
}
.tp-onepage-header.header-sticky.tp-header-style-4 .tp-header-icon a.cart-icon {
  color: var(--tp-theme-1);
}
.tp-onepage-header.header-sticky.tp-header-style-4 .tp-header-bar button {
  color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
.tp-onepage-header.header-sticky.tp-header-style-5.background-bg {
  background-color: var(--tp-common-black);
}

.tp-header-area.tp-header-sticky-cloned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  visibility: hidden;
  transform: translateY(-100%);
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: transform 500ms ease, visibility 500ms ease;
  transform: perspective(300px) rotateX(0deg) perspective(300px) rotateX(-90deg);
  transform-origin: top;
  transition: all 0.5s ease-in-out;
}
.tp-header-area.tp-header-sticky-cloned .tp-header-menu > nav > ul > li > a {
  padding: 25px 0;
}
.tp-header-area.tp-header-sticky-cloned .tp-header-bar button {
  border-radius: 0;
  color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.tp-header-area.tp-header-sticky-cloned .tp-header-icon a.cart-icon svg {
  color: var(--tp-common-black);
}
.tp-header-area.tp-header-sticky-cloned .tp-header-icon a.cart-icon span svg {
  color: var(--tp-common-black);
}
.tp-header-area.tp-header-sticky-cloned.tp-header-style-4 .tp-header-menu > nav > ul > li > a::after {
  bottom: 38%;
}
.tp-header-area.tp-header-sticky-cloned.tp-header-style-4 .tp-header-icon a.cart-icon {
  color: var(--tp-theme-1);
}
.tp-header-area.tp-header-sticky-cloned.tp-header-style-4 .tp-header-icon a.cart-icon span {
  background-color: var(--tp-common-black);
}
.tp-header-area.tp-header-sticky-cloned.tp-header-style-4 .tp-header-icon a.cart-icon span::after {
  background-color: var(--tp-common-white);
}
.tp-header-area.tp-header-sticky-cloned.tp-header-style-4 .tp-header-icon a.cart-icon span i {
  color: var(--tp-common-white);
}
.tp-header-area.tp-header-pinned {
  transform: translateY(0%);
  visibility: visible;
}

.tp-header-2-area.tp-header-sticky-cloned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  visibility: hidden;
  transform: translateY(-100%);
  background-color: rgb(255, 255, 255);
  transition: transform 500ms ease, visibility 500ms ease;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transform: perspective(300px) rotateX(0deg) perspective(300px) rotateX(-90deg);
  transform-origin: top;
  transition: all 0.5s ease-in-out;
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-menu > nav > ul > li > a {
  padding: 25px 0;
  color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-menu > nav > ul > li > a::before {
  background-color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-menu > nav > ul > li.has-dropdown::after {
  color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-bar button svg {
  color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-icon button svg {
  color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-icon > a.cart-icon svg {
  color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned .tp-header-2-icon > a.cart-icon > span svg {
  color: var(--tp-common-black);
}
.tp-header-2-area.tp-header-sticky-cloned.tp-header-inner-style .tp-header-2-menu > nav > ul > li > a {
  padding: 25px 0;
  padding-top: 35px;
}
.tp-header-2-area.tp-header-sticky-cloned.tp-header-inner-style .tp-header-2-menu > nav > ul > li > a::after {
  top: 36%;
}
.tp-header-2-area.tp-header-sticky-cloned.tp-header-inner-style .tp-header-icon.cart:hover .minicart {
  top: 151%;
}
.tp-header-2-area.tp-header-pinned {
  transform: translateY(0%) perspective(300px) rotateX(0deg);
  visibility: visible;
}
.tp-header-2-area.tp-header-2-pt {
  padding-top: 0;
}

.tp-header-style-5.tp-header-sticky-cloned .tp-header-menu > nav > ul > li > a {
  padding: 25px 0;
  color: var(--tp-common-black);
}
.tp-header-style-5.tp-header-sticky-cloned .tp-header-menu > nav > ul > li > a::after {
  background-color: var(--tp-common-black);
}

.tp-header-tranparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.tp-header-top-height {
  padding: 10px 0;
}
.tp-header-top-left ul li {
  display: inline-block;
  list-style-type: none;
}
.tp-header-top-left ul li:not(:last-child) {
  margin-right: 18px;
}
.tp-header-top-left ul li i {
  margin-right: 5px;
  color: var(--tp-common-white);
}
.tp-header-top-left ul li a {
  color: var(--tp-common-white);
  position: relative;
  text-transform: capitalize;
}
.tp-header-top-left ul li a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-common-white);
  transition: 0.7s;
  display: inline-block;
}
.tp-header-top-left ul li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-header-top-social a {
  font-size: 16px;
  display: inline-block;
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-header-top-social a:hover {
  color: var(--tp-common-black);
}
.tp-header-top-social a:not(:last-child) {
  margin-right: 21px;
}
.tp-header-menu {
  padding-left: 285px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-menu {
    padding-left: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-menu {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-menu {
    padding-left: 85px;
  }
}
.tp-header-menu > nav > ul > li {
  display: inline-block;
  margin: 0px 13px;
  position: relative;
}
.tp-header-menu > nav > ul > li > a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  display: inline-block;
  padding: 36px 0;
  color: var(--tp-common-black);
  position: relative;
}
.tp-header-menu > nav > ul > li > a::after {
  content: "";
  position: absolute;
  bottom: 40%;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-common-white);
  transition: 0.7s;
  display: inline-block;
}
.tp-header-menu > nav > ul > li > .submenu {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 200px;
  z-index: 999;
  padding: 20px 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translate3d(15px, 0px, 0px);
  transform-origin: top center;
  text-align: start;
  background-color: rgb(255, 255, 255);
  border-top: 3px solid var(--tp-theme-1);
  backdrop-filter: blur(12.5px);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-menu > nav > ul > li > .submenu > li {
  margin: 0;
  margin-bottom: 0px;
  display: block;
}
.tp-header-menu > nav > ul > li > .submenu > li > a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding: 0;
  text-transform: capitalize;
  color: var(--tp-common-black);
  position: relative;
}
.tp-header-menu > nav > ul > li > .submenu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.tp-header-menu > nav > ul > li > .submenu > li:hover > a::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-black);
}
.tp-header-menu > nav > ul > li:hover > a::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-black);
}
.tp-header-menu > nav > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0px, 0px, 0px);
}
.tp-header-icon {
  position: relative;
}
.tp-header-icon .cart-icon {
  display: inline-block;
  margin-right: 42px;
  color: var(--tp-theme-1);
  font-size: 22px;
  position: relative;
}
.tp-header-icon .cart-icon span {
  position: absolute;
  top: -2px;
  right: 0px;
  height: 13.5px;
  width: 13.5px;
  line-height: 6.5px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tp-common-black);
}
.tp-header-icon .cart-icon span::after {
  display: inline-block;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--tp-common-white);
  transform: scale(1.4);
  border-radius: 50%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
}
.tp-header-icon .cart-icon span i {
  font-size: 9px;
  font-weight: 700;
  color: var(--tp-common-white);
}
.tp-header-icon .cart-icon .shopping-cart {
  position: relative;
  z-index: -1;
}
.tp-header-icon.cart:hover .minicart {
  opacity: 1;
  visibility: visible;
  top: 176%;
}
.tp-header-bar button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  margin: 15px 0;
  margin-left: 20px;
  font-size: 18px;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-common-black);
}

.tp-header-menu > nav > ul.tp-onepage-menu > li > a.active::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-black);
}

.tp-header-2-pt .tp-header-2-menu > nav > ul.tp-onepage-menu > li > a.active::before {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-white);
}

.tp-header-style-5 .tp-header-menu > nav > ul.tp-onepage-menu > li > a.active::after {
  background-color: var(--tp-common-white);
}

.minicart {
  background: #fff;
  padding: 25px;
  position: absolute;
  right: 61%;
  top: 250%;
  transition: all 0.3s ease 0s;
  width: 350px;
  z-index: 9;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3);
  visibility: hidden;
  opacity: 0;
}

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

/*----------------------------------------*/
/*  3.2 Header Style 2
/*----------------------------------------*/
.tp-header-2-pt {
  padding-top: 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-header-2-pt {
    padding-top: 0;
  }
}
.tp-header-2-menu {
  padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2-menu {
    padding-left: 36px;
  }
}
.tp-header-2-menu > nav > ul {
  counter-reset: count;
}
.tp-header-2-menu > nav > ul > li {
  display: inline-block;
  margin: 0px 15px;
  position: relative;
}
.tp-header-2-menu > nav > ul > li > a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  display: inline-block;
  padding: 30px 0;
  color: var(--tp-common-white);
  position: relative;
}
.tp-header-2-menu > nav > ul > li > a::after {
  position: absolute;
  /* counter-increment: count;
  content: counter(count, decimal-leading-zero); */
  left: 0;
  top: 10px;
  font-size: 12px;
  font-weight: 500;
}
.tp-header-2-menu > nav > ul > li > a::before {
  position: absolute;
  content: "";
  bottom: 30px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-header-2-menu > nav > ul > li > .submenu {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 200px;
  z-index: 999;
  padding: 20px 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translate3d(15px, 0px, 0px);
  transform-origin: top center;
  text-align: start;
  background-color: rgb(255, 255, 255);
  border-top: 3px solid var(--tp-theme-1);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-2-menu > nav > ul > li > .submenu > li {
  margin: 0;
  margin-bottom: 0px;
  display: block;
}
.tp-header-2-menu > nav > ul > li > .submenu > li > a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding: 0;
  text-transform: capitalize;
  color: var(--tp-common-black);
  position: relative;
}
.tp-header-2-menu > nav > ul > li > .submenu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-common-black);
  transition: 0.7s;
  display: inline-block;
}
.tp-header-2-menu > nav > ul > li > .submenu > li:hover > a::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-black);
}
.tp-header-2-menu > nav > ul > li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
  margin-left: 5px;
  transform: translateY(2px);
  color: var(--tp-common-white);
}
.tp-header-2-menu > nav > ul > li:hover.has-dropdown::after {
  transform: rotate(-180deg);
}
.tp-header-2-menu > nav > ul > li:hover > a::before {
  width: 100%;
}
.tp-header-2-menu > nav > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.tp-header-2-right ul li {
  display: inline-block;
  list-style-type: none;
}
.tp-header-2-right ul li:not(:last-child) {
  margin-right: 28px;
}
.tp-header-2-icon {
  position: relative;
}
.tp-header-2-icon > a svg {
  color: var(--tp-common-white);
}
.tp-header-2-icon button svg {
  color: var(--tp-common-white);
}
.tp-header-2-icon.cart:hover .minicart {
  opacity: 1;
  visibility: visible;
  top: 176%;
}
.tp-header-2-icon .minicart {
  right: 0%;
  top: 250%;
}
@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-2-bar {
    margin: 20px 0;
  }
}
.tp-header-2-bar button svg {
  color: var(--tp-common-white);
}

.tp-header-style-3 .tp-header-menu {
  padding-left: 280px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-style-3 .tp-header-menu {
    padding-left: 220px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-style-3 .tp-header-menu {
    padding-left: 155px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-style-3 .tp-header-menu {
    padding-left: 80px;
  }
}
.tp-header-style-3 .tp-header-menu > nav > ul > li > a {
  padding: 36px 0;
}

.tp-header-style-4 .tp-header-menu {
  padding-left: 165px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-style-4 .tp-header-menu {
    padding-left: 115px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-style-4 .tp-header-menu {
    padding-left: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-style-4 .tp-header-menu {
    padding-left: 25px;
  }
}
.tp-header-style-4 .tp-header-menu > nav > ul > li > a {
  padding: 52px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-style-4 .tp-header-menu > nav > ul > li > a {
    padding: 35px 0;
  }
}
.tp-header-style-4 .tp-header-bar button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-style-4 .tp-header-bar button {
    border-radius: 0;
    color: var(--tp-common-black);
    border-color: var(--tp-common-black);
  }
}
.tp-header-style-4 .tp-header-icon a.cart-icon {
  margin-right: 20px;
  color: var(--tp-common-white);
}
.tp-header-style-4 .tp-header-icon a.cart-icon span {
  background-color: var(--tp-common-white);
}
.tp-header-style-4 .tp-header-icon a.cart-icon span::after {
  background-color: var(--tp-theme-1);
}
.tp-header-style-4 .tp-header-icon a.cart-icon span i {
  color: var(--tp-theme-1);
}
.tp-header-style-4 .tp-header-icon .minicart {
  right: 49%;
}

.tp-header-style-5 .tp-header-menu {
  padding-left: 335px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-style-5 .tp-header-menu {
    padding-left: 230px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-style-5 .tp-header-menu {
    padding-left: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-style-5 .tp-header-menu {
    padding-left: 120px;
  }
}
.tp-header-style-5 .tp-header-menu > nav > ul > li > a {
  color: var(--tp-common-white);
  padding: 42px 0;
}
.tp-header-style-5 .tp-header-menu > nav > ul > li > a::after {
  background-color: var(--tp-common-white);
}
.tp-header-style-5 .tp-header-bar button {
  border-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-style-5 .tp-header-bar button {
    border-radius: 50%;
    color: var(--tp-common-white);
  }
}
.tp-header-style-5 .tp-header-icon a.cart-icon span::after {
  background-color: var(--tp-common-black);
}
.tp-header-style-5 .tp-header-icon a.cart-icon span i {
  color: var(--tp-common-black);
}
.tp-header-style-5 .tp-header-icon .pdf-icon {
  color: var(--tp-theme-1);
  margin-left: 17px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-inner-style .tp-header-right {
    margin-left: -20px;
  }
}
.tp-header-inner-style .tp-header-right ul li {
  display: inline-block;
  list-style-type: none;
}
.tp-header-inner-style .tp-header-icon .cart-icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-right: 28px;
  background-color: rgba(166, 161, 130, 0.1);
  color: var(--tp-common-black);
}
.tp-header-inner-style .tp-header-icon .cart-icon span {
  top: -3px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-header-inner-style .tp-header-icon > a {
  color: var(--tp-common-black);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
}
.tp-header-inner-style .tp-header-icon .pdf-icon {
  color: var(--tp-theme-1);
  margin-left: 17px;
}
.tp-header-inner-style .tp-header-icon .minicart {
  right: 41%;
}
@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-style .tp-header-2-bar {
    margin: 20px 0;
  }
}
.tp-header-inner-style .tp-header-2-bar button > svg {
  color: var(--tp-common-black);
}
.tp-header-inner-style .tp-header-2-menu {
  padding-left: 195px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-inner-style .tp-header-2-menu {
    padding-left: 150px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-inner-style .tp-header-2-menu {
    padding-left: 75px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-inner-style .tp-header-2-menu {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-inner-style .tp-header-2-menu > nav > ul > li {
    margin: 0 14px;
  }
}
.tp-header-inner-style .tp-header-2-menu > nav > ul > li > a {
  padding-top: 55px;
  padding-bottom: 35px;
  color: var(--tp-common-black);
}
.tp-header-inner-style .tp-header-2-menu > nav > ul > li > a::before {
  bottom: 34%;
  transform: translate(0, -50%);
  background-color: var(--tp-common-black);
}
.tp-header-inner-style .tp-header-2-menu > nav > ul > li > a::after {
  left: 0;
  top: 42%;
  transform: translate(0, -50%);
}
.tp-header-inner-style .tp-header-2-menu > nav > ul > li .submenu > ul > li > a {
  padding: 0;
}
.tp-header-inner-style .tp-header-2-menu > nav > ul > li.has-dropdown::after {
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  7.6 Banner Section
/*----------------------------------------*/

.scrolling-banner {
  width: 100%;
  overflow: hidden;
  background-color: #00aff0;
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  height: 50px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* Adjust speed by increasing duration */
.banner-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: scrollBanner 20s linear infinite; /* Increase duration */
}

.banner-track img {
  max-height: 40px;
  width: auto;
  padding: 0 20px;
  display: block;
}

/* Updated Keyframe Animation */
@keyframes scrollBanner {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@media (max-width: 768px) {
  .scrolling-banner {
    height: 30px;
  }
  .banner-track img {
    max-height: 25px;
  }
}







/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.tp-header-menu nav ul li .has-homemenu {
  width: 1100px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-menu nav ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-menu nav ul li .has-homemenu {
    left: -150px;
    width: 1000px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-menu nav ul li .has-homemenu {
    left: -150px;
    width: 1000px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-menu nav ul li .has-homemenu {
    left: -100px;
    width: 900px;
  }
}

.tp-header-2-menu nav ul li .has-homemenu {
  width: 1100px;
  opacity: 0;
  left: -105px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-2-menu nav ul li .has-homemenu .homemenu {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-2-menu nav ul li .has-homemenu {
    width: 900px;
  }
}

.homemenu-btn {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.homemenu-title {
  font-size: 12px;
  margin-bottom: 0;
  color: var(--tp-common-black);
  display: inline-block;
  font-weight: 500;
  position: relative;
}
.homemenu-title::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.homemenu-title:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--tp-common-black);
}

.homemenu-thumb {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}

.tp-main-menu-mobile .tp-submenu {
  display: none;
}
.tp-main-menu-mobile .header-icon {
  display: none;
}
.tp-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.tp-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li:not(:last-child) a {
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 21%;
  -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;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown:hover > a::after {
  color: var(--tp-theme-green);
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 21%;
  -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;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a.expanded {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--tp-common-white);
}
.tp-main-menu-mobile ul li.has-dropdown-2:hover > a::after {
  color: var(--tp-theme-green);
}
.tp-main-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: var(--tp-common-white);
  position: relative;
  padding: 7px 0;
  padding-right: 20px;
}
.tp-main-menu-mobile 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 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 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 ul li img {
  width: 100%;
}
.tp-main-menu-mobile ul li ul {
  padding: 0;
}
.tp-main-menu-mobile ul li ul li {
  padding: 0;
}
.tp-main-menu-mobile 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 ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.tp-main-menu-mobile ul li:hover > a {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover > a::after {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--tp-theme-1);
}
.tp-main-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.tp-main-menu-mobile ul li .mega-menu, .tp-main-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.tp-main-menu-mobile ul li .mega-menu li, .tp-main-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.tp-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile 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;
}

.tp-onepage-menu li a span {
  display: block;
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.postbox__wrapper {
  margin-right: 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) {
  .postbox__wrapper {
    margin-right: 0;
  }
}
.postbox__thumb {
  position: relative;
}
.postbox__thumb .play-btn {
  position: absolute;
  top: 38%;
  left: 44%;
  z-index: 1;
}
.postbox__thumb .play-btn a {
  height: 85px;
  width: 85px;
  line-height: 87px;
}
.postbox__thumb .play-btn a::after {
  display: none;
}
.postbox__thumb-text {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.postbox__thumb-text-2 {
  position: absolute;
  left: 30px;
  top: 30px;
}
.postbox__thumb-text-2 > span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  padding: 7px 20px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.postbox__item-single:hover {
  box-shadow: none;
}
.postbox__meta span:not(:last-child) {
  margin-right: 25px;
}
.postbox__meta span svg, .postbox__meta span i {
  margin-right: 4px;
  display: inline-block;
}
.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: #fff;
  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-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
@media (max-width: 767px) {
  .postbox__content-thumb {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .postbox__content-thumb img {
    margin-bottom: 20px;
  }
}
.postbox__title {
  font-weight: 700;
  font-size: 28px;
  color: var(--tp-common-black);
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__title a:hover {
  color: var(--tp-theme-1);
}
.postbox__blockquote > blockquote {
  padding-left: 30px;
}
.postbox__blockquote > blockquote::after {
  position: absolute;
  content: "";
  top: 9px;
  height: 100px;
  width: 2px;
  left: 0;
  background: var(--tp-theme-1);
}
.postbox__blockquote > blockquote > p {
  font-family: var(--tp-ff-heading);
  font-weight: 500;
  font-size: 26px;
  color: var(--tp-common-black);
  margin-bottom: 15px;
  line-height: 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) {
  .postbox__blockquote > blockquote > p {
    font-size: 22px;
  }
  .postbox__blockquote > blockquote > p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__blockquote > blockquote > p {
    font-size: 17px;
    line-height: 24px;
  }
  .postbox__blockquote > blockquote > p br {
    display: none;
  }
}
.postbox__blockquote > blockquote cite {
  font-weight: 400;
  font-size: 16px;
  font-style: inherit;
  position: relative;
}
.postbox-details-desc-thumb-caption {
  font-size: 18px;
  font-weight: 500;
  color: #807A7A;
  font-style: italic;
  text-align: center;
  display: block;
  margin-top: 30px;
  margin-bottom: 50px;
}
.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 #e7e6e8;
}
.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;
  border: 1px solid var(--tp-theme-1);
  color: var(--tp-theme-1);
  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 {
  color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.postbox__details-tag span {
  font-size: 20px;
  font-weight: 500;
  color: #121416;
  margin-right: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-tag span {
    font-size: 16px;
  }
}
.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-2 {
  border-bottom: 1px solid #E6E6E6;
}
.postbox__text-2 p {
  margin-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) {
  .postbox__text-2 p {
    font-size: 14px;
  }
}
.postbox__text img {
  max-width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__text img {
    width: 48.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__text img {
    width: 100%;
  }
}
.postbox__text p {
  font-weight: 400;
  font-size: 16px;
  margin-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) {
  .postbox__text p {
    font-size: 14px;
  }
}
.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__tag span {
  font-size: 16px;
  margin-bottom: 17px;
  color: var(--tp-common-black);
  margin-right: 10px;
}
.postbox__play-btn a {
  height: 85px;
  width: 85px;
  line-height: 85px;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
@media (max-width: 767px) {
  .postbox__play-btn a {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
.postbox__author {
  padding: 45px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__author {
    padding: 45px 40px;
  }
}
@media (max-width: 767px) {
  .postbox__author {
    padding: 45px 20px;
  }
}
.postbox__author-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--tp-common-white);
}
.postbox__author-thumb {
  flex: 0 0 auto;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .postbox__author-thumb {
    margin-bottom: 30px;
  }
}
.postbox__author-content p {
  color: #9898a0;
}
@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__author-content p {
    font-size: 14px;
  }
  .postbox__author-content p br {
    display: none;
  }
}
.postbox__author-social a {
  color: var(--tp-common-white);
  margin-right: 20px;
  display: inline-block;
  transition: 0.3s;
}
.postbox__author-social a:hover {
  color: var(--tp-theme-1);
}
.postbox__comment ul li {
  margin-bottom: 10px;
  list-style: none;
  border-bottom: 1px solid #e7e6e8;
}
.postbox__comment ul li.children {
  margin-left: 65px;
}
@media (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
}
.postbox__comment-wrap ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.postbox__comment-wrap .postbox__comment-reply span {
  font-size: 16px;
  font-weight: 600;
  margin-right: 90px;
  display: inline-block;
  color: var(--tp-theme-1);
}
.postbox__comment-wrap .postbox__comment-reply a {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  color: var(--tp-common-black);
}
.postbox__comment-form-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .postbox__comment-form-title {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
.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;
  color: #121416;
  font-weight: 600;
  margin-bottom: 20px;
}
.postbox__comment-box {
  padding-top: 20px;
  padding-bottom: 60px;
}
.postbox__comment-avater {
  flex: 0 0 auto;
}
.postbox__comment-avater img {
  border-radius: 50%;
}
@media (max-width: 767px) {
  .postbox__comment-avater {
    margin-bottom: 30px;
  }
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: var(--tp-common-black);
}
.postbox__comment-name span {
  font-weight: 500;
  font-size: 12px;
  color: #949392;
}
@media (max-width: 767px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  margin-bottom: 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) {
  .postbox__comment-text p {
    font-size: 14px;
  }
  .postbox__comment-text p br {
    display: none;
  }
}
.postbox__comment-reply a {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  display: block;
  padding-left: 25px;
  color: var(--tp-theme-1);
}
.postbox__comment-reply a i {
  position: absolute;
  top: 10px;
  left: 0;
}
.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;
}
@media (max-width: 767px) {
  .postbox__comment-info {
    flex-wrap: wrap;
  }
}

.postbox__slider-arrow-wrap button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
  text-align: center;
  font-size: 18px;
  transition: 0.3s;
}
.postbox__slider-arrow-wrap button:hover {
  color: var(--tp-theme-1);
}
.postbox__slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 9;
}
.postbox__slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 9;
}
.postbox__wrapper .postbox__content {
  padding: 0;
  padding-top: 30px;
  background-color: transparent;
}
.postbox__wrapper .postbox__meta {
  margin-bottom: 15px;
}
.postbox__wrapper .postbox__meta span {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 767px) {
  .postbox__wrapper .postbox__meta span {
    font-size: 12px;
  }
}
.postbox__wrapper .postbox__meta span:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .postbox__wrapper .postbox__meta span:not(:last-child) {
    margin-right: 17px;
  }
}
.postbox__wrapper .postbox__meta span i {
  color: var(--tp-theme-1);
  margin-right: 10px;
}
.postbox__wrapper .postbox__meta span i.tag {
  transform: rotate(90deg);
  display: inline-block;
}
.postbox__wrapper .postbox__text > p {
  padding-right: 20px;
  margin-bottom: 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) {
  .postbox__wrapper .postbox__text > p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox__details-tag {
    margin-bottom: 25px;
  }
}
.postbox__details-tag.tagcloud a {
  padding: 2px 15px;
  background-color: #f5f5f8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox__details-tag.tagcloud a {
    font-size: 12px;
  }
}
.postbox__more-content p {
  font-size: 18px;
  margin-bottom: 13px;
}
@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__more-content p {
    font-size: 15px;
  }
}
.postbox__more-content h4 {
  font-size: 18px;
  transition: 0.3s;
  margin-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) {
  .postbox__more-content h4 {
    font-size: 15px;
  }
}
.postbox__more-content h4:hover {
  color: var(--tp-theme-1);
}
.postbox__more-icon {
  position: absolute;
  top: 0;
}
.postbox__more-icon a {
  font-size: 24px;
  transition: 0.3s;
}
.postbox__more-icon:hover a {
  color: var(--tp-theme-1);
}
.postbox__more-left {
  padding-left: 40px;
}
.postbox__more-left .postbox__more-icon {
  left: 0;
}
.postbox__more-right {
  padding-right: 40px;
}
.postbox__more-right .postbox__more-icon {
  right: 0;
}

/*----------------------------------------*/
/*  5.2 Pagination Style
/*----------------------------------------*/

/* Pagination container alignment */
.basic-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* Pagination list styling */
.basic-pagination ul {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Styling for pagination arrows with fixed positioning */
.basic-pagination #left-arrow,
.basic-pagination #right-arrow {
  width: 60px;
  height: 60px;
  border: none;
  background: #E6E6E6;
  border-radius: 5px;
  color: var(--tp-theme-1);
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  visibility: visible;
}

/* Invisible placeholder for hidden arrows, but keeps layout space */
.basic-pagination #left-arrow.hidden,
.basic-pagination #right-arrow.hidden {
  visibility: hidden;
}

/* Pagination button styling */
.basic-pagination ul li button {
  height: 60px;
  width: 60px;
  border-radius: 5px;
  display: inline-block;
  line-height: 60px;
  color: var(--tp-theme-1);
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 1.2px;
  text-align: center;
  background-color: #E6E6E6;
  transform: translateY(3px);
  transition: all 0.3s ease-in-out;
}

/* Hover and active states */
.basic-pagination ul li:hover button,
.basic-pagination ul li.active button {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

/* Current page button styling */
.basic-pagination ul li button.current,
.basic-pagination ul li.active button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-weight: 900;
  font-size: 18px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}


/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/
.rc__post:hover .rc__post-thumb::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  right: auto;
  left: 0;
}
.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-title {
  font-weight: 700;
  font-size: 16px;
  margin-right: -20px;
  line-height: 22px;
  margin-bottom: 0;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc__post-title {
    font-size: 13px;
  }
  .rc__post-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .rc__post-title {
    font-size: 14px;
  }
  .rc__post-title br {
    display: none;
  }
}
.rc__post-title a:hover {
  color: var(--tp-theme-1);
}
.rc__meta span {
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .rc__meta span {
    font-size: 14px;
  }
}
.rc__meta span i {
  transform: translateY(-2px);
  margin-right: 3px;
  color: var(--tp-theme-1);
}
.rc__post-thumb {
  flex: 0 0 auto;
}
.rc__post-thumb img {
  width: 70px;
  height: 70px;
}

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/
.sidebar__widget {
  padding: 50px;
  background: #F4F6F8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar__widget {
    padding: 30px 25px;
  }
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--tp-common-black);
}
.sidebar__widget ul li {
  list-style: none;
  height: 56px;
  line-height: 56px;
  border-radius: 2px;
  padding: 0 30px;
  box-shadow: 0px 4px 20px 0px rgba(30, 22, 22, 0.06);
  background: var(--tp-common-white);
}
.sidebar__widget ul li:hover {
  background-color: var(--tp-theme-1);
}
.sidebar__widget ul li:hover a {
  color: var(--tp-common-white);
}
.sidebar__widget ul li.active {
  background-color: var(--tp-theme-1);
}
.sidebar__widget ul li.active a {
  color: var(--tp-common-white);
}
.sidebar__widget ul li:last-child {
  margin-bottom: 10px;
}
.sidebar__widget ul li a {
  position: relative;
  font-weight: 700;
  font-size: 16px;
  color: var(--tp-common-black);
  display: block;
}
.sidebar__widget ul li a span {
  float: right;
}
.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 {
  font-size: 14px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  text-transform: capitalize;
  border: 1px solid #fff;
  outline: none;
  padding-right: 70px;
  border: 1px solid #e0dddc;
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.sidebar__search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.sidebar__search input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.sidebar__search input:-moz-placeholder { /* Firefox 4-18 */
  color: #000;
}
.sidebar__search input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #000;
}
.sidebar__search input::placeholder { /* MODERN BROWSER */
  color: #000;
}
.sidebar__search input:focus {
  border: 1px solid var(--tp-theme-1);
}
.sidebar__search button {
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0px;
  width: 60px;
  height: 100%;
  line-height: 60px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.sidebar__banner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 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;
}

.tagcloud a {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  padding: 2px 15px;
  margin-right: 5px;
  background-color: var(--tp-common-white);
  margin-bottom: 14px;
  display: inline-block;
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tagcloud a.active {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  5.1 blog css
/*----------------------------------------*/
.tp-blog-item {
  height: 100%;
  line-height: 0;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-blog-item {
    flex-wrap: wrap;
  }
}
.tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.2) rotate(-2deg);
}
.tp-blog-item:hover .tp-blog-thumb::after {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-blog-thumb {
  overflow: hidden;
  position: relative;
  height: 100%;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-blog-thumb {
    width: 100%;
  }
}
.tp-blog-thumb img {
  transition: 1.3s all ease;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-blog-thumb img {
    width: 100%;
  }
}
.tp-blog-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-blog-meta span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-meta span {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .tp-blog-meta span {
    font-size: 9px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-meta span {
    font-size: 12px;
  }
}
.tp-blog-meta span:not(:last-child) {
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-meta span:not(:last-child) {
    margin-right: 20px;
  }
}
.tp-blog-meta span svg {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(-3px);
}
.tp-blog-title {
  margin-right: 50px;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-blog-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-title {
    font-size: 22px;
  }
  .tp-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-title {
    font-size: 25px;
  }
  .tp-blog-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-blog-title {
    font-size: 19px;
    margin-right: 0px;
  }
  .tp-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-blog-title {
    font-size: 22px;
  }
}
.tp-blog-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-blog-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-blog-content {
  padding: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-content {
    padding: 27px;
    padding-bottom: 40px;
  }
}
.tp-blog-big-text {
  position: absolute;
  content: "";
  top: 25%;
  right: 10.6%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-blog-big-text {
    right: 9.6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-big-text {
    right: 7.6%;
  }
}
.tp-blog-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-big-text h6 {
    font-size: 130px;
  }
}
.tp-blog-big-text-2 {
  position: absolute;
  content: "";
  bottom: 5%;
  left: 8.6%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-blog-big-text-2 {
    left: 3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-blog-big-text-2 {
    left: 1%;
    bottom: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-big-text-2 {
    left: 1%;
  }
}
.tp-blog-big-text-2 h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-big-text-2 h6 {
    font-size: 130px;
  }
}
.tp-blog-big-text-3 {
  position: absolute;
  content: "";
  top: 3%;
  left: 5.6%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-blog-big-text-3 {
    left: 2%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-blog-big-text-3 {
    left: 0.5%;
  }
}
.tp-blog-big-text-3 h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
.tp-blog-arrow-box {
  position: absolute;
  top: -27%;
  right: 0;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-arrow-box {
    top: -9%;
  }
}
.tp-blog-arrow-box button {
  color: var(--tp-common-black);
}
.tp-blog-arrow-box button.blog-prev {
  margin-right: 75px;
  position: relative;
}
.tp-blog-arrow-box button.blog-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid var(--tp-common-black);
  transform: translateY(-50%);
}
.tp-blog-arrow-box button.blog-next {
  position: relative;
}
.tp-blog-arrow-box button.blog-next::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid var(--tp-common-black);
  transform: translateY(-50%);
}

.tp-blog-2-item {
  padding: 20px 0;
  border-top: 1px solid rgba(166, 161, 130, 0.4);
}
.tp-blog-2-item.item-border {
  border-bottom: 1px solid rgba(166, 161, 130, 0.4);
}
.tp-blog-2-item:hover .tp-blog-2-thumb img {
  transform: scale(1.2) rotate(-2deg);
}
.tp-blog-2-item:hover .tp-blog-2-thumb::after {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-2-title-box {
    margin-bottom: 30px;
  }
}
.tp-blog-2-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-2-title {
    font-size: 22px;
  }
  .tp-blog-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-2-title {
    font-size: 18px;
  }
  .tp-blog-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-2-title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .tp-blog-2-title {
    font-size: 22px;
  }
  .tp-blog-2-title br {
    display: none;
  }
}
.tp-blog-2-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-blog-2-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-blog-2-middle-box {
  margin-left: -40px;
  padding-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-2-middle-box {
    margin-left: 30px;
    margin-right: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-2-middle-box {
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-2-middle-box {
    margin-left: 0;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-blog-2-middle-box {
    margin-left: 0;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-blog-2-middle-box .tp-blog-meta {
    margin-bottom: 30px;
  }
}
.tp-blog-2-middle-box .tp-blog-meta span {
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-2-middle-box .tp-blog-meta span {
    display: inline-block;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-2-middle-box .tp-blog-meta span {
    display: inline-block;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-2-middle-box .tp-blog-meta span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-blog-2-middle-box .tp-blog-meta span {
    font-size: 12px;
  }
}
.tp-blog-2-middle-box .tp-blog-meta span:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-2-middle-box .tp-blog-meta span:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-blog-2-middle-box .tp-blog-meta span:not(:last-child) {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1200px) 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-2-top-text p {
    font-size: 14px;
  }
}
.tp-blog-2-thumb {
  overflow: hidden;
  position: relative;
}
.tp-blog-2-thumb a {
  display: inline-block;
}
.tp-blog-2-thumb img {
  transition: 0.7s all ease;
}
.tp-blog-2-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.tp-blog-style-2 .tp-blog-item {
  flex-wrap: wrap;
  background-color: transparent;
  overflow: hidden;
}
.tp-blog-style-2 .tp-blog-content {
  padding: 22px 0;
  background-color: transparent;
}
.tp-blog-style-2 .tp-blog-title {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-style-2 .tp-blog-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-blog-style-2 .tp-blog-title {
    font-size: 21px;
  }
}
.tp-blog-style-2 .tp-btn-border-lg.grey-border-2:hover {
  background-color: var(--tp-common-black);
}
.tp-blog-style-2 .tp-btn-border-lg.grey-border-2:hover span {
  color: var(--tp-common-white);
}
.tp-blog-style-2 .tp-blog-meta span {
  position: relative;
  padding-left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-style-2 .tp-blog-meta span {
    padding-left: 90px;
  }
}
.tp-blog-style-2 .tp-blog-meta span::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 96px;
  height: 1px;
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-style-2 .tp-blog-meta span::after {
    width: 65px;
  }
}

.tp-blog-style-3 .tp-blog-meta span {
  padding-left: 0;
  display: inline-block;
}
@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-style-3 .tp-blog-meta span {
    font-size: 11px;
  }
}
.tp-blog-style-3 .tp-blog-meta span::after {
  display: none;
}
.tp-blog-style-3 .tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.04) translateX(1.5%);
}
.tp-blog-style-3 .tp-blog-thumb {
  flex: auto;
  margin-right: 0;
}
.tp-blog-style-3 .tp-blog-thumb img {
  transform: scale(1.04) translateX(-1.5%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.tp-blog-style-3 .tp-blog-title {
  font-size: 28px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-style-3 .tp-blog-title {
    font-size: 24px;
  }
}
.tp-blog-style-3 .tp-blog-link a {
  color: var(--tp-common-black);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  display: inline-block;
  line-height: 28px;
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.tp-footer-logo {
  padding-bottom: 28px;
}
.tp-footer-input-box {
  position: relative;
}
.tp-footer-input-box input {
  height: 56px;
  line-height: 56px;
  color: #54595F;
  padding-right: 70px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.tp-footer-input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-black);
}
.tp-footer-input-box input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-black);
}
.tp-footer-input-box input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-black);
}
.tp-footer-input-box input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-black);
}
.tp-footer-input-box input::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-black);
}
.tp-footer-icon {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-footer-icon span {
  height: 56px;
  width: 54px;
  line-height: 56px;
  display: inline-block;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-text p {
    margin-right: -20px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-text-2 p {
    font-size: 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-footer-text-2 p {
    font-size: 14px;
  }
}
.tp-footer-list ul li {
  list-style-type: none;
}
.tp-footer-list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-footer-list ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  position: relative;
  margin-left: 20px;
  transform: 0.3s;
}
@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-list ul li a {
    font-size: 14px;
  }
}
.tp-footer-list ul li a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: rgba(84, 89, 95, 0.2);
}
.tp-footer-list ul li a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -20px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  transform: translateY(-50%) scale(0);
  background-color: var(--tp-theme-1);
  transition: 0.3s;
}
.tp-footer-list ul li a:hover::before {
  transform: translateY(-50%) scale(1);
}
.tp-footer-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding-top: 10px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-title {
    font-size: 21px;
  }
}
@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-title {
    font-size: 20px;
  }
}

.tp-footer-contact-box {
    max-width: 100%;
}

.tp-footer-contact ul li {
  list-style-type: none;
  position: relative;
  padding-left: 23px;
}
.tp-footer-contact ul li:not(:last-child) {
  margin-bottom: 12px;
}
.tp-footer-contact ul li span {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tp-theme-1);
}
.tp-footer-contact ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.5s linear;
  background-image: linear-gradient(#A6A182, #A6A182), linear-gradient(#A6A182, #A6A182);
}
@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-contact ul li a {
    font-size: 14px;
  }
}
.tp-footer-contact ul li a:hover {
  background-size: 0% 1px, 100% 1px;
}

.tp-footer-style-2 .tp-footer-title {
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-text p {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-style-2 .tp-footer-text p {
    padding-right: 75px;
  }
}
.tp-footer-style-2 .tp-footer-text-2 p {
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-style-2 .tp-footer-contact ul li a {
  color: rgba(255, 255, 255, 0.7);
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
}
@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-style-2 .tp-footer-contact ul li a {
    font-size: 14px;
  }
}
.tp-footer-style-2 .tp-footer-list ul li {
  position: relative;
}
.tp-footer-style-2 .tp-footer-list ul li a {
  padding-left: 20px;
  margin-left: 0;
  color: rgba(255, 255, 255, 0.7);
}
.tp-footer-style-2 .tp-footer-list ul li a i {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 14px;
  color: var(--tp-theme-1);
  font-weight: 400;
  transition: 0.3s;
}
@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-style-2 .tp-footer-list ul li a {
    font-size: 14px;
  }
}
.tp-footer-style-2 .tp-footer-list ul li a::after {
  display: none;
}
.tp-footer-style-2 .tp-footer-list ul li a::before {
  display: none;
}
.tp-footer-style-2 .tp-footer-list ul li a:hover i {
  color: var(--tp-theme-2);
}
.tp-footer-style-2 .tp-footer-input-box {
  position: relative;
  width: 244px;
}
.tp-footer-style-2 .tp-footer-input-box input {
  border: 1px solid #54595F;
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-input-box input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-input-box input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-input-box input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-input-box input::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-white);
}
.tp-footer-style-2 .tp-footer-logo {
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.tp-footer-style-2 .tp-footer-logo::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 122%;
  background-color: var(--tp-theme-1);
}
.tp-footer-style-2 .tp-footer-title {
  position: relative;
  display: inline-block;
  padding-bottom: 21px;
  margin-bottom: 28px;
  overflow: hidden;
}
.tp-footer-style-2 .tp-footer-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 110%;
  background-color: var(--tp-theme-1);
}

.tp-footer-style-3 .tp-footer-logo::after {
  display: none;
}
.tp-footer-style-3 .tp-footer-title::after {
  position: absolute;
  content: "";
  top: 25px;
  left: -37px;
  height: 1px;
  width: 28px;
  background-color: var(--tp-theme-1);
}
.tp-footer-style-3 .tp-footer-list ul li a {
  padding-left: 0;
}
.tp-footer-style-3 .tp-footer-list ul li a:hover {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-style-3 .tp-footer-text p {
    margin-right: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-style-3 .tp-footer-text p {
    padding-right: 15px;
    margin-right: 0;
  }
}
.tp-footer-style-3 .tp-footer-contact ul li {
  padding-left: 0;
}
.tp-footer-style-3 .tp-footer-social {
  padding-top: 20px;
  position: relative;
}
.tp-footer-style-3 .tp-footer-social::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  width: 202px;
  background-color: rgba(166, 161, 130, 0.6);
}
.tp-footer-style-3 .tp-footer-social a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin-right: 7px;
  color: var(--tp-common-white);
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 0.3s;
}
.tp-footer-style-3 .tp-footer-social a:hover {
  background-color: var(--tp-theme-1);
}

.tp-footer-style-4 .tp-footer-title {
  padding-bottom: 0;
  margin-bottom: 30px;
}
.tp-footer-style-4 .tp-footer-title::after {
  display: none;
}
.tp-footer-style-4 .tp-footer-input-box {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-style-4 .tp-footer-text p {
    padding-right: 60px;
  }
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-list ul li a {
  padding-left: 0;
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-list ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li {
  padding-left: 80px;
  position: relative;
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li:nth-child(2) {
  padding-left: 70px;
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li:nth-child(3) {
  padding-left: 50px;
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li:not(:last-child) {
  margin-bottom: 15px;
}
.tp-footer-style-4 .tp-footer-widge-style-2 .tp-footer-contact ul li span {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tp-common-white);
}

.tp-footer-style-5 .tp-footer-list ul li a {
  padding-left: 0;
}
.tp-footer-style-5 .tp-footer-list ul li a:hover {
  color: var(--tp-common-white);
}
.tp-footer-style-5 .tp-footer-title {
  padding-top: 6px;
  margin-bottom: 30px;
  padding-bottom: 0;
}
.tp-footer-style-5 .tp-footer-title::after {
  display: none;
}
.tp-footer-style-5 .tp-footer-logo {
  padding-bottom: 0;
}
.tp-footer-style-5 .tp-footer-logo::after {
  display: none;
}
.tp-footer-style-5 .tp-footer-contact ul li {
  padding-left: 0px;
}
.tp-footer-style-5 .tp-footer-input-box {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-style-5 .tp-footer-text p {
    padding-right: 76px;
  }
}

.tp-copyright-border {
  border-top: 1px solid rgba(84, 89, 95, 0.2);
}
.tp-copyright-height {
  padding: 17px 0;
}
.tp-copyright-left p {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  margin-bottom: 0;
}
.tp-copyright-right a {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  transition: 0.3s;
  position: relative;
}
.tp-copyright-right a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--tp-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.tp-copyright-right a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-copyright-right a:not(:last-child) {
  margin-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-copyright-right a:not(:last-child) {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-copyright-right a:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-copyright-right a:not(:last-child) {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-copyright-left-pt {
    margin-bottom: 10px;
  }
}

.tp-copyright-style-2.tp-copyright-border {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-copyright-style-2.tp-copyright-height {
  padding: 27px 0;
}
.tp-copyright-style-2.tp-copyright-height-2 {
  padding: 30px 0;
}
.tp-copyright-style-2 .tp-copyright-left p {
  font-size: 16px;
  color: rgba(255, 255, 255, 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-copyright-style-2 .tp-copyright-left p {
    font-size: 14px;
  }
}
.tp-copyright-style-2 .tp-copyright-right a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.72);
}
@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-copyright-style-2 .tp-copyright-right a {
    font-size: 14px;
  }
}
.tp-copyright-style-2 .tp-copyright-right a::after {
  background-color: rgba(255, 255, 255, 0.72);
}
.tp-copyright-style-2 .tp-copyright-right a:not(:last-child) {
  margin-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-copyright-style-2 .tp-copyright-right a:not(:last-child) {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-copyright-style-2 .tp-copyright-right a:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-copyright-style-2 .tp-copyright-logo {
    margin-bottom: 20px;
  }
}

.footer-cols-1 {
  margin-right: 116px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-cols-1 {
    margin-right: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-1 {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cols-1 {
    margin-right: 60px;
  }
}
@media (max-width: 767px) {
  .footer-cols-1 {
    margin-right: 0px;
  }
}

.footer-cols-2 {
  margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-2 {
    margin-left: 77px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-cols-2 {
    margin-left: 30px;
  }
}

.footer-cols-3 {
  transform: translateX(100px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-3 {
    transform: translateX(70px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-3 {
    transform: translateX(0px);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-cols-4 {
    margin-left: 30px;
  }
}

.footer-cols-2-2 {
  padding-left: 92px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-2-2 {
    padding-left: 0;
    margin-left: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-2-2 {
    padding-left: 0;
  }
}

.footer-cols-2-3 {
  margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-2-3 {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-2-3 {
    margin-left: 0px;
  }
}

.footer-cols-3-2 {
  padding-left: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-cols-3-2 {
    padding-left: 112px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-3-2 {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cols-3-2 {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .footer-cols-3-2 {
    padding-left: 0px;
  }
}

.footer-cols-3-3 {
  padding-left: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-cols-3-3 {
    padding-left: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-3-3 {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-3-3 {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cols-3-4 {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .footer-cols-3-4 {
    padding-left: 0px;
  }
}

.footer-cols-4-2 {
  padding-left: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-4-2 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cols-4-2 {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .footer-cols-4-2 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-cols-4-2 {
    padding-left: 30px;
  }
}

.footer-cols-4-3 {
  padding-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cols-4-3 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-4-3 {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cols-4-4 {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .footer-cols-4-4 {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-cols-4-4 {
    padding-left: 30px;
  }
}

.footer-cols-5-2 {
  padding-left: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-5-2 {
    padding-left: 0;
  }
}

.footer-cols-5-3 {
  margin-left: -25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-cols-5-3 {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  7.17 slider css start
/*----------------------------------------*/
.tp-slider-height {
  padding-top: 315px;
  padding-bottom: 270px;
  position: relative;
  background-size: cover;
  background-image: url('assets/img/slider/slider-1-1.jpg'); /* Add your image path here */
  background-position: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-height {
    padding-top: 280px;
    padding-bottom: 230px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-height {
    padding-top: 270px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-height {
    padding-top: 260px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-height {
    padding-top: 220px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-height {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}
@media (max-width: 767px) {
  .tp-slider-height {
    padding-top: 120px;
    padding-bottom: 120px;
    background-position: center center;
    background-size: cover;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-height {
    padding-top: 160px;
    padding-bottom: 140px;
  }
}
.tp-slider-height::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  background: #000;
  z-index: -1;
}
.tp-slider-title {
  font-size: 68px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-title {
    font-size: 53px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-title {
    font-size: 54px;
  }
  .tp-slider-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-title {
    font-size: 34px;
  }
  .tp-slider-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-slider-title {
    font-size: 40px;
  }
}
.tp-slider-title span {
  color: var(--tp-theme-1);
}
.tp-slider-content p {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-content p {
    font-size: 15px;
    margin-right: 190px;
  }
  .tp-slider-content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-content p {
    font-size: 14px;
    margin-right: 40px;
  }
  .tp-slider-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-content p {
    font-size: 14px;
    margin-right: 140px;
  }
  .tp-slider-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-content p {
    font-size: 12px;
  }
  .tp-slider-content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-content p {
    font-size: 14px;
    margin-right: 100px;
  }
}
.tp-slider-icon {
  position: absolute;
  right: 455px;
  bottom: 345px;
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-icon {
    right: 290px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-icon {
    right: 230px;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-icon {
    bottom: 340px;
    right: 140px;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-icon {
    bottom: 340px;
    right: 140px;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-icon {
    display: none;
  }
}
.tp-slider-icon span {
  height: 133px;
  width: 133px;
  line-height: 133px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-1);
  position: relative;
  animation: tp-rotate-center 1.9s infinite alternate;
}
.tp-slider-icon span::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 60%;
  height: 60%;
  border: 1px solid var(--tp-theme-1);
  animation: borderanimate2 2.3s linear infinite;
  border-radius: 50%;
}
.tp-slider-icon span svg {
  color: var(--tp-common-white);
}
.tp-slider-funfact-wrap {
  position: absolute;
  right: 315px;
  bottom: 40px;
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-funfact-wrap {
    right: 150px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-funfact-wrap {
    right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-funfact-wrap {
    right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-funfact-wrap {
    right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-funfact-wrap {
    right: -30px;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .tp-slider-funfact-wrap {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-funfact-wrap {
    display: none;
  }
}
.tp-slider-funfact {
  padding: 60px 45px;
  padding-right: 0;
  width: 230px;
  border: 2px solid rgba(255, 255, 255, 0.22);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-funfact {
    padding: 40px 25px;
    padding-right: 0;
    width: 200px;
  }
}
.tp-slider-funfact h5 {
  color: var(--tp-common-white);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-funfact h5 {
    font-size: 20px;
  }
}
.tp-slider-funfact h5 i {
  font-style: normal;
}
.tp-slider-funfact span {
  color: var(--tp-common-white);
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-funfact span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-2-content {
    margin-bottom: 80px;
  }
}
.tp-slider-2-content .tp-slider-title {
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 51px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-slider-2-content .tp-slider-title {
    font-size: 34px;
  }
}
.tp-slider-2-content .tp-hero-2-funfact-box {
  margin-right: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-content .tp-hero-2-funfact-box {
    margin-right: 200px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-content .tp-hero-2-funfact-box {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-content .tp-hero-2-funfact-box {
    margin-right: 140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 24px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-content .tp-hero-2-funfact h5 {
    font-size: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-content .tp-hero-2-funfact span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-content .tp-hero-2-funfact span {
    font-size: 11px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-content .tp-hero-2-funfact span {
    font-size: 13px;
  }
}
.tp-slider-2-content p {
  margin-right: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-content p {
    margin-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-content p {
    margin-right: 40px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-2-content p {
    margin-right: 0px;
    font-size: 14px;
  }
}
.tp-slider-2-height {
  padding-top: 200px;
  padding-bottom: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-height {
    padding-top: 190px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-height {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-height {
    padding-top: 150px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-height {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.tp-slider-2-bg {
  position: relative;
}
.tp-slider-2-bg::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-bg::after {
    width: 32%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-2-bg::after {
    display: none;
  }
}
.tp-slider-2-active {
  margin-right: -545px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-active {
    margin-right: -480px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-active {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-active {
    margin-right: -370px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-active {
    margin-right: -205px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-active {
    margin-right: -405px;
  }
}
.tp-slider-2-wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-wrapper {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-wrapper {
    margin-left: 15px;
    padding-left: 7px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-wrapper {
    margin-left: 25px;
    padding-left: 0px;
  }
}
.tp-slider-2-wrapper::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.08);
  border: 4px solid var(--tp-theme-1);
}
.tp-slider-2-wrapper .tp-slider-icon {
  right: -10%;
  bottom: 6%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    right: -5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    right: 4%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    right: 4%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-wrapper .tp-slider-icon {
    display: block;
    right: 18%;
  }
}
.tp-slider-2-wrapper .tp-slider-icon span {
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-wrapper .tp-slider-icon span {
    height: 85px;
    width: 85px;
    line-height: 85px;
  }
}
.tp-slider-2-wrapper .tp-slider-icon span::after {
  border-color: var(--tp-common-white);
}
.tp-slider-2-wrapper .tp-slider-icon span svg {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-wrapper .tp-slider-icon span svg {
    width: 30px;
  }
}

.tp-slider-3-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: left center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 2500ms ease-in, -webkit-transform 9000ms ease;
  transition: opacity 2500ms ease-in, -webkit-transform 9000ms ease;
  transition: transform 9000ms ease, opacity 2500ms ease-in;
  transition: transform 9000ms ease, opacity 2500ms ease-in, -webkit-transform 9000ms ease;
}
.tp-slider-3-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
}
.tp-slider-3-height {
  padding-top: 227px;
  padding-bottom: 222px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-height {
    padding-top: 180px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-height {
    padding-top: 170px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-height {
    padding-top: 180px;
    padding-bottom: 180px;
    background-position: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-height {
    padding-top: 170px;
    padding-bottom: 180px;
    background-position: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-height {
    padding-top: 170px;
    padding-bottom: 180px;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-height {
    padding-top: 150px;
    padding-bottom: 160px;
    background-position: left;
  }
}
.tp-slider-3-height .tp-hero-2-funfact-box {
  position: absolute;
  right: 115px;
  bottom: 120px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-height .tp-hero-2-funfact-box {
    right: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-height .tp-hero-2-funfact-box {
    right: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-height .tp-hero-2-funfact-box {
    right: 2%;
    bottom: 160px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-height .tp-hero-2-funfact-box {
    display: none;
  }
}
.tp-slider-3-height .tp-hero-2-funfact-box::after {
  content: "";
  position: absolute;
  top: -5%;
  left: -43%;
  height: 111%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-height .tp-hero-2-funfact-box::after {
    left: -30%;
  }
}
.tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
  margin-bottom: 118px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-3-height .tp-hero-2-funfact:not(:last-child) {
    margin-bottom: 65px;
  }
}
.tp-slider-3-height .tp-hero-2-funfact h5 {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 41px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-3-height .tp-hero-2-funfact h5 {
    font-size: 29px;
  }
}
.tp-slider-3-height .tp-hero-2-funfact span {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-slider-3-height .tp-hero-2-funfact span {
    font-size: 14px;
  }
}
.tp-slider-3-title {
  color: var(--tp-common-white);
  font-size: 110px;
  font-weight: 400;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-title {
    font-size: 51px;
  }
}
.tp-slider-3-content {
  transform: translateY(200px);
  opacity: 0;
}
.tp-slider-3-content p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-content p {
    font-size: 14px;
  }
  .tp-slider-3-content p br {
    display: none;
  }
}
.tp-slider-3-content .tp-btn-black span svg {
  color: var(--tp-common-white);
}
.tp-slider-3-big-text {
  color: var(--tp-theme-1);
  font-family: Satisfy;
  font-size: 115px;
  font-weight: 400;
  margin-left: -70px;
  text-transform: capitalize;
  margin-bottom: 3px;
  font-family: var(--tp-ff-satisfy);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-big-text {
    font-size: 105px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-big-text {
    margin-left: -40px;
    font-size: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-big-text {
    margin-left: 0px;
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-big-text {
    margin-left: 0px;
    font-size: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-big-text {
    margin-left: 0px;
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-big-text {
    margin-left: 0px;
    font-size: 58px;
  }
}
.tp-slider-3-social {
  position: absolute;
  left: 50px;
  bottom: 40px;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-social {
    left: 52px;
    bottom: 0px;
  }
}
.tp-slider-3-social::after {
  display: inline-block;
  content: "";
  height: 110px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.7);
  transform: translateX(7px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-social::after {
    height: 40px;
  }
}
.tp-slider-3-social a {
  font-size: 20px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  margin: 19px 0;
  transition: 0.3s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-social a {
    font-size: 14px;
    margin: 4px 0;
  }
}
.tp-slider-3-social a:hover {
  color: var(--tp-common-white);
}
.tp-slider-3-title-box {
  transform: translateY(-200px);
  opacity: 0;
}
.tp-slider-3-wrapper .swiper-slide-active .tp-slider-3-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
} 
.tp-slider-3-wrapper .swiper-slide-active .tp-slider-3-title-box {
  opacity: 1;
  transform: translateY(0px);
  transition: all 2500ms ease;
}
.tp-slider-3-wrapper .swiper-slide-active .tp-slider-3-content {
  opacity: 1;
  transform: translateY(0px);
  transition: all 2500ms ease;
}

.tp-slider-dots {
  position: absolute;
  bottom: 62px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.tp-slider-dots .swiper-pagination-bullet {
  height: 2px;
  width: 100px;
  position: relative;
  display: inline-block;
  background-color: rgba(217, 217, 217, 0.3);
  margin: 0 5px;
  opacity: 1;
  border-radius: 0;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .tp-slider-dots .swiper-pagination-bullet {
    width: 38px;
  }
}
.tp-slider-dots .swiper-pagination-bullet-active {
  background-color: #d9d9d9;
}
.tp-slider-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  7.10 hero css start
/*----------------------------------------*/
.tp-hero-pt {
  padding-top: 190px;
}
.tp-hero-thumb {
  position: relative;
  overflow: hidden;
}
.tp-hero-thumb:hover::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-hero-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.tp-hero-title {
  font-size: 68px;
  font-weight: 700;
  line-height: 1.1;
  padding-bottom: 57px;
  color: rgba(0, 0, 0, 0.8);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .tp-hero-title {
    font-size: 32px;
    padding-bottom: 30px;
  }
  .tp-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-title {
    font-size: 35px;
  }
}
.tp-hero-title span {
  padding: 0 50px;
  height: 55px;
  border-radius: 40px;
  display: inline-block;
  transform: translateY(12px);
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-title span {
    padding: 0 38px;
    height: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-title span {
    padding: 0 32px;
    height: 41px;
    transform: translateY(5px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title span {
    padding: 0 28px;
    height: 30px;
    transform: translateY(5px);
  }
}
@media (max-width: 767px) {
  .tp-hero-title span {
    padding: 0 25px;
    height: 28px;
    transform: translateY(5px);
  }
}
.tp-hero-title span svg {
  transform: translateY(-16px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-title span svg {
    transform: translateY(-11px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-title span svg {
    width: 27px;
    transform: translateY(-12px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-title span svg {
    width: 22px;
    transform: translateY(-9px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title span svg {
    width: 16px;
    transform: translateY(-9px);
  }
}
@media (max-width: 767px) {
  .tp-hero-title span svg {
    width: 16px;
    transform: translateY(-7px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-title span svg {
    transform: translateY(-9px);
  }
}
.tp-hero-contact-box {
  animation: jumpTwo 4s infinite linear;
  padding: 25px 26px;
  padding-left: 42px;
  padding-bottom: 30px;
  background-color: var(--tp-common-white);
  border-top: 4px solid var(--tp-theme-1);
  box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);
}
.tp-hero-contact-box span {
  display: block;
  color: #184037;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 10px;
}
.tp-hero-contact-box a {
  display: block;
  color: #184037;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
.tp-hero-contact-box a::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #184037;
  transition: 0.7s;
  display: inline-block;
}
.tp-hero-contact-box a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-hero-contact-wrap {
  position: absolute;
  top: 58px;
  right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-contact-wrap {
    transform: scale(0.9);
    top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-contact-wrap {
    transform: scale(0.8);
    top: 20px;
  }
}
@media (max-width: 767px) {
  .tp-hero-contact-wrap {
    transform: scale(0.5);
    top: 69px;
    right: -15%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-contact-wrap {
    transform: scale(0.7);
    top: 199px;
    right: -4%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-hero-contact-wrap {
    top: 103px;
    right: -10%;
    transform: scale(0.6);
  }
}
.tp-hero-funfact-box {
  padding: 40px 33px;
  padding-bottom: 30px;
  background-color: var(--tp-common-white);
  animation: tptranslateX2 2.5s infinite alternate;
  box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);
}
.tp-hero-funfact-wrap {
  position: absolute;
  bottom: 25px;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-funfact-wrap {
    transform: scale(0.9);
    bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-funfact-wrap {
    transform: scale(0.8);
    bottom: 0px;
  }
}
@media (max-width: 767px) {
  .tp-hero-funfact-wrap {
    transform: scale(0.5);
    bottom: -90%;
    left: -11%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-funfact-wrap {
    transform: scale(0.7);
    bottom: -44%;
    left: -1%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-hero-funfact-wrap {
    bottom: -51%;
    left: -8%;
    transform: scale(0.6);
  }
}
.tp-hero-funfact h5 {
  color: var(--tp-theme-1);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
}
.tp-hero-funfact h5 i {
  font-style: normal;
}
.tp-hero-funfact span {
  color: var(--tp-common-black);
  font-size: 16px;
  font-weight: 400;
}

.tp-hero-2-height {
  padding-top: 185px;
  padding-bottom: 72px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-height .tp-slider-title {
    font-size: 56px;
  }
}
.tp-hero-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: -2%;
  z-index: 1;
  animation: tptranslateX2 2.5s infinite alternate;
}
@media (max-width: 767px) {
  .tp-hero-2-shape-1 {
    left: -11%;
  }
}
.tp-hero-2-shape-2 {
  position: absolute;
  bottom: 46px;
  left: 30px;
}
.tp-hero-2-shape-3 {
  position: absolute;
  bottom: 70px;
  right: 20px;
  animation: tpswing 1s forwards infinite alternate;
  transform-origin: top center;
}
@media (max-width: 767px) {
  .tp-hero-2-shape-3 {
    right: 0;
  }
}
@media (max-width: 767px) {
  .tp-hero-2-shape-3 img {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-2-shape-3 img {
    transform: scale(0.8);
  }
}
.tp-hero-2-content {
  padding-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-2-content {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-content p {
    font-size: 14px;
    padding-right: 180px;
  }
}
@media (max-width: 767px) {
  .tp-hero-2-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-hero-2-funfact {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-2-funfact {
    margin-bottom: 0px;
  }
}
.tp-hero-2-funfact h5 {
  font-size: 48px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-funfact h5 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .tp-hero-2-funfact h5 {
    font-size: 30px;
  }
}
.tp-hero-2-funfact h5 i {
  font-style: normal;
}
.tp-hero-2-funfact span {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.tp-hero-2-funfact-box {
  padding-top: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-2-funfact-box {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-2-funfact-box {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-2-funfact-box {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .tp-hero-2-funfact-box {
    padding-top: 40px;
    flex-wrap: wrap;
  }
}
.tp-hero-2-thumb img {
  border-radius: 62% 47% 82% 35%/45% 45% 80% 66%;
  will-change: border-radius, transform, opacity;
  display: inline-block;
}

/*----------------------------------------*/
/*  7.15 project css start
/*----------------------------------------*/
.tp-project-filter button {
  color: #24231D;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  margin: 0 12px;
  border: 1px solid var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-filter button {
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    margin: 0 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-filter button {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin: 0 5px;
  }
}
@media (max-width: 767px) {
  .tp-project-filter button {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    margin: 0 5px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-project-filter button {
    padding: 0 35px;
  }
}
.tp-project-filter button:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-project-filter button.active {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-project-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-common-white);
}
.tp-project-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.tp-project-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-project-content {
  position: absolute;
  bottom: -16%;
  left: 5%;
  padding: 45px 40px;
  padding-right: 47px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-project-content p {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.tp-project-item-wrap {
  margin-bottom: 80px;
}
.tp-project-item-wrap:hover .tp-project-content {
  opacity: 1;
  visibility: visible;
}

.tp-project-style-2 .tp-project-content {
  padding: 32px 27px;
  padding-bottom: 30px;
  display: inline-block;
  left: auto;
  right: 0;
  -webkit-transform-origin: right;
  -khtml-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
  -webkit-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -khtml-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -moz-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -ms-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  -o-transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  transform: translateY(-50%) perspective(250px) rotateY(-90deg);
  bottom: -8%;
}
@media (max-width: 767px) {
  .tp-project-style-2 .tp-project-item-wrap {
    margin-bottom: 30px;
  }
}
.tp-project-style-2 .tp-project-item-wrap:hover .tp-project-content {
  -webkit-transform: translateY(-50%) perspective(250px) rotateY(0deg);
  -khtml-transform: translateY(-50%) perspective(250px) rotateY(0deg);
  -moz-transform: translateY(-50%) perspective(250px) rotateY(0deg);
  -ms-transform: translateY(-50%) perspective(250px) rotateY(0deg);
  -o-transform: translateY(-50%) perspective(250px) rotateY(0deg);
  transform: translateY(-50%) perspective(250px) rotateY(0deg);
}
.tp-project-style-2 .tp-project-item-wrap:hover .tp-project-thumb {
  width: 87%;
}
.tp-project-style-2 .tp-project-item-wrap:hover .tp-project-thumb img {
  transform: scale(1.1);
  -webkit-filter: brightness(0.8) contrast(1.1) saturate(1.2);
  filter: brightness(0.8) contrast(1.1) saturate(1.2);
}
.tp-project-style-2 .tp-project-thumb {
  width: 100%;
  height: 100%;
  width: calc(100% - 0px);
  transition: 0.9s;
}
.tp-project-style-2 .tp-project-thumb img {
  transition: 0.9s;
  height: 520px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 480px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 370px;
  }
}
@media (max-width: 767px) {
  .tp-project-style-2 .tp-project-thumb img {
    height: 300px;
  }
}
.tp-project-style-2 .tp-project-item {
  overflow: hidden;
  position: relative;
}
.tp-project-style-2 .tp-project-title {
  margin-bottom: 30px;
}

.tp-project-2-title a {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.5s linear;
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
}
@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-2-title a {
    font-size: 18px;
  }
}
.tp-project-2-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-project-2-item {
  transition: 0.5s;
}
.tp-project-2-item:hover .tp-project-2-thumb img {
  transform: scale(1.1);
}
.tp-project-2-thumb {
  overflow: hidden;
  position: relative;
}
.tp-project-2-thumb img {
  transition: 1.3s all ease;
}
.tp-project-2-thumb::after {
  position: absolute;
  top: 0;
  left: -80%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}
.tp-project-2-thumb:hover::after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
.tp-project-2-active {
  padding: 50px 0;
  margin: -50px 0;
}
.tp-project-2-active .swiper-slide.swiper-slide-active .tp-project-2-item {
  transform: translateY(40px);
}

.tp-project-dots .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  background-color: var(--tp-common-black);
  margin: 0 7px;
  opacity: 1;
}
.tp-project-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 45%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transform: translate(-50%, -50%) scale(2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tp-project-dots .swiper-pagination-bullet-active {
  background-color: var(--tp-theme-1);
}
.tp-project-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

.tp-project-3-item {
  overflow: hidden;
}
.tp-project-3-item.active .tp-project-3-content {
  transform: perspective(400px) rotateX(0deg);
}
.tp-project-3-item.active .tp-project-3-thumb::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-project-3-item.active .tp-project-3-thumb img {
  transform: scale(1.1);
}
.tp-project-3-thumb {
  overflow: hidden;
}
.tp-project-3-thumb img {
  width: 100%;
  -webkit-transition: all 600ms linear;
  transition: all 600ms linear;
}
.tp-project-3-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.tp-project-3-title {
  color: var(--tp-common-white);
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-3-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-3-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-project-3-title {
    font-size: 18px;
  }
}
.tp-project-3-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.tp-project-3-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-title-box {
    margin-bottom: 30px;
  }
}
.tp-project-3-content {
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0;
  margin: 0 20px;
  padding: 25px 30px;
  background-color: var(--tp-common-black);
  margin-top: 0px;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-3-content {
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-content {
    padding: 25px 20px;
  }
}
.tp-project-3-content span {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding-left: 50px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-project-3-content span {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-content span {
    font-size: 14px;
  }
}
.tp-project-3-content span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 18px;
  height: 1px;
  width: 40px;
  margin-right: 12px;
  border-radius: 5px;
  transform: translateY(-4px);
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-3-top-text p {
    font-size: 14px;
  }
}

.tp-project-4-item {
  margin-bottom: 35px;
  overflow: hidden;
  line-height: 0;
}
.tp-project-4-item.active .tp-project-4-content {
  transform: perspective(400px) rotateX(0deg);
}
.tp-project-4-item.active .tp-project-4-thumb::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-project-4-item.active .tp-project-4-thumb img {
  transform: scale(1.1);
}
.tp-project-4-thumb {
  overflow: hidden;
}
.tp-project-4-thumb img {
  width: 100%;
  -webkit-transition: all 600ms linear;
  transition: all 600ms linear;
}
.tp-project-4-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.tp-project-4-title {
  color: var(--tp-common-white);
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 4px;
}
@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-title {
    font-size: 22px;
  }
}
.tp-project-4-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.tp-project-4-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-project-4-title-box {
    margin-bottom: 30px;
  }
}
.tp-project-4-content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 40px;
  margin: 25px;
  padding-bottom: 45px;
  display: inline-block;
  background-color: var(--tp-common-black);
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-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-project-4-content {
    padding: 25px;
    margin: 20px;
  }
}
.tp-project-4-content p {
  max-width: 290px;
  padding-bottom: 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-project-4-content p {
    font-size: 14px;
  }
}

.tp-project-5-item {
  transition: 0.6s;
  padding-top: 70px;
}
.tp-project-5-thumb {
  overflow: hidden;
}
.tp-project-5-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-project-5-thumb:hover img {
  transform: scale(1.2);
}
.tp-project-5-title {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: 600;
}
.tp-project-5-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.tp-project-5-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-project-5-content {
  position: absolute;
  bottom: -19%;
  left: 20px;
  right: 20px;
  padding: 45px 38px;
  transform: perspective(400px) rotateY(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-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-project-5-content {
    padding: 25px 29px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-project-5-content {
    bottom: -10%;
  }
}
.tp-project-5-content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  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-project-5-content p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-project-5-content p {
    padding-right: 60px;
  }
}
.tp-project-5-active {
  margin: -60px -120px;
  padding: 60px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-5-active {
    margin: -40px -40px;
    padding: 40px 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-project-5-active {
    margin: -40px 0px;
    padding: 40px 0;
  }
}
.tp-project-5-active .swiper-slide.swiper-slide-active .tp-project-5-content {
  transform: perspective(400px) rotateY(0deg);
}
.tp-project-5-active .swiper-slide.swiper-slide-active .tp-project-5-item {
  transform: translateY(-70px);
}
.tp-project-5-active .swiper-slide.swiper-slide-active .tp-project-5-thumb img {
  transform: scale(1.1);
}
.tp-project-5-big-text {
  position: absolute;
  content: "";
  top: 57%;
  left: 1.6%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-project-5-big-text {
    left: 0.6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-5-big-text {
    left: 1%;
    top: 87%;
  }
}
.tp-project-5-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
  text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-project-5-big-text h6 {
    font-size: 125px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-project-5-big-text h6 {
    font-size: 100px;
  }
}

.tp-project-details-left-box {
  margin-top: -35px;
  margin-left: 30px;
  padding: 50px 34px;
  position: relative;
  z-index: 9;
  background-color: var(--tp-common-white);
  box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .tp-project-details-left-box {
    margin-top: 30px;
    margin-left: 0;
    padding: 20px 34px;
  }
}
.tp-project-details-left-box ul li {
  position: relative;
  padding-left: 35px;
  color: var(--tp-common-black);
  list-style: 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-project-details-left-box ul li {
    font-size: 14px;
  }
}
.tp-project-details-left-box ul li:not(:last-child) {
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .tp-project-details-left-box ul li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.tp-project-details-left-box ul li span {
  position: absolute;
  top: -2px;
  left: 0;
  color: var(--tp-theme-1);
}
.tp-project-details-title {
  font-size: 28px;
}
.tp-project-details-list ul {
  display: inline-block;
}
.tp-project-details-list ul li {
  padding-left: 22px;
  list-style-type: none;
  position: relative;
  width: 50%;
  float: left;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-project-details-list ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-project-details-list ul li {
    font-size: 14px;
    width: 100%;
  }
}
.tp-project-details-list ul li::after {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  top: 11px;
  left: 0;
  background-color: var(--tp-theme-1);
}
.tp-project-details-social span {
  display: inline-block;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .tp-project-details-social span {
    margin-right: 10px;
  }
}
.tp-project-details-social a {
  width: 65px;
  height: 40px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  border: 1px solid rgba(84, 89, 95, 0.2);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .tp-project-details-social a {
    width: 44px;
    height: 34px;
    line-height: 30px;
  }
}
.tp-project-details-social a svg {
  color: var(--tp-theme-1);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .tp-project-details-social a svg {
    width: 15px;
  }
}
.tp-project-details-social a:hover svg {
  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-project-details-content p {
    font-size: 14px;
  }
}
@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-details-text p {
    font-size: 14px;
  }
}

.grid-sizer-2 {
  width: 33.33%;
}


/* Visor de fotos a pantalla completa */
.photo-viewer {
  display: none; /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;               /* Usar todo el ancho de la ventana */
  height: 100vh;              /* Usar todo el alto de la ventana */
  background-color: rgba(0,0,0,0.9);
  z-index: 9999;
  overflow: hidden;           /* Evitar scroll, mantener la imagen centrada */
}

/* Botón de cierre (X) en la esquina superior izquierda */
.photo-viewer .close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
}

/* Contenedor para centrar la imagen */
.photo-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* La imagen */
.photo-container img {
  display: block;
  max-width: 90vw;  /* 90% del viewport horizontal */
  max-height: 90vh; /* 90% del viewport vertical */
  object-fit: contain; /* Ajuste sin recorte: se ve completa */
}

/* Flechas de navegación */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 60px;
  margin-top: -30px;
  user-select: none;
  padding: 16px;
  z-index: 10000;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}

/* When the body has the class "no-scroll", disable scrolling */
body.no-scroll {
  overflow: hidden;
}

/* Photo counter style */
.photo-counter {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  border-radius: 5px;
}



/*----------------------------------------*/
/*  7.16 service css start
/*----------------------------------------*/
.tp-service-item:hover .tp-service-thumb img {
  transform: scale(1.2);
}
.tp-service-item:hover .tp-service-thumb::after {
  left: 0;
  right: 0;
  opacity: 0;
}
.tp-service-item:hover .tp-service-icon span {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  color: var(--tp-common-black);
}
.tp-service-item:hover .tp-service-icon-box span svg {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  color: var(--tp-common-black);
}
.tp-service-thumb {
  overflow: hidden;
}
.tp-service-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-service-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tp-service-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-service-icon span {
  width: 100px;
  height: 103px;
  line-height: 103px;
  display: inline-block;
  text-align: center;
  background-color: var(--tp-common-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--tp-theme-1);
}
.tp-service-icon-box span {
  display: inline-block;
}
.tp-service-icon-box span svg {
  width: 65px;
  height: 66px;
  color: var(--tp-theme-1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

/***************************************************************/

/* Default state: Display the light blue PNG icon */
.tp-service-2-icon .selected {
  display: none;
}
.tp-service-2-icon .unselected {
  display: inline;
}

/* Active state: Hide the light blue PNG icon and display the white PNG icon */
.tp-service-2-item.active .unselected {
  display: none;
}
.tp-service-2-item.active .selected {
  display: inline;
}


/***************************************************************/

.tp-service-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.tp-service-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-service-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-service-content {
  padding: 40px 40px;
  padding-bottom: 25px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);
}
@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-content {
    padding: 35px 20px;
  }
}
.tp-service-content p {
  margin-bottom: 10px;
}
@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-content p {
    font-size: 14px;
  }
}
.tp-service-link a {
  color: var(--tp-common-black);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
}

.tp-service-style-2 .tp-service-content {
  padding: 50px 20px;
  padding-bottom: 45px;
}

.tp-service-2-item:hover .tp-service-2-icon span {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  color: var(--tp-common-black);
}
.tp-service-2-icon {
  color: var(--tp-theme-1);
  padding-bottom: 30px;
}
.tp-service-2-icon span {
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 65px;
  height: 66px;
  text-align: center;
}
.tp-service-2-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-2-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-2-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-title {
    font-size: 22px;
  }
}
.tp-service-2-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-service-2-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-service-2-text p {
  margin-bottom: 11px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-2-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-2-text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-2-text p {
    font-size: 14px;
  }
}
.tp-service-2-text a { 
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: capitalize;
  color: var(--tp-common-black);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tp-service-2-text a:hover {
  color: var(--tp-theme-1);
}
.tp-service-2-top-text p {
  margin-bottom: 0;
  padding-left: 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-service-2-top-text p {
    padding-left: 0;
    font-size: 14px;
  }
}

.tp-service-style-3 .tp-service-2-item {
  padding: 40px 35px;
  background-color: #F8F8F8;
}
@media (max-width: 767px) {
  .tp-service-style-3 .tp-service-2-item {
    padding: 40px 25px;
  }
}
@media (max-width: 767px) {
  .tp-service-style-3 .tp-service-2-text p {
    font-size: 13px;
  }
}
.tp-service-style-3 .tp-service-2-icon {
  margin-right: 20px;
}
.tp-service-style-3 .tp-service-2-title {
  line-height: 1.2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-style-3 .tp-service-2-title br {
    display: none;
  }
}

.tp-service-style-4 .tp-service-2-item {
  padding: 40px 38px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-style-4 .tp-service-2-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-style-4 .tp-service-2-item {
    padding: 40px 25px;
  }
}
@media (max-width: 767px) {
  .tp-service-style-4 .tp-service-2-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-style-4 .tp-service-2-item {
    padding: 40px 28px;
  }
}
.tp-service-style-4 .tp-service-2-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  visibility: hidden;
  background-size: cover;
  background-color: var(--tp-common-black);
}
.tp-service-style-4 .tp-service-2-item.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-icon span {
  color: var(--tp-common-white);
}
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-title {
  color: var(--tp-common-white);
}
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-text p {
  color: var(--tp-common-white);
}
.tp-service-style-4 .tp-service-2-item.active .tp-service-2-text a {
  color: var(--tp-common-white);
}
.tp-service-style-4 .tp-service-2-icon {
  margin-right: 30px;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-service-style-4 .tp-service-2-icon {
    padding-bottom: 30px;
  }
}
.tp-service-style-4 .tp-service-2-content {
  position: relative;
  z-index: 1;
}

.tp-service-style-5 .tp-service-2-item {
  border: 1px solid #E6E6E6;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-style-5 .tp-service-2-item {
    padding: 40px 26px;
  }
}
.tp-service-style-5 .tp-service-2-item.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.tp-service-style-5 .tp-service-2-item.active .tp-service-2-title {
  color: var(--tp-common-white);
}
.tp-service-style-5 .tp-service-2-item.active .tp-service-2-content p {
  color: var(--tp-common-white);
}
.tp-service-style-5 .tp-service-2-item.active .tp-btn-border-lg {
  color: var(--tp-common-white);
}
.tp-service-style-5 .tp-service-2-item.active .tp-service-2-icon span {
  color: var(--tp-common-white);
}
.tp-service-style-5 .tp-service-2-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  visibility: hidden;
  background-size: cover;
  background-color: var(--tp-theme-2);
  z-index: -1;
}
.tp-service-style-5 .tp-service-2-icon {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .tp-service-style-5 .tp-service-2-title-box {
    margin-bottom: 30px;
  }
}
.tp-service-style-5 .tp-service-2-title a {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.tp-service-style-5 .tp-service-2-big-text {
  position: absolute;
  content: "";
  top: 30%;
  right: 18%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-style-5 .tp-service-2-big-text {
    top: 31%;
    right: 7%;
  }
}
.tp-service-style-5 .tp-service-2-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
  text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-service-style-5 .tp-service-2-big-text h6 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-service-style-5 .tp-service-2-big-text h6 {
    left: 30%;
  }
}

.tp-link {
  position: relative;
  display: inline-block;
}
.tp-link .bottom-line {
  overflow: hidden;
  left: 0;
  bottom: 4px;
  height: 1px;
  width: 100%;
  position: absolute;
  background: var(--tp-theme-1);
  display: block;
  position: relative;
}
.tp-link .bottom-line::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 5px;
  height: 1px;  
  background-color: #fff;
  animation: lineAnim 1.5s linear infinite;
}

/*---details css start here---*/
.tp-sv-sidebar-widget ul li {
  list-style-type: none;
}
.tp-sv-sidebar-widget ul li:not(:last-child) {
  margin-bottom: 20px;
}
.tp-sv-sidebar-widget ul li a {
  padding-right: 6px;
  display: block;
  color: var(--tp-theme-1);
  padding: 16px 20px;
  border: 1px solid var(--tp-grey-1);
  transition: 0.3s;
}
.tp-sv-sidebar-widget ul li:hover a {
  background-color: #F8F8F8;
  border-color: transparent;
}
.tp-sv-sidebar-widget ul li.active a {
  background-color: #F8F8F8;
  border-color: transparent;
}
.tp-sv-sidebar-author-info {
  padding: 30px 30px;
  padding-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
}
.tp-sv-sidebar-author-info h5 {
  font-size: 20px;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .tp-sv-sidebar-author-info h5 {
    font-size: 17px;
  }
}
@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-sv-sidebar-author-info p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .tp-sv-details-text {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-sv-details-text {
    flex-wrap: nowrap;
  }
}
.tp-sv-details-text p {
  padding-right: 10px;
}
@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-sv-details-text p {
    padding-right: 0;
    font-size: 14px;
  }
}
.tp-sv-details-text span {
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  flex: 0 0 auto;
  margin-right: 45px;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-sv-details-text span {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-sv-details-text span {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tp-sv-details-left-wrap {
    margin-bottom: 30px;
  }
}
.tp-sv-details-left h6 {
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  color: var(--tp-text-body);
}
@media (max-width: 767px) {
  .tp-sv-details-left h6 {
    font-size: 16px;
  }
}
.tp-sv-details-left h6 i {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 18px;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-sv-details-left p {
    font-size: 14px;
  }
  .tp-sv-details-left p br {
    display: none;
  }
}
.tp-sv-details-left-box h6 {
  font-size: 20px;
}
.tp-sv-details-left-box p {
  margin-right: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-sv-details-left-box p {
    margin-right: 0px;
  }
}
@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-sv-details-left-box p {
    margin-right: 0px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-sv-details-thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  7.7 feature css start
/*----------------------------------------*/
.tp-feature-item {
  padding: 40px 25px;
  padding-bottom: 35px;
  background-color: #0A0A0A;
  position: relative;
}
.tp-feature-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  visibility: hidden;
  background-size: cover;
  background-color: var(--tp-common-white);
}
.tp-feature-item.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.tp-feature-item.active .tp-feature-icon span svg {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  color: var(--tp-common-black);
}
.tp-feature-item.active .tp-feature-title {
  color: var(--tp-common-black);
}
.tp-feature-item.active .tp-feature-text p {
  color: var(--tp-common-black);
}
.tp-feature-title {
  font-size: 24px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  color: var(--tp-common-white);
  position: relative;
  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-feature-title {
    font-size: 18px;
  }
}
.tp-feature-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
}
.tp-feature-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-feature-icon {
  position: relative;
  z-index: 1;
}
.tp-feature-icon span svg {
  color: var(--tp-theme-1);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-feature-left {
    margin-bottom: 50px;
  }
}
.tp-feature-text {
  position: relative;
  z-index: 1;
}
.tp-feature-text p {
  margin-bottom: 0;
  color: var(--tp-common-white);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
@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-feature-text p {
    font-size: 14px;
  }
  .tp-feature-text p br {
    display: none;
  }
}
.tp-feature-shape-1 {
  position: absolute;
  bottom: 0;
  left: -2%;
  z-index: -1;
  animation: tptranslateX2 2.5s infinite alternate;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-exp-fea-wrap {
    margin-right: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-exp-fea-wrap {
    margin-right: 80px;
  }
}
.tp-exp-fea-text p {
  color: var(--tp-common-black);
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) 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-exp-fea-text p {
    font-size: 14px;
  }
}
.tp-exp-fea-list ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
  padding-left: 33px;
  list-style-type: none;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-exp-fea-list ul li {
    font-size: 14px;
  }
}
.tp-exp-fea-list ul li:not(:last-child) {
  margin-bottom: 11px;
}
.tp-exp-fea-list ul li i {
  position: absolute;
  top: 4px;
  left: 0;
  color: var(--tp-theme-1);
}
.tp-exp-fea-canva-box {
  padding: 35px 55px;
  background-color: #F8F8F8;
}
@media only screen and (min-width: 1200px) 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-exp-fea-canva-box {
    padding: 35px 27px;
  }
}
@media (max-width: 767px) {
  .tp-exp-fea-canva-box {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-exp-fea-canva-box {
    padding: 35px 55px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 576px) {
  .tp-exp-fea-canva-box {
    padding: 35px 40px;
  }
}
.tp-exp-fea-canva-box span {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-common-black);
}
@media (max-width: 767px) {
  .tp-exp-fea-canva-box span {
    font-size: 14px;
  }
}
.tp-exp-fea-thumb {
  position: relative;
  overflow: hidden;
  margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-exp-fea-thumb {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-exp-fea-thumb {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.tp-exp-fea-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-exp-fea-thumb-2 {
  position: relative;
  overflow: hidden;
  margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-exp-fea-thumb-2 {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-exp-fea-thumb-2 {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.tp-exp-fea-thumb-2 img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-exp-fea-thumb-2:hover::after {
  height: 100%;
  opacity: 0;
}
.tp-exp-fea-big-text {
  position: absolute;
  content: "";
  top: 46%;
  right: -8.4%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-exp-fea-big-text {
    right: -7.6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-exp-fea-big-text {
    right: 7.6%;
  }
}
.tp-exp-fea-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-exp-fea-big-text h6 {
    font-size: 130px;
  }
}
@media (max-width: 767px) {
  .tp-exp-fea-right {
    margin-bottom: 30px;
  }
}

.tp-progress {
  height: 72px;
  width: 72px;
  text-align: center;
  line-height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-bottom: 10px;
}
.tp-progress input {
  color: #000 !important;
  font-size: 16px !important;
  height: 72px !important;
  margin-top: 0 !important;
}

/*----------------------------------------*/
/*  7.1 about css start
/*----------------------------------------*/
.tp-about-bg {
  margin-top: 120px;
  position: relative;
  z-index: 2;
}
.tp-about-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.5%;
  background-color: var(--tp-common-white);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-bg::after {
    height: 7.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-bg::after {
    height: 100%;
  }
}
.tp-about-list ul li {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  padding-left: 30px;
  position: relative;
  color: var(--tp-common-black);
  list-style-type: none;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-list ul li {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-list ul li {
    font-size: 15px;
    margin-bottom: 6px;
  }
} 
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-list ul li {
    font-size: 17px;
  }
}
.tp-about-list ul li i {
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 16px;
  color: var(--tp-theme-1);
}
.tp-about-big-text {
  position: absolute;
  content: "";
  top: -4.6%;
  right: 9%;
}
.tp-about-big-text-2 {
  position: absolute;
  content: "";
  top: -5.3%;
  right: 20.6%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-big-text {
    right: 9.6%;
  }
  .tp-about-big-text-2 {
    right: 9.6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-big-text {
    right: 7.6%;
  }
  .tp-about-big-text-2 {
    right: 7.6%;
  }
}
.tp-about-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
.tp-about-big-text-2 h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-big-text h6 {
    font-size: 130px;
  }
  .tp-about-big-text-2 h6 {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-text p {
    font-size: 14px;
  }
}
.tp-about-thumb-box {
  margin-right: 35px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-thumb-box {
    margin-top: 50px;
    margin-right: 0;
  }
}
.tp-about-thumb img {
  width: 100%;
}

.tp-about-2-right {
  padding-top: 45px;
  padding-bottom: 20px;
  margin-left: 9px;
}
@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-right {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.tp-about-2-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 46.2%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2-thumb {
    position: static;
    margin-top: 50px;
    height: 100%;
    width: 100%;
  }
}
.tp-about-2-icon span {
  position: relative;
  display: inline-block;
}
.tp-about-2-icon span svg {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2-icon span svg {
    width: 45px;
  }
}
.tp-about-2-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  background-color: #F8F8F8;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2-icon span::after {
    height: 35px;
    width: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2-text p {
    font-size: 13px;
  }
  .tp-about-2-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2-text p {
    font-size: 14px;
  }
  .tp-about-2-text p br {
    display: none;
  }
}
.tp-about-2-title {
  font-size: 24px;
  font-weight: 600;
  margin-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-2-title {
    font-size: 20px;
  }
}
.tp-about-2-shape-1 {
  position: absolute;
  bottom: -45px;
  right: -35px;
  z-index: -1;
}
.tp-about-2-shape-2 {
  position: absolute;
  top: 40px;
  right: -12px;
  animation: tptranslateY2 2.5s infinite alternate;
}

.tp-about-3-title-box {
  padding-left: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3-title-box {
    padding-left: 150px;
  }
}
@media (max-width: 767px) {
  .tp-about-3-title-box {
    padding-left: 0px;
  }
}
.tp-about-3-content {
  margin-top: 62px;
  padding-left: 180px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-content {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3-content {
    padding-left: 0px;
  }
}
.tp-about-3-content::before {
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
  width: 153px;
  height: 1px;
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-content::before {
    width: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3-content::before {
    display: none;
  }
}
.tp-about-3-content p {
  color: var(--tp-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3-content p {
    font-size: 14px;
  }
}
.tp-about-3-thumb {
  overflow: hidden;
  position: relative;
}
.tp-about-3-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-about-3-thumb-sm {
  overflow: hidden;
  margin-right: 53px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-3-thumb-sm {
    margin-right: 0;
  }
}
.tp-about-3-thumb-sm img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-about-3-big-text {
  position: absolute;
  content: "";
  bottom: -21%;
  left: -80px;
}
.tp-about-3-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3-big-text h6 {
    font-size: 110px;
  }
}

.tp-about-4-left {
  margin-right: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-4-left {
    margin-bottom: 50px;
    margin-right: 0;
  }
}
.tp-about-4-text {
  margin-bottom: 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-about-4-text p {
    font-size: 14px;
  }
}
.tp-about-4-thumb-1 {
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4-thumb-1 {
    transform: translateX(70px);
  }
}
@media (max-width: 767px) {
  .tp-about-4-thumb-1 {
    transform: scale(0.9);
  }
}
.tp-about-4-thumb-2 {
  margin-top: 90px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4-thumb-2 {
    transform: translateX(20px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4-thumb-2 {
    transform: translateX(-70px);
  }
}
@media (max-width: 767px) {
  .tp-about-4-thumb-2 {
    transform: scale(0.9);
  }
}
.tp-about-4-circle {
  position: absolute;
  left: 73px;
  top: 20px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4-circle {
    left: 5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-4-circle {
    left: 15%;
  }
}
@media (max-width: 767px) {
  .tp-about-4-circle {
    left: -29%;
    transform: scale(0.45);
    top: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-4-circle {
    display: none;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-about-4-circle {
    left: -13%;
    transform: scale(0.6);
    top: -16%;
  }
}
.tp-about-4-circle span {
  height: 477px;
  width: 477px;
  border-radius: 50%;
  display: inline-block;
  border: 3px dashed var(--tp-theme-1);
  z-index: -1;
  animation: rotate2 25s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-4-circle span {
    height: 377px;
    width: 377px;
  }
}
.tp-about-4-list {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tp-about-4-list {
    margin-bottom: 20px;
  }
}
.tp-about-4-list ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 17px;
  position: relative;
  list-style-type: none;
  padding-left: 30px;
  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-about-4-list ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.tp-about-4-list ul li:last-child {
  margin-bottom: 0px;
}
.tp-about-4-list ul li i {
  color: var(--tp-theme-1);
  position: absolute;
  top: 5px;
  left: 0;
}

.tp-about-5-style .tp-about-list ul li {
  padding-left: 37px;
  font-size: 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-5-style .tp-about-list ul li {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-5-style .tp-about-list ul li {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-5-style .tp-about-list ul li {
    font-size: 16px;
    margin-bottom: 7px;
  }
}
.tp-about-5-style .tp-about-list ul li i {
  font-size: 24px;
  transform: translateY(-5px);
}
@media (max-width: 767px) {
  .tp-about-5-style .tp-about-content {
    margin-bottom: 50px;
  }
}

.tp-about-5-thumb-box {
  padding-bottom: 120px;
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-5-thumb-box {
    padding-left: 0;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-5-thumb-box {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-about-5-thumb-box {
    padding-left: 0;
    padding-bottom: 0px;
  }
}
.tp-about-5-thumb {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-5-thumb {
    transform: scale(0.7) translateX(-10px);
    margin-left: -30px;
  }
}
@media (max-width: 767px) {
  .tp-about-5-thumb {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tp-about-5-thumb img {
    width: 100%;
  }
}
.tp-about-5-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.tp-about-5-thumb:hover::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-about-5-thumb-sm {
  position: absolute;
  right: 0;
  bottom: 0;
  border: 7px solid var(--tp-common-white);
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-5-thumb-sm {
    right: -6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-5-thumb-sm {
    transform: scale(0.8);
    right: -7%;
  }
}
@media (max-width: 767px) {
  .tp-about-5-thumb-sm {
    position: static;
    border: none;
  }
}
@media (max-width: 767px) {
  .tp-about-5-thumb-sm img {
    width: 100%;
  }
}
.tp-about-5-thumb-sm::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.tp-about-5-thumb-sm:hover::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-about-5-shape-1 {
  position: absolute;
  top: 9%;
  left: -25px;
  animation: tptranslateY2 2.5s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-5-shape-1 {
    transform: scale(0.7);
    left: -20px;
  }
}
@media (max-width: 767px) {
  .tp-about-5-shape-1 {
    display: none;
  }
}
.tp-about-5-big-text {
  position: absolute;
  content: "";
  top: 59%;
  left: 39%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-5-big-text {
    left: 35%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-5-big-text {
    left: 30%;
  }
}
.tp-about-5-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
  text-transform: capitalize;
}

.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 {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/*  7.8 funfact css start
/*----------------------------------------*/
.tp-funfact-height {
  padding: 145px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-funfact-height {
    padding: 115px 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-funfact-height {
    padding: 115px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-funfact-height {
    padding: 85px 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-funfact-height {
    padding: 85px 0;
  }
}
.tp-funfact-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-funfact-bg {
    display: none;
  }
}
.tp-funfact-bg img {
  mix-blend-mode: luminosity;
  opacity: 0.14;
}
.tp-funfact-item-box {
  margin-top: 15px;
  margin-right: 35px;
}
@media (max-width: 767px) {
  .tp-funfact-item-box {
    flex-wrap: wrap;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-funfact-item-box {
    margin-right: 35px;
  }
}
.tp-funfact-item {
  padding: 50px 34px;
  padding-bottom: 44px;
  text-align: center;
  width: auto;
  border-bottom: 5px solid var(--tp-theme-1);
  border-right: 5px solid var(--tp-theme-1);
  background-color: var(--tp-common-black-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-funfact-item {
    padding: 30px 34px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-funfact-item {
    padding: 30px 34px;
    padding-bottom: 30px;
    text-align: center;
    margin: 0 30px;
    margin-bottom: 70px;
  }
}
.tp-funfact-item span {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-item span {
    font-size: 14px;
  }
}
.tp-funfact-number {
  color: var(--tp-common-white);
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 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-number {
    font-size: 32px;
  }
}
.tp-funfact-number i {
  font-style: normal;
}
.tp-funfact-icon {
  position: absolute;
  top: -27px;
  right: -27px;
}
.tp-funfact-icon span {
  height: 54px;
  width: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-1);
}
.tp-funfact-icon span svg {
  color: var(--tp-common-white);
}
.tp-funfact-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tp-funfact-title-box {
  margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-title-box {
    margin-top: 0;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .tp-funfact-2-item-box {
    margin-bottom: 50px;
  }
}
.tp-funfact-2-item-box ul li {
  list-style-type: none;
  padding-bottom: 20px;
  margin-bottom: 58px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-funfact-2-item-box ul li {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-2-item-box ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.tp-funfact-2-item-box ul li:last-child {
  margin-bottom: 0;
}
.tp-funfact-2-item span {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-funfact-2-item span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-2-item span {
    font-size: 14px;
  }
  .tp-funfact-2-item span br {
    display: none;
  }
}
.tp-funfact-2-title {
  font-size: 68px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-funfact-2-title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-funfact-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-funfact-2-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-funfact-2-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-2-title {
    font-size: 38px;
  }
}
.tp-funfact-2-title i {
  font-style: normal;
}
.tp-funfact-2-thumb {
  display: block;
  overflow: hidden;
  margin-left: 35px;
  position: relative;
}
@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-2-thumb {
    margin-left: 0;
  }
}
.tp-funfact-2-thumb img {
  width: 100%;
  transform: scale(1.04) translateX(-1%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.tp-funfact-2-thumb::after {
  position: absolute;
  top: 0;
  left: -80%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}
.tp-funfact-2-thumb:hover img {
  transform: scale(1.04) translateX(1%);
}
.tp-funfact-2-thumb:hover::after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.tp-funfact-style-2.tp-funfact-height {
  padding: 105px 0;
}
.tp-funfact-style-2 .tp-funfact-wrap {
  margin-left: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-funfact-style-2 .tp-funfact-wrap {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-2 .tp-funfact-wrap {
    flex-wrap: wrap;
    margin-top: 40px;
    text-align: start;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-2 .tp-funfact-item {
    margin: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-style-2 .tp-funfact-title-box {
    margin-bottom: 0;
  }
}
.tp-funfact-style-2 .tp-section-title {
  position: relative;
  padding-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-funfact-style-2 .tp-section-title {
    padding-left: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-2 .tp-section-title {
    padding-left: 0;
  }
}
.tp-funfact-style-2 .tp-section-title::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  height: 112px;
  width: 1px;
  transform: translateY(-50%);
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-style-2 .tp-section-title::after {
    display: none;
  }
}
.tp-funfact-style-2 .tp-funfact-item {
  padding: 0;
  text-align: start;
  background-color: transparent;
}

.tp-funfact-style-3 .tp-funfact-2-title {
  width: 200px;
  color: transparent;
  font-family: var(--tp-ff-poppins);
  -webkit-text-stroke: 1px var(--tp-common-black);
  font-weight: 700;
}
@media (max-width: 767px) {
  .tp-funfact-style-3 .tp-funfact-2-title {
    width: 100%;
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-funfact-style-3 .tp-funfact-2-title {
    width: 100%;
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-3 {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-funfact-style-3 {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-3 .tp-funfact-2-item-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-3 .tp-funfact-2-item {
    margin-bottom: 50px;
  }
}

.tp-funfact-style-4 .tp-funfact-2-big-text {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-funfact-style-4 .tp-funfact-2-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .tp-funfact-style-4 .tp-funfact-2-item-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-funfact-style-4 .tp-funfact-2-item {
    text-align: center;
    margin-bottom: 55px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-funfact-style-4 .tp-funfact-2-item span br {
    display: block;
  }
}
.tp-funfact-style-4 .tp-funfact-2-item h5 {
  font-size: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-funfact-style-4 .tp-funfact-2-item h5 {
    font-size: 36px;
  }
}

/*----------------------------------------*/
/*  7.19 testimonial css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-testimonial-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial-item {
    flex-wrap: nowrap;
  }
}
.tp-testimonial-item:hover .tp-testimonial-author-thumb img {
  transform: scale(1.1);
}
.tp-testimonial-author-thumb-box {
  flex: 0 0 auto;
}
.tp-testimonial-author-thumb {
  overflow: hidden;
}
@media (max-width: 767px) {
  .tp-testimonial-author-thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-testimonial-author-thumb {
    margin-bottom: 0px;
  }
}
.tp-testimonial-author-thumb img {
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}
.tp-testimonial-top-text p {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-top-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-top-text p {
    font-size: 14px;
    margin-left: 0;
  }
}
.tp-testimonial-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-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-testimonial-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-title-box {
    margin-bottom: 20px;
  }
}
.tp-testimonial-author-thumb {
  margin-right: 30px;
  flex: 0 0 auto;
}
.tp-testimonial-author-info span {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) 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-author-info span {
    font-size: 14px;
  }
}
.tp-testimonial-author-info {
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #A6A182;
}
.tp-testimonial-text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-text p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-text p {
    font-size: 14px;
  }
}
.tp-testimonial-quot {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.tp-testimonial-quot span {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-1);
}
.tp-testimonial-quot span svg {
  color: var(--tp-common-white);
}
.tp-testimonial-active {
  padding: 40px 0px;
  margin: -40px 0px;
}

.tp-testimonial-2-thumb {
  display: block;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tp-testimonial-2-thumb {
    margin-bottom: 30px;
  }
}
.tp-testimonial-2-thumb img {
  max-width: inherit;
  transform: scale(1.04) translateX(-1%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-2-thumb img {
    width: 100%;
  }
}
.tp-testimonial-2-thumb:hover img {
  transform: scale(1.04) translateX(1%);
}
.tp-testimonial-2-rate i {
  padding: 0 3px;
  font-size: 14px;
  color: var(--tp-theme-1);
}
.tp-testimonial-2-rate i:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .tp-testimonial-2-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2-text p {
    font-size: 13px;
    margin-bottom: 0;
  }
  .tp-testimonial-2-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-2-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .tp-testimonial-2-text p br {
    display: none;
  }
}
.tp-testimonial-2-author-info {
  padding-bottom: 8px;
  margin-bottom: 30px;
  position: relative;
}
.tp-testimonial-2-author-info::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 230px;
  background-color: var(--tp-theme-1);
}
.tp-testimonial-2-author-info h5 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-author-info h5 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2-author-info h5 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2-author-info h5 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-2-author-info h5 {
    font-size: 19px;
  }
}
.tp-testimonial-2-author-info span {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-2-author-info span {
    font-size: 14px;
  }
}
.tp-testimonial-2-wrapper {
  margin-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-wrapper {
    margin-left: 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-testimonial-2-wrapper {
    margin-left: 0px;
  }
}
.tp-testimonial-2-big-text {
  position: absolute;
  content: "";
  right: 270px;
  top: 300px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-2-big-text {
    right: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-big-text {
    right: 150px;
  }
}
.tp-testimonial-2-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-big-text h6 {
    font-size: 110px;
  }
}
.tp-testimonial-2-arrow-box {
  position: relative;
  z-index: 3;
  margin-top: 9px;
}
.tp-testimonial-2-arrow-box button svg {
  transition: 0.3s;
  color: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-arrow-box button svg {
    width: 45px;
  }
}
.tp-testimonial-2-arrow-box button:hover svg {
  color: var(--tp-theme-1);
  opacity: 1;
}
.tp-testimonial-2-arrow-box button.testimonial-prev {
  margin-right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-2-arrow-box button.testimonial-prev {
    margin-right: 30px;
  }
}

.tp-testimonial-3-author-thumb {
  flex: 0 0 auto;
  margin-right: 20px;
}
.tp-testimonial-3-author-thumb img {
  border-radius: 50%;
}
.tp-testimonial-3-title {
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3-title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3-title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-testimonial-3-wrap .tp-testimonial-title-box {
    margin-bottom: 60px;
  }
}
.tp-testimonial-3-content {
  padding: 40px 42px;
  background-color: var(--tp-common-white);
  box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.05);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-3-content {
    padding: 40px 37px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3-content {
    padding: 40px 18px;
  }
}
.tp-testimonial-3-quot {
  position: absolute;
  right: 30px;
  bottom: 22px;
}
.tp-testimonial-3-quot span svg {
  color: var(--tp-theme-1);
}
.tp-testimonial-3-text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-3-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-3-text p {
    font-size: 13px;
  }
}
.tp-testimonial-3-arrow-box button svg {
  transition: 0.3s;
  color: var(--tp-theme-1);
  opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-3-arrow-box button svg {
    width: 45px;
  }
}
.tp-testimonial-3-arrow-box button:hover svg {
  color: var(--tp-common-black);
  opacity: 1;
}
.tp-testimonial-3-arrow-box button.testimonial-prev {
  position: absolute;
  top: 29%;
  left: -13%;
  z-index: 3;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-testimonial-3-arrow-box button.testimonial-prev {
    left: -10%;
  }
}
.tp-testimonial-3-arrow-box button.testimonial-next {
  position: absolute;
  top: 29%;
  right: -13%;
  z-index: 3;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-testimonial-3-arrow-box button.testimonial-next {
    right: -10%;
  }
}
.tp-testimonial-3-active {
  padding: 30px;
  margin: -30px;
}

/*----------------------------------------*/
/*  7.13 product css start
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product-top-text p {
    font-size: 14px;
  }
}
.tp-product-content-box {
  padding: 35px 30px;
}
.tp-product-item {
  box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);
}
.tp-product-item:hover .tp-product-thumb img {
  transform: scale(1.1);
}
.tp-product-title {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) 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-product-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product-title-box {
    margin-bottom: 20px;
  }
}
.tp-product-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-product-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-product-price {
  font-size: 28px;
  font-weight: 700;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product-price {
    font-size: 24px;
  }
}
.tp-product-thumb {
  overflow: hidden;
}
.tp-product-thumb img {
  transition: 1.3s all ease;
}
.tp-product-active {
  margin: -30px;
  padding: 30px;
}

.tp-product-2-area.custom-padding {
  padding-bottom: 0px; /* or your desired value */
}

.tp-product-2-item {
  margin-bottom: 30px; /* Adjust as needed for spacing */
}

.tp-product-2-item:hover .tp-product-2-btn {
  top: 74%;
  opacity: 1;
  visibility: visible;
}
.tp-product-2-item:hover .tp-product-2-thumb img {
  transform: scale(1.2);
}
.tp-product-2-content {
  padding: 30px 20px;
  padding-bottom: 48px;
  background-color: var(--tp-grey-1);
  text-align: center; /* Center the text */
}
.tp-product-2-content-custom {
  padding: 30px 20px;
  padding-bottom: 48px;
  background-color: var(--tp-grey-1);
  text-align: center; /* Center the text */
}
.tp-product-2-btn {
  position: absolute;
  top: 120%;
  left: 0%;
  right: 0;
  text-align: center;
  transition: 0.6s;
  opacity: 0;
  visibility: hidden;
}

.tp-product-2-title {
  font-size: 20px;
  font-weight: 600;
  transition: 0.3s;
  text-align: center; /* Center the title text */
  margin: 0; /* Ensure no extra margin */
  width: 100%; /* Ensure the title takes up full width */
}
.tp-product-2-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-product-2-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
@media (max-width: 768px) { 
  .tp-product-2-title {
      font-size: 18px; /* Reduce font size for mobile */
      margin-bottom: -8px !important; /* Reduce space between title and price */
      margin-top: -12px !important;
  }
}
.tp-product-2-thumb {
  position: relative;
  overflow: hidden;
}
.tp-product-2-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-product-2-rate {
  position: absolute;
  left: 50%;
  top: -35px;
  transform: translateX(-50%);
  height: 70px;
  width: 70px;
  line-height: 70px;
  background-color: var(--tp-theme-1);
}
.tp-product-2-rate span {
  color: var(--tp-common-white);
  font-size: 28px;
  font-weight: 700;
}
.tp-product-2-rate-2 {
  padding-bottom: 15px; /* Add space below the price */
  position: absolute;
  top: 0;
  right: 20px;
  width: 73px;
  height: 125px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
  clip-path: polygon(100% 100%, 50% 64%, 0 100%, 0 100%, 0 0, 100% 0);
}

/* CHAT GTP START */
.old-price {
  color: grey;
  text-decoration: line-through;
  font-size: 15px;
  font-weight: 600;
  margin-right: 10px; /* Space between old and current price */
}
.current-price {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-common-black);  
}
.iva {
  font-size: 12px; /* Smaller font */
  color: grey; /* Grey text */
  margin-left: 5px; /* Add some spacing from the price */
  vertical-align: middle; /* Align with the price */
}

@media (max-width: 768px) { /* Apply only on mobile screens */
  .old-price {
      font-size: 12px; /* Reduce font size */
      text-decoration: line-through;
      color: grey;
      display: block; /* Ensure it stays above */
      margin-bottom: -8px; /* Add spacing between prices */
  }

  .current-price {
      font-size: 16px; /* Slightly reduce size */
      font-weight: bold;
  }

  .iva {
    font-size: 6px; /* Smaller font */
  }

  .tp-product-2-rate-2 {
      width: auto; /* Allow flexible width */
      height: auto; /* Adjust to content */
      padding: 0px 0px;
      background-color: rgba(0, 0, 0, 0.05);
      clip-path: none; /* Remove polygon clipping if needed */
      position: static; /* Remove absolute positioning for mobile */
      text-align: center;
      margin-top: 0px !important; /* Remove additional space above price */
  }

}

/* CHAT GTP END */

/* .tp-product-2-rate-2 span {
  display: inline-block;
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 600;
  transform: translateY(30px);
} */

/* INFO BOX START */

.info-box {
  margin: 0 auto 20px; /* Top margin is 0, bottom margin is 20px */
  padding: 15px;
  background-color: var(--tp-grey-1); /* Light grey background */
  border: 1px solid var(--tp-theme-1); /* Border with primary theme color */
  border-radius: 8px;
  font-family: var(--tp-ff-body);
  font-size: 16px;
  text-align: left; /* Align text to the left */
  color: var(--tp-text-body);
  width: 100%; /* Adjust width */
  max-width: 1200px; /* Match product row width */
  box-sizing: border-box; /* Ensure padding is included in width calculation */
}

/* INFO BOX END */

.tp-product-2-big-text {
  position: absolute;
  content: "";
  left: 445px;
  top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-product-2-big-text {
    left: 380px;
  }
}
.tp-product-2-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 118px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-product-2-big-text h6 {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .tp-product-2-title-box {
    margin-bottom: 40px;
  }
}
@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-product-2-arrow-box {
    display: none;
  }
}
.tp-product-2-arrow-box button svg {
  color: var(--tp-theme-1);
}
.tp-product-2-arrow-box .price-prev {
  position: absolute;
  top: 50%;
  left: -11%;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-product-2-arrow-box .price-prev {
    position: absolute;
    top: 50%;
    left: -9%;
    transform: translateY(-50%) scale(0.7);
  }
}
.tp-product-2-arrow-box .price-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -34%;
  transform: translateY(-50%);
  width: 79px;
  height: 78px;
  border-radius: 50%;
  border: 3px solid var(--tp-theme-1);
}
.tp-product-2-arrow-box .price-next {
  position: absolute;
  top: 50%;
  right: -11%;
  z-index: 2;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-product-2-arrow-box .price-next {
    position: absolute;
    top: 50%;
    right: -9%;
    transform: translateY(-50%) scale(0.7);
  }
}
.tp-product-2-arrow-box .price-next::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -34%;
  transform: translateY(-50%);
  width: 79px;
  height: 78px;
  border-radius: 50%;
  border: 3px solid var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-product-2-top-text p {
    font-size: 14px;
  }
}

.tp-product-2-style-2 .tp-product-content {
  padding-bottom: 66px;
}

.tp-product-2-style-3 .tp-product-2-content {
  padding: 30px 30px;
}
/* CHAT GTP START */
.tp-product-2-style-3 .tp-product-2-content-custom {
  padding-top: 20px; /* Adjust as needed */
  padding-bottom: 10px; /* Adjust as needed */
  padding-left: 30px;
  padding-right: 30px;
}
/* CHAT GTP END */
.tp-product-2-style-3 .tp-product-2-item:hover .tp-product-2-button-box {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}
.tp-product-2-style-3 .tp-product-2-item:hover .tp-product-2-thumb {
  position: relative;
}
.tp-product-2-style-3 .tp-product-2-item:hover .tp-product-2-thumb::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
  bottom: auto;
  top: 0;
}
.tp-product-2-style-3 .tp-product-2-button-box {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  transition: 0.5s;
  z-index: 2;
}
.tp-product-2-style-3 .tp-product-2-button-box .tp-btn-black-lg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tp-product-2-style-3 .tp-product-2-thumb {
  position: relative;
}
.tp-product-2-style-3 .tp-product-2-thumb::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(57, 49, 134, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-product-2-style-3 .tp-product-2-rate-2 {
  background-color: transparent;
  position: static;
  height: auto;
  width: auto;
  clip-path: none;
}
.tp-product-2-style-3 .tp-product-2-rate-2 span {
  transform: translate(0);
}

.tp-product-2-style-4 .tp-product-2-btn {
  position: absolute;
  top: 20%;
  left: 0%;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  transition: 0.6s;
  opacity: 0;
  visibility: hidden;
}
.tp-product-2-style-4 .tp-product-2-thumb {
  transition: 0.6s;
}
.tp-product-2-style-4 .tp-product-2-thumb::after {
  display: none;
}
.tp-product-2-style-4 .tp-product-2-item {
  background-color: var(--tp-grey-1);
}
.tp-product-2-style-4 .tp-product-2-item:hover .tp-product-2-btn {
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  opacity: 1;
  visibility: visible;
}
.tp-product-2-style-4 .tp-product-2-item:hover .tp-product-2-thumb img {
  transform: scale(1.2);
}

.tp-shop-sidebar-wrap {
  padding-top: 45px;
  padding-bottom: 50px;
  margin-right: -145px;
  margin-left: 30px;
  background-color: var(--tp-grey-1);
}

@media (max-width: 767px) {
  .tp-product-2-btn {
    transform: scale(0.7); /* make it smaller */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7); /* center and scale */
    z-index: 5; /* make sure it stays on top */
  }

  .tp-product-2-btn .tp-btn-blue {
    font-size: 10px;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-shop-sidebar-wrap {
    margin-right: -100px;
    margin-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) {
  .tp-shop-sidebar-wrap {
    margin-right: 0px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-sidebar-wrap {
    margin-right: 0px;
    margin-left: 0;
    margin-top: 50px;
  }
}
.tp-shop-sidebar-wrap .sidebar__widget-content {
  padding: 0 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-sidebar-wrap .sidebar__widget-content {
    padding: 0 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-shop-sidebar-wrap .sidebar__widget-content {
    padding: 0 20px;
  }
}
.tp-shop-sidebar-wrap .sidebar__widget {
  padding: 0px;
  background-color: transparent;
}

#apply-filters-btn {
  display: block;
  margin: 0 auto;
}

.tp-shop-sidebar-widget-title {
  font-size: 28px;
  margin: 0 60px;
  padding-bottom: 30px;
  color: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-shop-sidebar-widget-title {
    margin: 0 30px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-sidebar-widget-title {
    margin: 0 30px;
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-sidebar-widget-title {
    margin: 0 20px;
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-sidebar-widget-title {
    margin: 0 30px;
    font-size: 21px;
  }
}
.tp-shop-sidebar-widget-title.title-border {
  padding-bottom: 23px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.tp-shop-sidebar-widget-content ul,
.subcategory-list {
  list-style-type: none; /* Remove bullet points from both main and subcategory lists */
  padding: 0;
  margin: 0;
}

.tp-shop-sidebar-widget-content ul li.active {
  background-color: var(--tp-theme-1);
}
.tp-shop-sidebar-widget-content ul li.active > a {
  color: var(--tp-common-white); /* Ensures only the direct child anchor is white */
  border-color: transparent;
}
/* Hover effect for main categories only */
.tp-shop-sidebar-widget-content > ul > li:hover {
  background-color: var(--tp-theme-1);
}
.tp-shop-sidebar-widget-content > ul > li:hover > a {
  color: var(--tp-common-white);
  border-color: transparent;
}

.tp-shop-sidebar-widget-content ul li a {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: block;
  padding: 17px 0;
  padding-left: 28px;
  margin: 0 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-sidebar-widget-content ul li a {
    margin: 0 30px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-sidebar-widget-content ul li a {
    margin: 0 20px;
    font-size: 16px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-sidebar-widget-content ul li a {
    margin: 0 30px;
    font-size: 17px;
  }
}
.tp-shop-sidebar-widget-content ul li a i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/**** Start styling for the product labels ****/

.product-labels {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  flex-direction: column; /* Stack labels vertically */
  gap: 10px; /* Space between labels */
  z-index: 10;
  align-items: flex-start; /* Ensure each label starts independently */
}

.product-labels .label {
  padding: 6px 10px; /* Symmetrical padding for consistent spacing */
  font-size: 12px;
  font-weight: bold;
  color: white;
  display: inline-block; /* Each box adapts to its text independently */
  width: auto; /* Dynamically adjusts to content */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Optional for better visibility */
  white-space: nowrap; /* Prevents text wrapping */
  text-align: center; /* Centers the text inside */
  line-height: 1.2; /* Controls the vertical spacing of the text */
}

@media (max-width: 767px) {
  .product-labels {
    transform: scale(0.8); /* reduce the overall size */
    top: 8px;
    left: 1px;
  }

  .product-labels .label {
    font-size: 12px;       /* adjust font size if needed */
    padding: 4px 6px;      /* smaller padding for tighter fit */
  }
}

/* Specific styles for each label type */
.product-labels .label.new {
  background-color: var(--tp-theme-1); /* Blue for "New" */ 
}

.product-labels .label.offer {
  background-color: #ff2525; /* Red for "Offer" */
}

.product-labels .label.out-of-stock {
  background-color: #666666; /* Grey for "Out of Stock" */
  opacity: 0.9; /* Slightly transparent */
}

/**** End styling for the product labels ****/



/*** category count here ****/

/* Default state - black text for category name and count */
#category-list > li > a {
  color: var(--tp-common-black);
}
#category-list .count {
  font-weight: normal;
  font-style: normal;
  margin-left: 5px;
  color: var(--tp-common-blck);
}
/* Hover state - both category name and count turn white */
#category-list li a:hover,
#category-list li a:hover .count {
  color: var(--tp-common-white);
}
/* Active state - selected category and count stay white */
#category-list > li.active > a,
#category-list > li.active > a .count {
  color: var(--tp-common-white); /* Ensure only the active category link is white */
}
/* Selected category background */
#category-list > li.active {
  background-color: var(--tp-theme-1); /* Light blue for the selected category */
}

.tp-shop-widget-filter {
  padding: 0 60px;
  position: relative;
}

/*** subcategory list here ****/

.subcategory-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.subcategory-list li {
  list-style-type: none;
  font-size: 18px;
  line-height: 24px;
  color: var(--tp-common-black);
  background-color: var(--tp-grey-1); /* Default white background for subcategories */
}

/* Specific hover effect for individual subcategories */
.subcategory-list li:hover {
  background-color: var(--tp-theme-1); /* Light blue background for hovered subcategory */
}
.subcategory-list li:hover a {
  color: var(--tp-common-white); /* White text for hovered subcategory */
}

/* Subcategory selected state */
.subcategory-list li.selected {
  background-color: var(--tp-theme-1); /* Light blue background when subcategory is selected */
}
.subcategory-list li.selected a {
  color: var(--tp-common-white); /* White text for selected subcategory */
}

/* Ensuring subcategory text is black */
.subcategory-list li a {
  color: var(--tp-common-black); /* Black text for subcategory names */
}

.subcategory-list a {
  color: var(--tp-common-black); /* Ensures all subcategory links are black */
}

.subcategory-list a:hover {
  color: var(--tp-theme-1);
}


 

/*** shop details here ****/
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-widget-filter {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-widget-filter {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-widget-filter {
    padding: 0 30px;
  }
}
.tp-shop-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  background-color: #EDEDED;
  border: 0;
  width: 70%;
}
.tp-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--tp-theme-1);
  position: absolute;
}
.tp-shop-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 16px;
  height: 16px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  position: absolute;
}
.tp-shop-widget-filter-info .input-range input {
  width: auto;
  height: 62px;
  background-color: transparent;
  color: var(--tp-ff-body);
  padding: 0;
  border: 0;
  font-weight: 400;
  font-size: 16px;
}
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-common-black);
  background-color: #F5F5F5;
  padding: 2px 21px;
}
.tp-shop-widget-filter-info .tp-shop-widget-filter-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.basic-navigation a {
  color: var(--tp-common-black);
}
.tp-shop-details__wrapper {
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__wrapper {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__tab-big-img img {
    width: 100%;
  }
}
.tp-shop-details__tab-big-img {
  border: 1px solid #EDE7E7;
  margin-right: 30px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__tab-big-img {
    margin-right: 0;
  }
}
.tp-shop-details__tab-btn-box button {
  display: inline-block;
  margin-right: 20px;
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .tp-shop-details__tab-btn-box button {
    margin-bottom: 20px;
  }
}
.tp-shop-details__tab-btn-box button img {
  background-color: #F8F8F9;
}
.tp-shop-details__tab-btn-box button.active {
  border: 1px solid #EDE7E7;
}
.tp-shop-details__ratting {
  margin-bottom: 15px;
}
.tp-shop-details__ratting span {
  color: var(--tp-theme-1);
}
.tp-shop-details__ratting span svg {
  color: #FFB41B;
}
.tp-shop-details__price span {
  color: var(--tp-common-black);
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .tp-shop-details__quantity-wrap {
    flex-wrap: wrap;
  }
}
.tp-shop-details__quantity {
  background-color: #F7F7F7;
  width: 205px;
  height: 67px;
  position: relative;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .tp-shop-details__quantity {
    margin-bottom: 20px;
  }
}
.tp-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  color: var(--tp-common-black);
}
.tp-shop-details__quantity .tp-cart-minus {
  position: absolute;
  top: 0;
  left: 0;
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  color: var(--tp-common-black);
}
.tp-shop-details__quantity .tp-cart-plus {
  position: absolute;
  top: 0;
  right: 0;
  height: 64px;
  width: 64px;
  line-height: 64px;
  text-align: center;
  color: var(--tp-common-black);
}
.tp-shop-details__btn {
  line-height: 0;
}
@media (max-width: 767px) {
  .tp-shop-details__btn {
    margin-bottom: 30px;
  }
}
.tp-shop-details__right-warp {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__right-warp {
    margin-bottom: 50px;
  }
}
.tp-shop-details__title-sm {
  font-weight: 700;
  font-size: 28px;
  color: #060728;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-details__title-sm {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-details__title-sm {
    font-size: 29px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-shop-details__title-sm {
    font-size: 29px;
  }
  .tp-shop-details__title-sm br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__title-sm {
    font-size: 30px;
  }
  .tp-shop-details__title-sm br {
    display: none;
  }
}
.tp-shop-details__text {
  margin-bottom: 50px;
}
.tp-shop-details__text-2 p {
  padding-bottom: 15px;
  padding-right: 40px;
}
.tp-shop-details__price {
  margin-bottom: 20px;
}
.tp-shop-details__price span {
  font-weight: 700;
  font-size: 18px;
  color: #060728;
}
.tp-shop-details__price span.red-color {
  border-radius: 1px;
  background: #EA1B25;
  font-size: 14px;
  color: var(--tp-common-white);
  width: 51px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
}
.tp-shop-details__price del {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  margin-left: 13px;
  margin-right: 10px;
}


.tp-shop-details__price .iva-price {
  font-size: 14px;  /* Make it smaller */
  color: #808080;   /* Grey color */
  font-weight: 400; /* Less bold than the price */
  margin-left: 5px; /* Add spacing for better readability */
}


.tp-shop-details__product-info {
  margin-bottom: 30px;
}
.tp-shop-details__product-info ul li {
  color: var(--tp-common-black);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 23px;
  list-style-type: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-shop-details__product-info ul li {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-details__product-info ul li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-shop-details__product-info ul li {
    font-size: 16px;
  }
}
.tp-shop-details__product-info ul li:last-child {
  margin-bottom: 0;
}
.tp-shop-details__product-info ul li > span {
  color: #232323;
  font-family: var(--tp-ff-heading);
  font-size: 16px;
  font-weight: 600;
}
.tp-shop-details__social span {
  color: #121416;
  font-family: var(--tp-ff-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  display: inline-block;
  margin-right: 10px;
}
.tp-shop-details__social a {
  display: inline-block;
  font-size: 16px;
  color: #071C1F;
  transition: 0.3s;
  margin-right: 11px;
}
.tp-shop-details__social a:hover {
  color: var(--tp-theme-1);
}
.tp-shop-details__size {
  display: inline-block;
  margin-left: 25px;
}
.tp-shop-details__size > span {
  display: inline-block;
  border: 1px solid #E8E8E8;
  padding: 4px 13px;
  color: #8D8884;
  font-family: --tp-ff-heading;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  transition: 0.3s;
  margin-right: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-details__size > span {
    padding: 4px 8px;
  }
}
.tp-shop-details__size > span:hover {
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-shop-details__size > span.active {
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-shop-details__variation-list {
  display: inline-block;
  margin-left: 17px;
}
.tp-shop-details__variation-list button {
  transform: translateY(3px);
}
.tp-shop-details__variation-list button span {
  width: 14.27px;
  height: 14px;
  background-color: var(--tp-theme-1);
  display: inline-block;
  border-radius: 50%;
  margin-right: 12px;
}
.tp-shop-details__variation-list button span.red {
  background-color: red;
}
.tp-shop-details__variation-list button span.blue {
  background-color: blue;
}
.tp-shop-details__variation-list button span.purple {
  background-color: purple;
}

.tp-product-quantity .cart-minus, .tp-product-quantity .cart-plus {
  cursor: pointer;
  color: #8D8884;
}
.tp-product-quantity .cart-minus:hover, .tp-product-quantity .cart-plus:hover {
  color: var(--tp-theme-primary);
}
.tp-product-quantity input {
  height: 30px;
  width: 32px;
  font-size: 14px;
  border: none;
  font-weight: 700;
  text-align: center;
}

.product-rating {
  margin-right: 20px;
}
.product-rating a {
  font-size: 16px;
  color: #FFDC60;
}

.product-dinfo {
  display: flex;
}

.product-dprice del {
  font-size: 20px;
  color: #B9B9B9;
}

.pro-details-nav {
  background: #F9FAFB;
  display: inline-block;
  padding: 7px 7px;
}

.pro-details-nav-btn {
  border: none;
}
.pro-details-nav-btn li {
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-text-body);
  position: relative;
}
.pro-details-nav-btn li button span {
  position: relative;
  z-index: 9;
}
.pro-details-nav-btn li button::before {
  content: "";
  height: 100%;
  width: 102%;
  top: 0;
  left: -1px;
  background: #fff;
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
}
.pro-details-nav-btn li button.active::before {
  opacity: 1;
  visibility: visible;
}
.pro-details-nav-btn li::after {
  position: absolute;
  content: "";
  height: 40px;
  width: 1px;
  background: #DFE3E9;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .pro-details-nav-btn li::after {
    display: none;
  }
}
.pro-details-nav-btn li:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    font-size: 16px;
  }
}
.pro-details-nav-btn li .nav-links {
  padding: 20px 45px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-details-nav-btn li .nav-links {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .pro-details-nav-btn li .nav-links {
    padding: 5px 15px;
  }
}
.pro-details-nav-btn li .nav-links.active {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}

.tab-para p {
  font-size: 16px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .tab-para p {
    font-size: 14px;
  }
}

.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: #FFDC60;
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: #FFDC60;
}

.comment-input textarea {
  width: 100%;
  height: 120px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
  padding: 20px;
  resize: none;
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--tp-theme-1);
}
.comment-input input {
  width: 100%;
  height: 50px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 8px 20px;
  margin-bottom: 30px;
}
.comment-input input:focus {
  border: 1px solid var(--tp-theme-1);
}

.comments-avatar {
  flex: 0 0 auto;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}

.table td {
  padding: 18px;
}

@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) {
  .shop-left-right {
    margin-left: 0;
    margin-right: 0;
  }
}

.tp-comments-title {
  font-size: 24px;
  color: var(--tp-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .tp-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  color: var(--tp-common-black);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

.shop-faq .accordion-header button {
  font-size: 18px;
  padding: 20px 55px 20px 30px;
}
@media (max-width: 767px) {
  .shop-faq .accordion-header button {
    font-size: 14px;
  }
}
.shop-faq .accordion-content p br {
  display: none;
}
.shop-faq .accordion-content p {
  padding: 0 75px 20px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.latest-comments ul li {
  list-style-type: none;
}

.comment-title {
  font-size: 24px;
  color: var(--tp-common-black);
  font-weight: 700;
  text-transform: capitalize;
}

.tp-product-slider-title {
  color: var(--tp-common-black);
  font-size: 30px;
  font-weight: 500;
}

.product-details-list-box > span {
  color: var(--tp-common-black);
  font-size: 22px;
  font-weight: 700;
  display: block;
  margin-bottom: 30px;
}
.product-details-list-box ul {
  display: inline-block;
}
.product-details-list-box ul li {
  color: var(--tp-common-black);
  font-size: 16px;
  font-weight: 400;
  width: 50%;
  float: left;
  padding-left: 30px;
  position: relative;
  padding-bottom: 12px;
  list-style-type: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-details-list-box ul li {
    width: 100%;
  }
}
.product-details-list-box ul li svg {
  color: var(--tp-theme-1);
  position: absolute;
  top: 8px;
  left: 0;
}

/*----------------------------------------*/
/*  7.5 contact css start
/*----------------------------------------*/
.tp-contact-right {
  margin-left: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-contact-right {
    margin-top: 40px;
    margin-left: 0;
  }
}
.tp-contact-text p {
  margin-right: 95px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-text p {
    font-size: 14px;
    margin-right: 65px;
  }
}
@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-contact-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
.tp-contact-shape-1 {
  position: absolute;
  bottom: 0;
  left: -2%;
  z-index: -1;
  animation: tptranslateX2 2.5s infinite alternate;
}
.tp-contact-icon {
  position: absolute;
  top: 16px;
  right: 20px;
}
.tp-contact-icon span {
  color: var(--tp-common-white);
}
.tp-contact-input-box {
  position: relative;
}
.tp-contact-input-box input {
  padding-right: 50px;
  border: 1px solid rgba(230, 230, 230, 0.4);
  color: var(--tp-common-white);
}
.tp-contact-input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-white);
}
.tp-contact-input-box input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-white);
}
.tp-contact-input-box input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-white);
}
.tp-contact-input-box input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-white);
}
.tp-contact-input-box input::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-white);
}
.tp-contact-textarea-box {
  position: relative;
}
.tp-contact-textarea-box textarea {
  height: 150px;
  padding-right: 50px;
  border: 1px solid rgba(230, 230, 230, 0.4);
  color: var(--tp-common-white);
}
.tp-contact-textarea-box textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-white);
}
.tp-contact-textarea-box textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-white);
}
.tp-contact-textarea-box textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-white);
}
.tp-contact-textarea-box textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-white);
}
.tp-contact-textarea-box textarea::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-white);
}
.tp-contact-textarea-box textarea:focus {
  border-color: var(--tp-theme-1);
}

/******* Checkbox start ******/

.tp-contact-checkbox-box {
  display: flex;
  align-items: center;
  font-family: var(--tp-ff-body);
  font-size: 14px;
  color: var(--tp-common-white);
}

.tp-contact-checkbox-box-2 {
  display: flex;
  align-items: center;
  font-family: var(--tp-ff-body);
  font-size: 14px;
  color: var(--tp-common-black);
}

.tp-contact-checkbox-box input[type="checkbox"] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}

.tp-contact-checkbox-box-2 input[type="checkbox"] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}

.tp-contact-checkbox-box .terms-label {
  margin: 0;
}

.tp-contact-checkbox-box-2 .terms-label {
  margin: 0;
}

.tp-contact-checkbox-box a {
  color: var(--tp-theme-1);
  text-decoration: underline;
}

.tp-contact-checkbox-box-2 a {
  color: var(--tp-theme-1);
  text-decoration: underline;
}

.tp-contact-checkbox-box a:hover {
  color: var(--tp-theme-2);
}

.tp-contact-checkbox-box-2 a:hover {
  color: var(--tp-theme-2);
}

/******* Checkbox end ******/

.tp-contact-box {
  margin-left: 8px;
}
@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-contact-box {
    margin-left: 0;
  }
}
.tp-contact-box ul li {
  list-style-type: none;
}
.tp-contact-box ul li:not(:last-child) {
  margin-bottom: 30px;
}
.tp-contact-box p {
  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-contact-box p {
    font-size: 14px;
  }
}
.tp-contact-icon-2 span {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  background-color: #F8F8F8;
  display: inline-block;
  margin-right: 28px;
  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-contact-icon-2 span {
    margin-right: 18px;
  }
}
.tp-contact-content h5 {
  font-size: 20px;
  font-weight: 600;
}
.tp-contact-content a {
  color: var(--tp-common-black);
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
@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-contact-content a {
    font-size: 14px;
  }
}
.tp-contact-content a:hover {
  background-size: 0% 1px, 100% 1px;
}

.tp-form-input-box input {
  height: 70px;
  line-height: 70px;
  color: var(--tp-common-black);
  border: 1px solid #E6E6E6;
}
.tp-form-input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-black);
}
.tp-form-input-box input::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-black);
}
.tp-form-input-box input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-black);
}
.tp-form-input-box input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-black);
}
.tp-form-input-box input::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-black);
}
.tp-form-textarea-box textarea {
  height: 199px;
  color: var(--tp-common-black);
  border: 1px solid #E6E6E6;
}
@media (max-width: 767px) {
  .tp-form-textarea-box textarea {
    height: 160px;
  }
}
.tp-form-textarea-box textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-black);
}
.tp-form-textarea-box textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-black);
}
.tp-form-textarea-box textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-black);
}
.tp-form-textarea-box textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-black);
}
.tp-form-textarea-box textarea::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-black);
}
.tp-form-textarea-box textarea:focus {
  border-color: var(--tp-theme-1);
}

.tp-form-box-style-2 {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-form-box-style-2 {
    margin-right: 0;
  }
}
.tp-form-box-style-2 .tp-form-input-box input {
  border: none;
  background-color: #F8F8F8;
  border: 1px solid #E0E2E3;
}
.tp-form-box-style-2 .tp-form-input-box input:focus {
  border-color: var(--tp-theme-1);
}
.tp-form-box-style-2 .tp-form-textarea-box textarea {
  background-color: #F8F8F8;
  border: 1px solid #E0E2E3;
}
.tp-form-box-style-2 .tp-form-textarea-box textarea:focus {
  border-color: var(--tp-theme-1);
}
.tp-form-box-style-2 .tp-btn-theme {
  border-radius: 0;
}

.tp-map-box {
  line-height: 0;
}
.tp-map-box iframe {
  height: 361px;
  width: 100%;
}

/*----------------------------------------*/
/*  7.18 team css start
/*----------------------------------------*/
.tp-team-item:hover .tp-team-thumb img {
  transform: scale(1.2);
}
.tp-team-item:hover .tp-team-social a {
  opacity: 1;
  visibility: visible;
}
.tp-team-item:hover .tp-team-social a:nth-child(1) {
  transform: translateX(0px);
}
.tp-team-item:hover .tp-team-social a:nth-child(2) {
  transform: translateX(0px);
}
.tp-team-item:hover .tp-team-social a:nth-child(3) {
  transform: translateX(0px);
}
.tp-team-item:hover .tp-team-social a:nth-child(4) {
  transform: translateX(0px);
}
.tp-team-thumb {
  overflow: hidden;
}
.tp-team-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-team-social {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.tp-team-social a {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
  opacity: 0;
  visibility: hidden;
}
.tp-team-social a:nth-child(1) {
  transition: 0.3s;
  transform: translateX(-20px);
}
.tp-team-social a:nth-child(2) {
  transition: 0.5s;
  transform: translateX(-30px);
}
.tp-team-social a:nth-child(3) {
  transition: 0.7s;
  transform: translateX(-40px);
}
.tp-team-social a:nth-child(4) {
  transition: 0.9s;
  transform: translateX(-50px);
}
.tp-team-social a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-team-social a:not(:last-child) {
  margin-right: 7px;
}
.tp-team-author-info span {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@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-author-info span {
    font-size: 14px;
  }
}
.tp-team-author-info span::before {
  content: "";
  height: 1px;
  width: 38px;
  display: inline-block;
  margin-right: 10px;
  transform: translateY(-4px);
  background-color: var(--tp-theme-1);
}
.tp-team-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-team-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-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-team-title {
    font-size: 18px;
  }
}
.tp-team-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-team-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-title-box {
    margin-bottom: 30px;
  }
}
.tp-team-top-text {
  margin-left: -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-team-top-text {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-top-text p {
    font-size: 14px;
  }
}

.tp-team-style-2 .tp-team-item:hover .tp-team-social-box {
  transform: scaleY(1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.tp-team-style-2 .tp-team-social-box {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transform: scaleY(0);
  transform-origin: center;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  transform-origin: bottom center;
  z-index: 2;
}
.tp-team-style-2 .tp-team-social-box a {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin: 5px 0;
  transition: 0.3s;
  color: var(--tp-common-white);
  background-color: rgba(255, 255, 255, 0.1);
}
.tp-team-style-2 .tp-team-social-box a:hover {
  background-color: var(--tp-theme-1);
}
.tp-team-style-2 .tp-team-author-info span::before {
  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-team-style-3 .tp-team-item {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-team-style-3 .tp-team-title-box {
    margin-bottom: 30px;
  }
}
.tp-team-style-3 .tp-team-big-text {
  position: absolute;
  content: "";
  top: 86%;
  right: -7.4%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-team-style-3 .tp-team-big-text {
    right: -3.4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-style-3 .tp-team-big-text {
    right: -7.4%;
  }
}
.tp-team-style-3 .tp-team-big-text h6 {
  color: var(--tp-theme-1);
  font-size: 148px;
  font-style: normal;
  font-weight: 700;
  opacity: 0.05;
  text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-style-3 .tp-team-big-text h6 {
    font-size: 130px;
  }
}
.tp-team-style-3 .tp-team-thumb {
  position: relative;
  height: 100%;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .tp-team-style-3 .tp-team-thumb {
    width: 100%;
  }
}
.tp-team-style-3 .tp-team-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .tp-team-style-3 .tp-team-thumb img {
    width: 100%;
  }
}
@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-style-3 .tp-team-thumb {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.tp-team-style-3 .tp-team-author-info {
  padding: 40px;
  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-team-style-3 .tp-team-author-info {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team-style-3 .tp-team-author-info {
    padding: 40px;
  }
}
.tp-team-style-3 .tp-team-author-info span::before {
  display: none;
}
.tp-team-style-3 .tp-team-social-box a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: var(--tp-theme-1);
  background-color: #F8F8F8;
  transition: 0.3s;
}
.tp-team-style-3 .tp-team-social-box a:not(:last-child) {
  margin-right: 7px;
}
.tp-team-style-3 .tp-team-social-box a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tp-team-style-4 .tp-team-item {
  box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);
}
.tp-team-style-4 .tp-team-active {
  margin: -30px;
  padding: 30px;
}
.tp-team-style-4 .tp-team-author-info {
  padding: 30px 30px;
  padding-top: 25px;
}

.tp-team-inner-style .tp-team-item {
  background-color: #F8F8F8;
  height: 100%;
}
.tp-team-inner-style .tp-team-author-info {
  padding: 40px;
}
.tp-team-inner-style .tp-team-social-box a {
  width: auto;
  background-color: transparent;
  color: var(--tp-common-black);
}
.tp-team-inner-style .tp-team-social-box a:not(:last-child) {
  margin-right: 20px;
}
.tp-team-inner-style .tp-team-social-box a:hover {
  color: var(--tp-theme-1);
  background-color: transparent;
}
.tp-team-inner-style .tp-team-author-info span::before {
  background-color: var(--tp-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-inner-style .tp-section-title {
    font-size: 39px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details-inner-style .tp-section-title {
    font-size: 35px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-inner-style .tp-section-title {
    font-size: 26px;
    padding-bottom: 30px;
  }
}
.tp-team-details-title {
  font-size: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-details-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-title {
    font-size: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-title {
    font-size: 22px;
  }
}
.tp-team-details-wrap {
  margin-left: 5px;
}
@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-wrap {
    margin-left: 0;
  }
}
.tp-team-details-wrap .tp-team-author-info span::before {
  width: 70px;
  background-color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-details-text 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-team-details-text p {
    font-size: 14px;
  }
  .tp-team-details-text p br {
    display: none;
  }
}
.tp-team-details-social {
  padding-left: 104px;
}
@media (max-width: 767px) {
  .tp-team-details-social {
    margin-top: 30px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team-details-social {
    padding-left: 60px;
  }
}
.tp-team-details-social span {
  display: inline-block;
  margin-right: 22px;
}
.tp-team-details-social a {
  display: inline-block;
  color: var(--tp-theme-1);
  transition: 0.3s;
}
.tp-team-details-social a:hover {
  color: var(--tp-common-black);
}
.tp-team-details-social a:not(:last-child) {
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-team-details-thumb {
    margin-bottom: 30px;
  }
}
.tp-team-details-thumb img {
  width: 100%;
}

/*----------------------------------------*/
/*  7.12 price css start
/*----------------------------------------*/
.tp-price-item {
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}
.tp-price-content {
  padding: 40px 40px;
  padding-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-price-content {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-price-content {
    padding: 40px 50px;
  }
}
.tp-price-title {
  padding-top: 43px;
  font-size: 28px;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-price-title {
    font-size: 22px;
  }
}
.tp-price-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
}
.tp-price-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-price-rate {
  padding: 18px 0;
  background-color: rgba(166, 161, 130, 0.1);
}
.tp-price-rate h6 {
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin-bottom: 0;
  color: var(--tp-theme-1);
}
.tp-price-rate h6 i {
  font-style: normal;
  font-size: 48px;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-rate h6 i {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-price-rate h6 i {
    font-size: 38px;
  }
}
.tp-price-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 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-price-list ul li {
    font-size: 14px;
  }
}
.tp-price-list ul li:not(:last-child) {
  margin-bottom: 7px;
}
.tp-price-list ul li i {
  position: absolute;
  top: 7px;
  left: 0;
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.9 gallery css start
/*----------------------------------------*/
.tp-gallery-item:hover .tp-gallery-thumb img {
  transform: scale(1.2);
}
.tp-gallery-thumb {
  overflow: hidden;
  position: relative;
}
.tp-gallery-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.tp-gallery-thumb::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.tp-gallery-thumb:hover::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.tp-gallery-title {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .tp-gallery-title {
    margin-bottom: 20px;
  }
}
.tp-gallery-title a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.6s linear;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}
.tp-gallery-title a:hover {
  background-size: 0% 1px, 100% 1px;
}
.tp-gallery-content {
  position: absolute;
  bottom: -11%;
  left: 40px;
  right: 40px;
  padding: 45px 50px;
  padding-top: 40px;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-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), (max-width: 767px) {
  .tp-gallery-content {
    padding: 40px 20px;
    left: 20px;
    right: 20px;
  }
}
.tp-gallery-content p {
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-gallery-content p {
    font-size: 12px;
  }
}
.tp-gallery-active {
  margin: -150px 0;
  padding: 150px 0;
}
.tp-gallery-active .swiper-slide.swiper-slide-active .tp-gallery-content {
  transform: perspective(400px) rotateX(0deg);
}

/*----------------------------------------*/
/*  7.11 newsletter css
/*----------------------------------------*/
.tp-newsletter-bg {
  position: relative;
}
.tp-newsletter-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 43%;
  background-color: var(--tp-common-black);
}
.tp-newsletter-height {
  padding: 60px 70px;
  padding-right: 135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-newsletter-height {
    padding: 60px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter-height {
    padding: 60px 50px;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-height {
    padding: 60px 20px;
  }
}
.tp-newsletter-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 17px;
  color: var(--tp-common-white);
  text-transform: capitalize;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-newsletter-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-newsletter-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-newsletter-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter-title {
    font-size: 38px;
  }
  .tp-newsletter-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-title {
    font-size: 27px;
  }
  .tp-newsletter-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-newsletter-content {
    margin-bottom: 40px;
  }
}
.tp-newsletter-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 0;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-content p {
    font-size: 14px;
  }
  .tp-newsletter-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-input-box {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter-input-box {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-newsletter-input-box {
    width: 100%;
  }
}
.tp-newsletter-input-box input {
  width: 469px;
  padding-right: 60px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-newsletter-input-box input {
    width: 100%;
  }
}
@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-newsletter-input-box input {
    height: 50px;
    line-height: 50px;
    width: 100%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-newsletter-input-box input {
    width: 100%;
  }
}
.tp-newsletter-input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #54595F;
}
.tp-newsletter-input-box input::-moz-placeholder { /* Firefox 19+ */
  color: #54595F;
}
.tp-newsletter-input-box input:-moz-placeholder { /* Firefox 4-18 */
  color: #54595F;
}
.tp-newsletter-input-box input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #54595F;
}
.tp-newsletter-input-box input::placeholder { /* MODERN BROWSER */
  color: #54595F;
}
.tp-newsletter-input-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.tp-newsletter-input-icon span {
  color: #54595F;
}
.tp-newsletter-input-wrap {
  margin-left: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter-input-wrap {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-input-wrap {
    margin-left: 0;
    flex-wrap: wrap;
  }
}
.tp-newsletter-wrap .tp-btn-black {
  margin-left: 10px;
  height: 65px;
  line-height: 65px;
  padding: 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter-wrap .tp-btn-black {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-wrap .tp-btn-black {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin-left: 0;
  }
}
.tp-newsletter-shape-1 {
  position: absolute;
  top: 18%;
  left: 4%;
  opacity: 0.4;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-newsletter-shape-1 {
    left: 2%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-newsletter-shape-1 {
    left: 0%;
    top: 50%;
    transform: scale(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-newsletter-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.14 progress css start
/*----------------------------------------*/
.tp-progress-bar-item {
  overflow: hidden;
  margin-bottom: 50px;
  padding-top: 11px;
  background-color: #0D0D0D;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-progress-bar-item {
    padding-top: 20px;
  }
}
.tp-progress-bar-item label {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 17px;
  display: inline-block;
  padding-left: 20px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-progress-bar-item label {
    font-size: 12px;
    margin-bottom: 7px;
    padding-left: 0;
  }
}
.tp-progress-bar .progress {
  overflow: visible;
  border-radius: 10px;
  background: #0D0D0D;
  height: 6px;
  border-radius: 0;
}
.tp-progress-bar .progress-bar {
  background-color: var(--tp-theme-1);
  position: relative;
  overflow: visible;
  height: 100%;
  border-radius: 0px;
  top: 0;
}
.tp-progress-bar .progress-bar span {
  position: absolute;
  right: 0;
  top: -28px;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.4px;
  color: var(--tp-common-white);
}

.tp-progress-2-bar-wrap h5 {
  font-size: 28px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-progress-2-bar-wrap h5 {
    font-size: 24px;
  }
}
@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-progress-2-bar-wrap h5 {
    font-size: 20px;
  }
}
.tp-progress-2-bar-item {
  overflow: hidden;
  position: relative;
  width: 76%;
}
@media (max-width: 767px) {
  .tp-progress-2-bar-item {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-progress-2-bar-item {
    width: 80%;
  }
}
.tp-progress-2-bar-item:not(:last-child) {
  padding-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-progress-2-bar-item:not(:last-child) {
    font-size: 14px;
    padding-bottom: 17px;
  }
}
.tp-progress-2-bar-item label {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block;
}
@media (max-width: 767px) {
  .tp-progress-2-bar-item label {
    font-size: 14px;
    margin-bottom: 7px;
    padding-left: 12px;
  }
}
.tp-progress-2-bar-item span {
  position: absolute;
  right: 0;
  top: 0;
}
.tp-progress-2-bar .progress {
  overflow: visible;
  border-radius: 10px;
  background: #E6E6E6;
  height: 8px;
}
.tp-progress-2-bar .progress-bar {
  background-color: var(--tp-theme-1);
  position: relative;
  overflow: visible;
  height: 100%;
  top: 0;
  border-radius: 10px;
}
.tp-progress-2-bar .progress-bar span {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.4px;
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.4 checkout css start
/*----------------------------------------*/
.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: 18px 40px;
  width: 100%;
}
@media (max-width: 767px) {
  .tp-checkout-verify-reveal {
    padding: 40px 15px;
  }
}
.tp-checkout-verify-reveal button {
  color: var(--tp-theme-1);
  position: relative;
}
.tp-checkout-verify-reveal button::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--tp-theme-1);
}
.tp-checkout-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-2);
  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;
  color: var(--tp-common-black);
  padding-bottom: 10px;
  font-size: 14px;
}
.tp-checkout-input label span {
  color: red;
}
.tp-checkout-input input, .tp-checkout-input textarea {
  width: 100%;
  background: #FFFFFF;
  color: var(--tp-common-black);
  height: 64px;
  border: 1px solid #E0E2E3;
}
.tp-checkout-input input:focus, .tp-checkout-input textarea:focus {
  border-color: var(--tp-theme-1);
}
.tp-checkout-input textarea {
  height: 200px;
  resize: none;
  padding: 25px;
  font-size: 14px;
}
.tp-checkout-input .nice-select {
  height: 64px;
  line-height: 63px;
  border-radius: 0;
  border: 0;
  float: none;
  padding: 0 25px;
  font-size: 14px;
}
.tp-checkout-input .nice-select::after {
  right: 26px;
}
.tp-checkout-input .nice-select.open .list {
  -webkit-transform: scale(1) translateY(0px);
  -moz-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  -o-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}
.tp-checkout-input .nice-select .list {
  margin-top: 0;
  border-radius: 0;
  transform-origin: center center;
  -webkit-transform: scale(0.9) translateY(0px);
  -moz-transform: scale(0.9) translateY(0px);
  -ms-transform: scale(0.9) translateY(0px);
  -o-transform: scale(0.9) translateY(0px);
  transform: scale(0.9) translateY(0px);
  width: 100%;
  padding: 12px 0;
}
.tp-checkout-input .nice-select .list .option {
  line-height: 1.2;
  min-height: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tp-checkout-input .nice-select .list .option:hover {
  color: var(--tp-theme-2);
}
.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-1);
  border-color: var(--tp-theme-1);
}
.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: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(6, 7, 40, 0.2);
  z-index: -1;
  transition: 0.3s;
}
.tp-checkout-option label::before {
  position: absolute;
  content: "\f00c";
  top: -1px;
  left: 5px;
  font-size: 11px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: 0.3s;
  font-family: "Font Awesome 5 Pro";
}
.tp-checkout-option label a:hover {
  color: var(--tp-theme-2);
}
.tp-checkout-option label:hover {
  cursor: pointer;
}
.tp-checkout-bill-area {
  padding: 45px 40px 24px;
  background-color: var(--tp-grey-1);
}
@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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-checkout-place {
    padding: 35px 40px;
  }
}
@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) {
  .tp-checkout-place {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .tp-checkout-place {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tp-checkout-place-title {
  font-size: 26px;
  font-weight: 600;
  margin-right: 37px;
}
.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::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: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transition: 0.3s;
}
.tp-checkout-payment-item label::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.tp-checkout-payment-item label img {
  margin-left: 14px;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
.tp-checkout-payment-item label a {
  margin-left: 20px;
  position: relative;
}
.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: #fff;
  -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: #fff;
  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-grey-1);
}
@media (max-width: 767px) {
  .tp-return-customer {
    padding: 40px 15px;
  }
}
.tp-return-customer-input {
  margin-bottom: 20px;
}
.tp-return-customer-input label {
  font-weight: 500;
  color: var(--tp-common-black);
  padding-bottom: 10px;
}
.tp-return-customer-input label span {
  color: red;
}
.tp-return-customer-input input {
  width: 100%;
  background: #fff;
  color: var(--tp-common-black);
  height: 64px;
  transition: 0.3s;
  border: 1px solid #E0E2E3;
}
.tp-return-customer-input input:focus {
  border: 1px solid var(--tp-theme-1);
}
.tp-return-customer-remeber input {
  display: none;
}
.tp-return-customer-remeber input:checked ~ label::after {
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}
.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: 6px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(6, 7, 40, 0.2);
  z-index: -1;
  transition: 0.3s;
}
.tp-return-customer-remeber label::before {
  position: absolute;
  content: "\f00c";
  top: 0px;
  left: 5px;
  font-size: 10px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--tp-common-white);
  transition: 0.3s;
  font-family: "Font Awesome 5 Pro";
}
.tp-return-customer-remeber label a:hover {
  color: var(--tp-common-orange);
}
.tp-return-customer-remeber label:hover {
  cursor: pointer;
}
.tp-return-customer-forgot a {
  font-weight: 400;
  font-size: 15px;
  color: var(--tp-theme-2);
  position: relative;
  display: inline-block;
}
.tp-return-customer-forgot a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 4px;
  width: 0%;
  height: 1px;
  background-color: var(--tp-theme-primary);
}
.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: 1px solid rgba rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.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::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: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transition: 0.3s;
}
.tp-order-info-list ul li.tp-order-info-list-shipping span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.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);
}

.tp-checkout-place {
  background-color: var(--tp-grey-1);
}

/*----------------------------------------*/
/*  7.2 appointment css start
/*----------------------------------------*/
.tp-appointment-contact {
  margin-top: 111px;
  margin-left: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-appointment-contact {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-appointment-contact {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-appointment-contact {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-appointment-contact {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.tp-appointment-contact-title {
  font-size: 28px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-appointment-contact-title {
    font-size: 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-appointment-contact-title {
    font-size: 22px;
  }
}
.tp-appointment-contact-item:not(:last-child) {
  margin-bottom: 10px;
}
.tp-appointment-contact-item input {
  display: none;
}
.tp-appointment-contact-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.tp-appointment-contact-item label {
  font-size: 20px;
  position: relative;
  padding-left: 34px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-appointment-contact-item label {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .tp-appointment-contact-item label {
    font-size: 16px;
  }
}
.tp-appointment-contact-item label:hover {
  cursor: pointer;
}
.tp-appointment-contact-item label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--tp-theme-1);
  transition: 0.3s;
}
.tp-appointment-contact-item label::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.tp-appointment-left p {
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-appointment-left p {
    font-size: 14px;
  }
}
.tp-appointment-list {
  margin-right: 65px;
}
@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-appointment-list {
    margin-right: 0;
  }
}
.tp-appointment-list ul li {
  padding-left: 34px;
  position: relative;
  list-style-type: none;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-appointment-list ul li {
    font-size: 14px;
  }
}
.tp-appointment-list ul li:not(:last-child) {
  margin-bottom: 22px;
}
.tp-appointment-list ul li i {
  position: absolute;
  top: 10px;
  left: 0;
  color: #E3042E;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-appointment-thumb {
    width: 100%;
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  7.3 cart css start
/*----------------------------------------*/
/* 16. Cart */
.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--tp-theme-1);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
  border-right: 1px solid rgba(6, 7, 40, 0.1);
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  height: 64px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 100%;
}

@media (max-width: 767px) {
  .coupon-all button {
    padding: 0 20px;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
  }
}
.coupon input {
  height: 58px;
  line-height: 58px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border: 1px solid #E0E2E3;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .coupon input {
    height: 60px;
    line-height: 60px;
    font-size: 10px;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.tp-quantity {
  width: 200px;
  margin: 0 auto;
}
.tp-quantity .cart-minus {
  height: 64px;
  width: 64px;
  text-align: center;
  line-height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.tp-quantity .cart-plus {
  height: 64px;
  width: 64px;
  text-align: center;
  line-height: 64px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.table td, .table th {
  border-top: 1px solid #eaedff;
}

.product-thumbnail, .cart-product-name, .product-price, .product-quantity, .product-subtotal, .product-remove {
  font-weight: 600;
  font-size: 20px;
  color: #060728;
  font-family: var(--tp-ff-clash-semibold);
}

.product-quantity > input {
  width: 80px;
  text-align: center;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  margin-right: 10px;
  width: inherit;
  height: 67px;
  line-height: 67px;
  padding: 0 25px;
  overflow: hidden;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #coupon_code {
    height: 54px;
  }
}
@media (max-width: 767px) {
  #coupon_code {
    padding: 0px 15px;
  }
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

.checkout-link .tp-btn:hover {
  background-color: var(--tp-theme-2);
}
.checkout-link .tp-btn-dark-lg:hover {
  background-color: var(--tp-theme-1);
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding: 35px;
  margin-top: 100px;
  background: var(--tp-grey-1);
}
@media (max-width: 767px) {
  .cart-page-total {
    padding: 30px 15px;
  }
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid rgba(6, 7, 40, 0.1);
}

.cart-page-total > ul > li {
  list-style: none;
  padding: 21px 30px;
  border-bottom: 1px solid rgba(6, 7, 40, 0.1);
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #696A7E;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--tp-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--tp-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: var(--tp-common-black);
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: var(--tp-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--tp-common-black);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: -1px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--tp-common-black);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #eaedff;
  padding: 0 10px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: var(--tp-theme-1);
}

.country-select .nice-select {
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--tp-common-black);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: var(--tp-theme-1);
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

.order-notes textarea:focus {
  border-color: var(--tp-common-black);
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: -1px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: var(--tp-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--tp-theme-1);
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.order-button-payment button {
  width: 100%;
}


@media (max-width: 767px) {
  .product {
    margin-bottom: 0px; /* Reduce vertical space */
  }

  .col-xl-4, .col-lg-6, .col-md-6, .col-6 {
    padding-bottom: 0px; /* Reduce padding between grid columns */
  }
}

@media (max-width: 767px) {
  /* Reduce la altura del área de breadcrumb */
  .breadcrumb__pt {
    padding-top: 70px !important;
  }

  .breadcrumb__height {
    height: 180px !important;
  }

  /* Reduce el espacio entre breadcrumb y contenido */
  .tp-product-2-area {
    padding-top: 30px !important;
  }

  /* Reduce el padding interno del info box */
  .info-box {
    margin-bottom: 30px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .info-box p {
    font-size: 14px !important; /* o ajusta a 12px si lo quieres más pequeño */
    line-height: 1.4 !important;
    padding-top: 10px;
  }
}


/*----------------------------------------*/
/*  7.6 error css start
/*----------------------------------------*/
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-error-thumb-box img {
    max-width: 70%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-error-thumb-box img {
    max-width: 60%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-error-thumb-box img {
    max-width: 60%;
  }
}
.tp-error-title {
  font-weight: 700;
  font-size: 48px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-error-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-error-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-error-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .tp-error-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-error-title {
    font-size: 34px;
  }
}
.tp-error-content .tp-btn-black-sm {
  padding: 0 23px;
}