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

    Template Name: Gigaspark – Internet Provider & Satellite TV HTML Template
    Author: Theme_Pure
    Support: https://help.themepure.net/support/
    Description: Gigaspark – Internet Provider & Satellite TV 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


    ---------------------------------
	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 brand css start
		7.3 cart css start
		7.4 checkout css start
		7.5 contact css start
		7.6 cta css start
		7.7 error css start
		7.8 faq css start
		7.9 feature css start 
		7.10 funfact css start
		7.11 instagram-text css start 
		7.12 movie css start
		7.13 newsletter css start
		7.14 price css start
		7.15 product css
		7.16 service css start 
		7.17 slider-text css start
		7.18 slider css start 
		7.19 solution css start
		7.20 subscribe css start
		7.21 team css start
		7.22 testimonial css start
		7.23 video css start



**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&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: "Space Grotesk", sans-serif;
  --tp-ff-heading: "Space Grotesk", sans-serif;
  --tp-ff-p: "Space Grotesk", sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #fff;
  --tp-common-black: #010101;
  --tp-common-black-2: #000000;
  --tp-common-black-3: #141a26;
  --tp-grey-1: #f5f5f8;
  --tp-grey-2: #cacaca;
  --tp-text-body: #727272;
  --tp-theme-1: #de1e23;
}

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

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

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

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

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

.custom-container-5 {
  max-width: 1600px;
}

* {
  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: #080808;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  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;
  background-color: #fff;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 16px;
  color: var(--tp-common-black);
  padding-left: 30px;
  padding-right: 30px;
  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: #767676;
}
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: #767676;
}
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: #767676;
}
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: #767676;
}
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: #767676;
}
[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: 17px;
  padding-bottom: 17px;
}

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

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

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

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

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

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

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

/*---------------------------------
    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;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
/* .back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
} */

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  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 {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  overflow: hidden;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  position: relative;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .tp-btn {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
  }
}
.tp-btn:hover {

}
.tp-btn:hover.theme-bg:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-btn.black-bg {
  background-color: var(--tp-common-black);
}
.tp-btn.black-bg:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-btn.white-bg {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-btn.white-bg:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.tp-btn-lg {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
  height: 60px;
  line-height: 60px;
  padding: 0 53px;
  overflow: hidden;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  position: relative;
  z-index: 9;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .tp-btn-lg {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
  }
}
.tp-btn-lg.theme-bg:hover {
    background:linear-gradient(135deg, #ff8c00, #ff2e63);
  color: var(--tp-common-white);
}

.tp-btn-sm {
    background: var(--tp-theme-1);
    color: var(--tp-common-white);
    height: 60px;
    line-height: 55px;
    padding: 0 40px;
    overflow: hidden;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    position: relative;
    z-index: 9;
    transition: all 0.3s ease-in-out;
}

.tp-btn-sm:hover {
    background:linear-gradient(135deg, #ff8c00, #ff2e63);
  color: var(--tp-common-white);
}

.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-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  letter-spacing: 0.03em;
  position: relative;
  z-index: 9;
}
.tp-menu-btn:hover {
    background:linear-gradient(135deg, #ff8c00, #ff2e63);
  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);
  }
}
/*----------------------------------------*/
/*  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-2);
}

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

.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-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  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: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-common-black);
  font-weight: 500;
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  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;
}
.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.png), 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: 18px;
  color: rgba(255, 255, 255, 0.49);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .tpoffcanvas__title p {
    font-size: 17px;
  }
}
.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 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: 16px;
  color: var(--tp-common-white);
  margin-bottom: 15px;
  list-style-type: none;
}
@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) {
  .tpoffcanvas__logo {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .tpoffcanvas__logo img {
    width: 150px;
  }
}
.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;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.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__height {
  height: 400px;
  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: 1400px) and (max-width: 1599px) {
  .breadcrumb__height {
    height: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .breadcrumb__height {
    height: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__height {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__height {
    height: 320px;
  }
}
@media (max-width: 767px) {
  .breadcrumb__height {
    height: 280px;
  }
}
.breadcrumb__overlay {
  position: relative;
}
.breadcrumb__overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  /* background-color: rgb(0, 0, 0); */
  /* opacity: 0.6; */
}
.breadcrumb__subtitle {
  font-size: 16px;
  display: block;
  padding-bottom: 5px;
  text-transform: uppercase;
  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__subtitle {
    font-size: 14px;
  }
}
.breadcrumb__title {
  font-weight: 700;
  font-size: 80px;
  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: 68px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .breadcrumb__title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .breadcrumb__title {
    font-size: 38px;
    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: 16px;
  text-transform: capitalize;
  color: var(--tp-theme-1);
}
.breadcrumb__list span.dvdr i {
  font-size: 15px;
  transform: rotate(-12deg);
  display: inline-block;
}
.breadcrumb__list span a {
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .breadcrumb__content {
    flex-wrap: wrap;
  }
}

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
.tp-custom-accordion .accordion-items {
  border-bottom: 1px solid #cecece;
}
.tp-custom-accordion .accordion-buttons {
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  padding: 21px 60px;
  padding-left: 0px;
  transition: 0.3s;
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons {
    font-size: 15px;
  }
}
@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: 0px;
  font-weight: 700;
  font-size: 12px;
  opacity: 1;
  transition: 0.3s;
  height: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-custom-accordion .accordion-buttons::after {
    right: 20px;
  }
}
.tp-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067";
}
.tp-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}
.tp-custom-accordion .accordion-body {
  padding: 0px;
  padding-bottom: 25px;
  padding-right: 40px;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #767676;
}
@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;
  }
}

.tp-custom-accordion-2 .accordion-items {
  margin-bottom: 30px;
}
.tp-custom-accordion-2 .accordion-buttons {
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  padding: 21px 60px;
  padding-left: 30px;
  transition: 0.3s;
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  border: 1px solid #e7e7e7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion-2 .accordion-buttons {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-custom-accordion-2 .accordion-buttons {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion-2 .accordion-buttons {
    font-size: 15px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-custom-accordion-2 .accordion-buttons {
    font-size: 17px;
  }
}
.tp-custom-accordion-2 .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: 22px;
  width: 22px;
  line-height: 23px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-custom-accordion-2 .accordion-buttons::after {
    right: 20px;
  }
}
.tp-custom-accordion-2 .accordion-buttons:not(.collapsed) {
  border: 1px solid black;
}
.tp-custom-accordion-2 .accordion-buttons.collapsed::after {
  content: "\f067";
}
.tp-custom-accordion-2 .collapsed {
  position: relative;
  z-index: 99;
}
.tp-custom-accordion-2 .accordion-body {
  padding: 25px 30px;
  padding-right: 40px;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #767676;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-custom-accordion-2 .accordion-body {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-custom-accordion-2 .accordion-body {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-custom-accordion-2 .accordion-body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-custom-accordion-2 .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-2 .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 {
  /* font-size: 16px; */
  font-weight: 400;
  color: var(--tp-theme-1);
  display: inline-block;
  padding-bottom: 10px;
}
.tp-section-subtitle.color {
  color: #a5a5a5;
}
@media (max-width: 767px) {
  .tp-section-subtitle {
    font-size: 14px;
  }
}

.tp-section-title {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 35px;
  }
  .tp-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 30px;
  }
  .tp-section-title br {
    display: none;
  }
}
.tp-section-title-2 {
  font-size: 66px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-section-title-2 {
    font-size: 62px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title-2 {
    font-size: 58px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title-2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title-2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title-2 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .tp-section-title-2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-section-title-2 {
    font-size: 34px;
  }
}
.tp-section-title-3 {
  font-size: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title-3 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title-3 {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title-3 {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .tp-section-title-3 {
    font-size: 28px;
  }
  .tp-section-title-3 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
/*----------------------------------------*/
.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  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;
}
.header-sticky .tp-header-main-menu nav ul li > a {
  padding: 25px 0;
}

.tp-header-top-height {
  padding: 10px 0;
}
.tp-header-top-left ul li {
  padding-left: 20px;
  position: relative;
  list-style-type: none;
  display: inline-block;
}
.tp-header-top-left ul li:not(:last-child) {
  margin-right: 35px;
}
@media (max-width: 767px) {
  .tp-header-top-left ul li:not(:last-child) {
    margin-right: 0;
  }
}
.tp-header-top-left ul li i {
  position: absolute;
  top: 9px;
  left: 0;
  font-size: 14px;
  color: var(--tp-common-white);
}
.tp-header-top-left ul li a {
  color: var(--tp-common-white);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-header-top-left ul li a {
    font-size: 14px;
  }
}
.tp-header-top-left ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-top-social span {
  padding-right: 20px;
  font-size: 16px;
  display: inline-block;
  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) {
  .tp-header-top-social span {
    font-size: 14px;
  }
}
.tp-header-top-social a {
  margin: 0 7px;
  display: inline-block;
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-header-top-social a:hover {
  color: var(--tp-theme-1);
}
.tp-header-top-social a:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .tp-header-top-social a {
    margin: 0 2px;
    font-size: 13px;
  }
}

.tp-header-main-menu {
  padding-left: 125px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-header-main-menu {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-main-menu {
    padding-left: 47px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-main-menu {
    /* padding-left: 20px; */
  }
}
.tp-header-main-menu > nav > ul > li {
  display: inline-block;
  margin: 0px 21px;
  position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-header-main-menu > nav > ul > li {
    margin: 0px 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-main-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
.tp-header-main-menu > nav > ul > li > a {
    font-weight: 700;
    font-size: 20px;
    padding: 35px 0;
    display: inline-block;
    color: var(--tp-common-black);
    text-transform: capitalize;
}   
.tp-header-main-menu > nav > ul > li .submenu {
  position: absolute;
  top: 100%;
  left: -5px;
  width: 240px;
  z-index: 999;
  padding: 30px 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  background-color: var(--tp-common-black);
  border-top: 5px solid var(--tp-theme-1);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-main-menu > nav > ul > li .submenu > li {
  margin: 0;
  margin-bottom: 10px;
  display: block;
}
.tp-header-main-menu > nav > ul > li .submenu > li:last-child {
  margin-bottom: 0;
}
.tp-header-main-menu > nav > ul > li .submenu > li > a {
  padding: 0;
  text-transform: capitalize;
  color: var(--tp-common-white);
  position: relative;
}
.tp-header-main-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-main-menu > nav > ul > li .submenu > li:hover > a {
  color: var(--tp-theme-1);
}
.tp-header-main-menu > nav > ul > li .submenu > li:hover > a::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-header-main-menu > nav > ul > li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
  margin-left: 5px;
  transform: translateY(2px);
  color: var(--tp-common-black);
}
.tp-header-main-menu > nav > ul > li:hover.has-dropdown::after {
  transform: rotate(-180deg);
  color: var(--tp-theme-1);
}
.tp-header-main-menu > nav > ul > li:hover > a {
  color: var(--tp-theme-1);
}
.tp-header-main-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-icon {
  margin-left: 40px;
  transform: translateY(3px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-icon {
    margin-left: 30px;
  }
}
.tp-header-icon button {
  font-size: 24px;
  display: inline-block;
  color: var(--tp-common-black);
  margin-right: 35px;
  transition: 0.3s;
}
.tp-header-icon button:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-icon button {
    margin-right: 25px;
  }
}
.tp-header-icon a {
  font-size: 24px;
  display: inline-block;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-header-icon a:hover {
  color: var(--tp-theme-1);
}
.tp-header-btn {
  line-height: 0;
}

.tp-header-bar i {
  height: 48px;
  width: 48px;
  line-height: 48px;
  display: inline-block;
  margin: 10px 0;
  margin-left: 25px;
  font-size: 18px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-header-border {
  border-bottom: 1px solid #dcdcdc;
}

.tp-header-main-menu > nav > ul.tp-onepage-menu > li > a.active {
  color: var(--tp-theme-1);
}

/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.tp-header-main-menu nav ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tp-header-main-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-main-menu nav ul li .has-homemenu {
    left: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-main-menu nav ul li .has-homemenu {
    left: -40px;
  }
}

.tp-header-2__menu nav ul li .has-homemenu {
  width: 810px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tp-common-white);
  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;
}

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

.homemenu-title {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--tp-common-black);
  display: inline-block;
  font-weight: 700;
}
.homemenu-title:hover {
  color: var(--tp-theme-1);
}

.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:last-child a span {
  border-bottom: 0;
}
.tp-main-menu-mobile ul li > a {
  display: block;
  font-size: 16px;
  color: var(--tp-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
  text-transform: capitalize;
}
.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;
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.postbox__wrapper {
  margin-right: 35px;
}
@media 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__item-single:hover {
  box-shadow: none;
}
.postbox__meta span i {
  font-weight: 700;
  font-style: normal;
  color: var(--tp-common-black);
}
.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: 36px;
  color: var(--tp-common-black);
  margin-bottom: 22px;
}
.postbox__title.space {
  letter-spacing: -2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__title a:hover {
  color: var(--tp-theme-1);
}
.postbox__blockquote-shape {
  display: inline-block;
  transform: translateY(12px);
  flex: 0 0 auto;
  margin-right: 30px;
}
.postbox__blockquote blockquote p {
  font-family: var(--tp-ff-heading);
  font-weight: 600;
  font-size: 26px;
  color: #121d2c;
  margin-bottom: 0px;
  line-height: 32px;
}
@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__blockquote blockquote p {
    font-size: 22px;
  }
}
.postbox__blockquote blockquote cite {
  font-weight: 400;
  font-size: 16px;
  color: #332d2d;
  font-style: inherit;
  position: relative;
}
.postbox__blockquote blockquote cite::before {
  content: "";
  font-size: 28px;
  color: #fff;
  padding-bottom: 0px;
  display: inline-block;
  background: #191515;
  height: 2px;
  width: 16px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  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;
  background-color: #f2f6f7;
  color: var(--tp-common-black);
  margin-right: 10px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-share a {
    margin-bottom: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 8px;
  }
}
.postbox__details-share a:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.postbox__details-tag span {
  font-size: 20px;
  font-weight: 500;
  color: #121416;
  margin-right: 6px;
}
@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 img {
  max-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) {
  .postbox__text img {
    width: 100%;
  }
}
.postbox__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 28px;
}
@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;
}
.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;
}
.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: #121416;
  margin-bottom: 0;
}
.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;
  color: #838383;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__comment-text p {
    font-size: 15px;
  }
}
.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;
}

.basic-pagination ul li {
  list-style: none;
  display: inline-block;
  margin-right: 14px;
}
@media (max-width: 767px) {
  .basic-pagination ul li {
    margin-right: 5px;
  }
}
.basic-pagination ul li:hover a {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 2px solid var(--tp-common-black);
}
.basic-pagination ul li.active a {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border: 2px solid var(--tp-common-black);
}
.basic-pagination ul li > a {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
  line-height: 49px;
  text-align: center;
  font-weight: 900;
  font-size: 16px;
  color: #071c34;
  border: 2px solid #ededed;
  transform: translateY(3px);
  transition: all 0.3s ease-in-out;
}
.basic-pagination ul li > a.current {
  height: 50px;
  width: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  font-weight: 900;
  font-size: 18px;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  transition: all 0.3s ease-in-out;
  border: none;
}
.basic-pagination.bg-color ul li > a {
  background-color: #f5f5f8;
  border: none;
}
.basic-pagination.bg-color ul li > a.current {
  background-color: #f5f5f8;
}
.basic-pagination.bg-color ul li:hover a {
  background-color: var(--tp-common-black);
}
.basic-pagination.bg-color ul li.active a {
  background-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/
.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-title {
  font-weight: 600;
  font-size: 16px;
  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) {
  .rc__post-title br {
    display: none;
  }
}
.rc__post-title a:hover {
  color: var(--tp-theme-1);
}
.rc__meta span {
  font-weight: 400;
  font-size: 15px;
  color: #888686;
  display: block;
  margin-bottom: 7px;
}
.rc__meta span i {
  margin-right: 3px;
  color: var(--tp-theme-1);
  font-size: 14px;
  font-weight: 500;
}
.rc__post-thumb {
  flex: 0 0 auto;
}

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 30px;
  color: var(--tp-common-black);
  margin-bottom: 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) {
  .sidebar__widget-title {
    font-size: 25px;
  }
}
.sidebar__widget-title::after {
  position: absolute;
  content: "";
  left: 0px;
  height: 21px;
  width: 2px;
  top: 50%;
  background: var(--tp-theme-secondary);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar__widget-gallery {
  position: relative;
}
.sidebar__widget-gallery:hover::after {
  opacity: 1;
  visibility: visible;
}
.sidebar__widget-gallery:hover .sidebar__widget-gallery-icon {
  opacity: 1;
  visibility: visible;
}
.sidebar__widget-gallery::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.sidebar__widget-gallery img {
  width: 100%;
}
.sidebar__widget-gallery-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  visibility: visible;
  transition: 0.3s;
}
.sidebar__widget-gallery-icon span {
  font-size: 16px;
  color: var(--tp-common-white);
}
.sidebar__widget-gallery-wrap {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .sidebar__widget-gallery-wrap {
    margin-right: 0;
  }
}
.sidebar__widget-content ul li {
  list-style-type: none;
}
.sidebar__widget-content ul li:not(:last-child) {
  padding-bottom: 5px;
}
.sidebar__widget-content ul li a {
  font-size: 16px;
  transition: 0.3s;
}
.sidebar__widget-content ul li a:hover {
  color: var(--tp-theme-1);
  text-decoration: underline;
}
.sidebar__widget-content ul li a.active {
  color: var(--tp-theme-1);
  text-decoration: underline;
}
.sidebar__about {
  padding: 37px 0 38px 0;
}
.sidebar__thumb img {
  border-radius: 50%;
  margin-bottom: 20px;
}
.sidebar__content-title {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 6px;
}
.sidebar__content-designation {
  font-weight: 400;
  font-size: 14px;
  color: #727a7d;
  display: block;
  margin-bottom: 13px;
}
.sidebar__content p {
  font-size: 16px;
  color: #838383;
  margin-bottom: 27px;
}
.sidebar__content-social a {
  height: 37px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  display: inline-block;
  border: 1px solid #e8e8e8;
  margin-right: 12px;
}
.sidebar__content-social a i {
  transition: 0.3s;
}
.sidebar__content-social a:hover {
  border: 1px solid var(--tp-theme-1);
  background-color: var(--tp-theme-1);
}
.sidebar__content-social a:hover i {
  color: var(--tp-common-white);
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: var(--tp-common-white);
  padding: 0 30px;
  text-transform: capitalize;
  border: 1px solid #dfdfdf;
  outline: none;
  padding-right: 50px;
}
.sidebar__search input:focus {
  border: 1px solid var(--tp-theme-1);
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 27px;
  height: 100%;
  line-height: 48px;
  color: var(--tp-common-black);
}
.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;
}

@media (max-width: 767px) {
  .tagcloud {
    margin-bottom: 30px;
  }
}
.tagcloud a {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
  text-transform: capitalize;
  padding: 2px 15px;
  margin-right: 5px;
  background-color: #f5f5f8;
  border: 1px solid #f6f3ee;
  margin-bottom: 14px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    padding: 1px 9px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    padding: 1px 10px;
    font-size: 14px;
  }
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}

.author-text h5 {
  font-size: 22px;
  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) {
  .author-text h5 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .author-thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  5.1 blog css
/*----------------------------------------*/
.tp-blog-item:hover .tp-blog-thumb-icon {
  opacity: 1;
  visibility: visible;
}
.tp-blog-item:hover .tp-blog-thumb::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.tp-blog-item:hover .tp-blog-thumb img {
  transform: scale(1.2);
}
.tp-blog-meta span {
  font-weight: 500;
  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-blog-meta span {
    font-size: 14px;
  }
}
.tp-blog-meta span:not(:last-child) {
  margin-right: 38px;
}
.tp-blog-meta span:not(:last-child)::after {
  display: inline-block;
  content: "";
  margin-left: 20px;
  transform: translateY(-2px);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--tp-common-black);
}
.tp-blog-meta-2 {
  position: absolute;
  bottom: 17px;
  left: 20px;
  z-index: 1;
  line-height: 1;
}
.tp-blog-meta-2 span {
  color: var(--tp-common-white);
}
.tp-blog-thumb {
  overflow: hidden;
  position: relative;
}
.tp-blog-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-blog-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 35%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
}
.tp-blog-thumb-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  transform: translate(-50%, -50%);
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
}
.tp-blog-thumb-icon a {
  font-size: 40px;
  color: var(--tp-common-white);
}
.tp-blog-title {
  font-weight: 600;
  font-size: 22px;
  transition: 0.3s;
  margin-bottom: 15px;
  margin-right: 30px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-blog-title {
    font-size: 19px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .tp-blog-title {
    font-size: 20px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-blog-title {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-blog-title {
    font-size: 22px;
  }
}
.tp-blog-title:hover {
  color: var(--tp-theme-1);
}
.tp-blog-text > a {
  font-weight: 600;
  transition: 0.3s;
}
.tp-blog-text > a:hover {
  color: var(--tp-theme-1);
}
.tp-blog-text > a i {
  display: inline-block;
  margin-left: 7px;
  transform: translateY(2px);
}
.tp-blog-text span {
  display: block;
  padding-bottom: 15px;
  color: var(--tp-common-black);
}
.tp-blog-link a {
  font-weight: 600;
  color: var(--tp-theme-1);
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.tp-blog-link a:hover::after {
  width: 112px;
}
.tp-blog-link a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 10px;
  transform: translateY(-50%);
  background-color: var(--tp-theme-1);
  transition: 0.5s;
}
.tp-blog-social-box {
  position: relative;
}
.tp-blog-social-box button {
  height: 34px;
  width: 34px;
  line-height: 39px;
  border-radius: 50%;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-blog-social-box:hover .tp-blog-social {
  opacity: 1;
  visibility: visible;
  left: -105px;
}
.tp-blog-social {
  position: absolute;
  top: 50%;
  left: -90px;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tp-blog-social a {
  font-size: 16px;
  color: var(--tp-common-black);
  transition: 0.3s;
  margin: 0 6px;
}
.tp-blog-social a:hover {
  color: var(--tp-theme-1);
}
.tp-blog-content {
  padding-top: 25px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .tp-blog-content {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.tp-footer-text p {
  font-size: 24px;
  line-height: 1.4;
  padding-right: 30px;
  margin-bottom: 40px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-text p {
    font-size: 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-footer-text p {
    font-size: 15px;
    padding-right: 0;
  }
}
.tp-footer-social a {
  font-size: 18px;
  display: inline-block;
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  margin-right: 10px;
  background-color: #282829;
  color: var(--tp-common-white);
  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-social a {
    font-size: 13px;
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
}
.tp-footer-social a:hover {
  color: var(--tp-theme-1);
}
.tp-footer-title {
  font-weight: 700;
  font-size: 24px;
  margin-top: 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-footer-title {
    font-size: 20px;
  }
}
.tp-footer-list {
  padding-top: 24px;
}
.tp-footer-list ul li {
  list-style-type: none;
  overflow: hidden;
}
.tp-footer-list ul li:not(:last-child) {
  margin-bottom: 2px;
}
.tp-footer-list ul li a {
  color: var(--tp-grey-2);
  position: relative;
  padding-left: 16px;
  margin-left: -16px;
  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-list ul li a {
    font-size: 14px;
  }
}
.tp-footer-list ul li a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 2px;
  width: 10px;
  background-color: var(--tp-theme-1);
}
.tp-footer-list ul li a:hover {
  margin-left: 0;
  color: var(--tp-theme-1);
}
.tp-footer-contact {
  padding-top: 24px;
}
.tp-footer-contact a {
  line-height: 2.2;
  color: var(--tp-grey-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-contact a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-footer-contact a {
    font-size: 14px;
  }
  .tp-footer-contact a br {
    display: none;
  }
}
.tp-footer-border {
  border-bottom: 1px solid #3a3a3a;
  position: relative;
}
.tp-footer-border::after {
  position: absolute;
  content: "";
  top: 0;
  left: 400px;
  height: 100%;
  width: 1px;
  background-color: #3a3a3a;
}
@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-border::after {
    display: none;
  }
}

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

.footer-cols-4 {
  padding-left: 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) {
  .footer-cols-4 {
    padding-left: 0;
  }
}

.tp-copyright-space {
  padding: 33px 0;
}
@media (max-width: 767px) {
  .tp-copyright-left {
    margin-bottom: 20px;
  }
}
.tp-copyright-left p {
  color: var(--tp-grey-2);
  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) {
  .tp-copyright-left p {
    font-size: 14px;
  }
}
.tp-copyright-left p a {
  color: var(--tp-theme-1);
}
.tp-copyright-right a {
  color: var(--tp-grey-2);
  transition: 0.3s;
}
.tp-copyright-right a:hover {
  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-copyright-right a {
    font-size: 14px;
  }
}
.tp-copyright-right span {
  color: var(--tp-grey-2);
  display: inline-block;
  padding: 0 3px;
}
@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-right span {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  7.18 slider css start
/*----------------------------------------*/
.tp-slider-height {
  height: 840px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-height {
    height: 750px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-height {
    height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-height {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-height {
    height: 690px;
  }
}
@media (max-width: 767px) {
  .tp-slider-height {
    height: 600px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-height {
    height: 650px;
  }
}
.tp-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in,
    -webkit-transform 9000ms ease;
}
.tp-slider-overlay {
  position: relative;
}
.tp-slider-overlay::after {
  content: "";
  top: 0;
  left: 0;
  opacity: 0.749;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgb(3, 0, 17);
}
.tp-slider-subtitle {
  font-size: 16px;
  color: var(--tp-common-white);
}
.tp-slider-title {
  font-size: 100px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-title {
    font-size: 71px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-title {
    font-size: 67px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-title {
    font-size: 65px;
    margin-bottom: 30px;
  }
  .tp-slider-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-title {
    font-size: 44px;
    margin-bottom: 30px;
  }
  .tp-slider-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-title {
    font-size: 54px;
    margin-bottom: 30px;
  }
  .tp-slider-title br {
    display: none;
  }
}
.tp-slider-price span {
  font-weight: 500;
  font-size: 18px;
  margin-right: 30px;
  display: inline-block;
  color: var(--tp-common-white);
}
.tp-slider-price span b {
  font-weight: 400;
  font-size: 60px;
  color: var(--tp-theme-1);
  position: relative;
  padding-left: 22px;
  padding-right: 5px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-price span b {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-price span b {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-price span b {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-price span b {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-price span b {
    font-size: 34px;
  }
}
.tp-slider-price span b i {
  font-style: normal;
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 30px;
}
.tp-slider-play-box {
  position: absolute;
  right: 375px;
  top: 355px;
  z-index: 5;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-play-box {
    right: 250px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-play-box {
    right: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-play-box {
    top: 300px;
    right: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-play-box {
    right: 60px;
    top: 290px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-play-box {
    display: none;
  }
}
.tp-slider-play-box a {
  display: block;
  height: 68px;
  line-height: 68px;
  width: 140px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #a19fa4;
  border-radius: 40px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-play-box a {
    height: 50px;
    line-height: 50px;
    width: 120px;
  }
}
.tp-slider-play-box a i {
  color: var(--tp-common-white);
}
.tp-slider-shape-1 {
  position: absolute;
  bottom: 110px;
  left: 370px;
  z-index: 1;
  transform: translateY(100px);
  opacity: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-shape-1 {
    left: 210px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-shape-1 {
    left: 115px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-shape-1 {
    left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-shape-1 {
    bottom: 125px;
    left: 15px;
  }
}
.tp-slider-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: 1;
  transform: translateX(100px);
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-shape-2 {
    right: -3%;
    bottom: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-shape-2 {
    right: -3%;
    bottom: -19%;
  }
}
@media (max-width: 767px) {
  .tp-slider-shape-2 {
    right: -15%;
    bottom: -20%;
  }
}
.tp-slider-shape-3 {
  position: absolute;
  top: 300px;
  right: 500px;
  z-index: 1;
  animation: tpswing 1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-shape-3 {
    right: 400px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-shape-3 {
    top: 250px;
    right: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-shape-3 {
    top: 200px;
    right: 300px;
  }
}
.tp-slider-arrow-box {
  position: absolute;
  left: 120px;
  top: 355px;
  z-index: 5;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-arrow-box {
    left: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-arrow-box {
    left: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-arrow-box {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-arrow-box {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-arrow-box {
    display: none;
  }
}
.tp-slider-arrow-box button {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-slider-arrow-box button.slider-next {
  margin-bottom: 10px;
}
.tp-slider-arrow-box button.active {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.tp-slider-title-box {
  opacity: 0;
  z-index: 3;
  position: relative;

}
.tp-slider-button {


}
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-bg {

}
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-title-box {

}
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-button {

}
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape-1 {

}
.tp-slider-wrapper .swiper-slide.swiper-slide-active .tp-slider-shape-2 {

}

.tp-slider-2-height {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-height {
    height: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-height {
    height: 740px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-height {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-height {
    height: 680px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-height {
    height: 640px;
  }
}
.tp-slider-2-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}

.tp-slider-2-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(115, 20, 139, 0.363);  */
  z-index: 1;
}

.tp-slider-2-subtitle {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 20px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-slider-2-subtitle {
    font-size: 16px;
  }
}
.tp-slider-2-title {
  font-size: 120px;
  line-height: 1;
  padding-bottom: 14px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-2-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-title {
    font-size: 95px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-title {
    font-size: 91px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-2-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-title {
    font-size: 53px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-2-title {
    font-size: 57px;
  }
}
.tp-slider-2-title-box {
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
}
.tp-slider-2-title-box span {
  font-weight: 600;
  font-size: 24px;
  color: #a5a5a5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-title-box span {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-2-title-box span {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-2-title-box span {
    font-size: 17px;
  }
}
.tp-slider-2-title-box span i {
  font-style: normal;
  display: inline-block;
  margin-left: 20px;
}
.tp-slider-2-button {
  transform: translateY(150px);
  opacity: 0;
}
.tp-slider-2-button span {
  font-weight: 600;
  font-size: 18px;
  color: var(--tp-common-white);
}
.tp-slider-2-button span i {
  font-size: 16px;
  color: var(--tp-theme-1);
  margin-right: 10px;
  display: inline-block;
}
.tp-slider-2-button span:not(:last-child) {
  margin-right: 35px;
}
@media (max-width: 767px) {
  .tp-slider-2-button a {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tp-slider-2-button {
    flex-wrap: wrap;
  }
}
.tp-slider-2-video-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 10px;
  padding-right: 70px;
  padding-bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
@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-slider-2-video-wrap {
    padding-right: 0;
  }
}
.tp-slider-2-video-thumb {
  margin-right: 60px;
}
.tp-slider-2-video-play {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
}
.tp-slider-2-video-play a {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
  position: relative;
}
.tp-slider-2-video-play a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 65%;
  height: 65%;
  background-color: rgba(255, 255, 255, 0.671);
  animation: borderanimate2 2.5s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.tp-slider-2-video-play a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.405);
  animation: borderanimate2 2.3s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.tp-slider-2-video-play a i {
  display: inline-block;
  padding-left: 4px;
}
.tp-slider-2-shape-1 {
  position: absolute;
  right: 265px;
  bottom: 185px;
  z-index: 1;
  animation: tpswing 1s forwards infinite alternate;
}
.tp-slider-2-arrow-box {
  position: absolute;
  left: 360px;
  bottom: 65px;
  z-index: 5;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-2-arrow-box {
    left: 210px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-2-arrow-box {
    left: 115px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-2-arrow-box {
    left: 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-slider-2-arrow-box {
    display: none;
  }
}
.tp-slider-2-arrow-box button {
  font-size: 34px;
  transition: 0.3s;
  color: #a5a5a5;
}
.tp-slider-2-arrow-box button.slider-next {
  padding-right: 50px;
}
.tp-slider-2-arrow-box button.active {
  color: var(--tp-common-white);
}
.tp-slider-2-wrapper .swiper-slide.swiper-slide-active .tp-slider-2-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}
.tp-slider-2-wrapper .swiper-slide.swiper-slide-active .tp-slider-2-title-box {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.tp-slider-2-wrapper .swiper-slide.swiper-slide-active .tp-slider-2-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}

.tp-slider-3-height {
  height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-height {
    height: 770px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-height {
    height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-height {
    height: 680px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-height {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-height {
    height: 580px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-content p {
    font-size: 14px;
    padding-right: 60px;
  }
  .tp-slider-3-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-content p {
    font-size: 15px;
    padding-right: 170px;
  }
  .tp-slider-3-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-content p {
    font-size: 14px;
  }
  .tp-slider-3-content p br {
    display: none;
  }
}
.tp-slider-3-title {
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-title {
    font-size: 73px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-title {
    font-size: 65px;
  }
  .tp-slider-3-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-title {
    font-size: 38px;
  }
  .tp-slider-3-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-3-title {
    font-size: 46px;
  }
}
.tp-slider-3-title-box {
  opacity: 0;
  z-index: 3;
  position: relative;
  transform: translateY(-150px);
}
.tp-slider-3-thumb-1 {
  position: absolute;
  bottom: -100px;
  right: 450px;
  z-index: 1;
  transform: translateX(-70px);
  opacity: 0;
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-thumb-1 {
    right: 350px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-thumb-1 {
    right: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-thumb-1 {
    right: 200px;
    bottom: -150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-thumb-1 {
    right: 130px;
    bottom: -150px;
  }
}
.tp-slider-3-thumb-2 {
  position: absolute;
  bottom: 0;
  right: 0px;
  transform: translateX(500px);
  opacity: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-thumb-2 {
    right: -6%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-thumb-2 {
    right: -16%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-thumb-2 {
    right: -19%;
    bottom: -9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-thumb-2 {
    right: -28%;
    bottom: -17%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-3-thumb-2 {
    position: static;
    transform: translateX(0px);
    opacity: 1;
  }
}
.tp-slider-3-big-text {
  position: absolute;
  top: 120px;
  left: 235px;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-big-text {
    left: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-big-text {
    left: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-big-text {
    left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-big-text {
    left: 0px;
    top: 80px;
  }
}
.tp-slider-3-big-text h5 {
  font-size: 200px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1px #e3e3e6;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-big-text h5 {
    font-size: 190px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-big-text h5 {
    font-size: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-big-text h5 {
    font-size: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-big-text h5 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-big-text h5 {
    font-size: 150px;
  }
}
.tp-slider-3-social {
  position: absolute;
  top: 50%;
  left: -1%;
  z-index: 2;
  transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-social {
    left: -4%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-social {
    left: -6%;
  }
}
.tp-slider-3-social a {
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-slider-3-social a:hover {
  color: var(--tp-theme-1);
}
.tp-slider-3-social a:not(:last-child) {
  margin-right: 35px;
}
.tp-slider-3-social a i {
  margin-left: 10px;
  display: inline-block;
  transform: translateY(3px);
}
.tp-slider-3-button-box {
  transform: translateY(150px);
  opacity: 0;
}
@media (max-width: 767px) {
  .tp-slider-3-button-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-button-box a {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-3-button-box a {
    margin-bottom: 0;
    margin-right: 40px;
  }
}
.tp-slider-3-shape-1 {
  position: absolute;
  left: -5%;
  bottom: 0%;
  animation: tptranslateX2 4s infinite alternate;
}
.tp-slider-3-shape-2 {
  position: absolute;
  top: 90px;
  right: 760px;
  animation: tpswing 1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-shape-2 {
    right: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-shape-2 {
    right: 560px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-shape-2 {
    right: 490px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slider-3-shape-2 {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-shape-2 {
    right: 0px;
    top: 70px;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-shape-2 img {
    width: 60%;
  }
}
.tp-slider-3-shape-3 {
  position: absolute;
  bottom: 0;
  right: 725px;
  opacity: 0;
  transform: translateX(-150px);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-3-shape-3 {
    right: 640px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-3-shape-3 {
    right: 560px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-3-shape-3 {
    right: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-3-shape-3 {
    right: 400px;
    bottom: -3%;
  }
}
.tp-slider-3-shape-4 {
  position: absolute;
  top: 30%;
  right: 0%;
  opacity: 0;
  transform: translateX(550px);
}
@media (max-width: 767px) {
  .tp-slider-3-shape-4 {
    top: 50%;
    right: -20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-3-shape-4 {
    top: 37%;
    right: -10%;
  }
}
@media (max-width: 767px) {
  .tp-slider-3-shape-4 img {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slider-3-shape-4 img {
    width: 90%;
  }
}
.tp-slider-3-wrapper .swiper-slide.swiper-slide-active .tp-slider-3-title-box {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.tp-slider-3-wrapper .swiper-slide.swiper-slide-active .tp-slider-3-button-box {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.tp-slider-3-wrapper .swiper-slide.swiper-slide-active .tp-slider-3-thumb-1 {
  opacity: 1;
  transform: translate(0);
  transition-delay: 2800ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}
.tp-slider-3-wrapper .swiper-slide.swiper-slide-active .tp-slider-3-thumb-2 {
  opacity: 1;
  transform: translate(0);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}
.tp-slider-3-wrapper .swiper-slide.swiper-slide-active .tp-slider-3-shape-3 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 6000ms;
  transition: transform 6000ms ease, opacity 6000ms ease, color 500ms ease,
    background 500ms ease;
}
.tp-slider-3-wrapper .swiper-slide.swiper-slide-active .tp-slider-3-shape-4 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 2000ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}

.tp-slider-dots {
  position: absolute;
  left: 510px;
  bottom: 75px;
  z-index: 5;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-slider-dots {
    left: 380px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-dots {
    left: 250px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-dots {
    left: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-dots {
    display: none;
  }
}
.tp-slider-dots .swiper-pagination-bullet {
  width: 30px;
  height: 2px;
  display: inline-block;
  opacity: 1;
  margin: 0px 5px;
  transition: 0.3s;
  background-color: #a5a5a5;
  border-radius: 0;
}
.tp-slider-dots .swiper-pagination-bullet-active {
  height: 4px;
  background-color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  7.9 feature css start
/*----------------------------------------*/
.tp-feature-item {
  padding: 40px;
  transition: 0.5s;
  overflow: hidden;
  position: relative;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-feature-item {
    padding: 40px 20px;
  }
}
.tp-feature-item.active {
  background-color: var(--tp-common-black);
}
.tp-feature-item.active .tp-feature-title {
  color: var(--tp-common-white);
}
.tp-feature-item.active .tp-feature-icon span {
  color: var(--tp-common-white);
}
.tp-feature-item.active .tp-feature-arrow a.red {
  opacity: 0;
  visibility: hidden;
}
.tp-feature-item-shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.tp-feature-item-shape img {
  width: 100%;
}
.tp-feature-icon > span {
  font-size: 47px;
  display: inline-block;
  margin-bottom: 20px;
  color: var(--tp-theme-1);
  transition: 0.5s;
}
.tp-feature-title {
  font-size: 22px;
  margin-bottom: 10px;
  transition: 0.5s;
}
@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: 19px;
  }
}
.tp-feature-text p {
  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-feature-text p {
    font-size: 14px;
  }
}
.tp-feature-arrow {
  position: relative;
  z-index: 1;
}
.tp-feature-arrow a {
  font-size: 32px;
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-feature-arrow a.red {
  color: var(--tp-theme-1);
}
.tp-feature-arrow a:hover {
  color: var(--tp-theme-1);
}

.tp-feature-2-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-feature-2-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
}
.tp-feature-2-item:hover .tp-feature-2-icon a {
  color: var(--tp-common-white);
}
.tp-feature-2-item:hover .tp-feature-2-icon a::after {
  transform: scaleX(1) rotateX(0deg);
  transition: all 0.4s linear;
  opacity: 1;
}
.tp-feature-2-icon a {
  display: inline-block;
  font-size: 60px;
  padding: 45px 15px;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: 0px 0px 40px 0px rgba(30, 22, 22, 0.06);
  transition: all 0.3s linear;
}
@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-2-icon a {
    font-size: 50px;
  }
}
.tp-feature-2-icon a i {
  position: relative;
  z-index: 1;
}
.tp-feature-2-icon a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--tp-common-black);
  transform: scaleX(0.3) rotateX(20deg);
  opacity: 0;
  transition: all 0.3s linear;
}
.tp-feature-2-title {
  font-weight: 700;
  font-size: 22px;
  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) {
  .tp-feature-2-title {
    font-size: 18px;
  }
}

.tp-feature-3-top {
  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-feature-3-top {
    margin-left: 0;
  }
}
.tp-feature-3-top 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) {
  .tp-feature-3-top p {
    font-size: 14px;
  }
}
.tp-feature-3-item {
  margin-bottom: 90px;
  padding-right: 40px;
}
.tp-feature-3-item.mb {
  margin-bottom: 15px;
}
.tp-feature-3-item:hover .tp-feature-3-icon span {
  color: var(--tp-common-white);
}
.tp-feature-3-item:hover .tp-feature-3-icon span::after {
  transform: scale(1);
}
.tp-feature-3-icon span {
  font-size: 44px;
  margin-right: 20px;
  height: 80px;
  width: 80px;
  line-height: 90px;
  text-align: center;
  color: var(--tp-common-black);
  display: inline-block;
  transition: 0.3s;
  position: relative;
  background-color: var(--tp-grey-1);
  border-radius: 50%;
  transition: 0.5s;
}
@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-3-icon span {
    font-size: 35px;
    margin-right: 20px;
    height: 70px;
    width: 70px;
    line-height: 78px;
  }
}
.tp-feature-3-icon span::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
  background-color: var(--tp-theme-1);
}
.tp-feature-3-icon span i {
  position: relative;
  z-index: 1;
}
.tp-feature-3-text p {
  line-height: 26px;
  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) {
  .tp-feature-3-text p {
    font-size: 14px;
  }
}
.tp-feature-3-title {
  font-size: 22px;
  margin-bottom: 3px;
}
@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-3-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tp-feature-3-title-box {
    margin-bottom: 30px;
  }
}
.tp-feature-3-title-wrap {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .tp-feature-3-title-wrap {
    margin-bottom: 50px;
  }
}
.tp-feature-3-thumb {
  position: relative;
}
.tp-feature-3-thumb-box {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-feature-3-thumb-box {
    width: 58%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-thumb-box {
    width: 58%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-thumb-box {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-3-thumb-box {
    width: 63%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-feature-3-thumb-box {
    position: static;
    margin-bottom: 50px;
  }
}
.tp-feature-3-thumb img {
  max-width: inherit;
  background-position: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-feature-3-thumb img {
    width: 100%;
  }
}
.tp-feature-3-thumb::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  background-color: rgb(25, 26, 27);
  opacity: 0.6;
}
.tp-feature-3-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.tp-feature-3-play a {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  position: relative;
}
.tp-feature-3-play a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.432);
  animation: borderanimate2 2.5s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.tp-feature-3-play a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid var(--tp-common-white);
  animation: borderanimate2 2.5s linear infinite;
  border-radius: 50%;
}
.tp-feature-3-funfact-wrap {
  position: absolute;
  top: -75px;
  left: 60px;
  z-index: 3;
  animation: tptranslateX2 4s infinite alternate;
}
.tp-feature-3-funfact-wrap ul {
  background-color: var(--tp-theme-1);
  padding: 47px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-3-funfact-wrap ul {
    padding: 40px 20px;
    padding-right: 60px;
  }
}
.tp-feature-3-funfact-wrap ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.tp-feature-3-funfact-wrap ul li:not(:last-child) {
  margin-right: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-funfact-wrap ul li:not(:last-child) {
    margin-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-3-funfact-wrap ul li:not(:last-child) {
    margin-right: 40px;
  }
}
.tp-feature-3-funfact-wrap ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  top: -15px;
  right: -60px;
  height: 90px;
  width: 1px;
  background-color: #ffa2b6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-funfact-wrap ul li:not(:last-child)::after {
    top: -25px;
    right: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-feature-3-funfact-wrap ul li:not(:last-child)::after {
    display: none;
  }
}
.tp-feature-3-funfact i {
  font-weight: 700;
  font-size: 60px;
  color: var(--tp-common-white);
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  width: 115px;
  text-align: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-3-funfact i {
    font-size: 40px;
    width: 90px;
  }
}
.tp-feature-3-funfact span {
  font-weight: 500;
  font-size: 16px;
  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) {
  .tp-feature-3-funfact span {
    line-height: 1;
  }
}
.tp-feature-3-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-shape-1 {
    display: none;
  }
}
.tp-feature-3-shape-2 {
  position: absolute;
  top: -178px;
  right: 0;
  animation: zoom 9s infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-feature-3-shape-2 {
    top: -100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-shape-2 {
    top: -80px;
  }
}
.tp-feature-3-shape-3 {
  position: absolute;
  left: 220px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-feature-3-shape-3 {
    left: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-shape-3 {
    left: 100px;
  }
}
.tp-feature-3-shape-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  animation: tptranslateY2 4s infinite alternate;
}
.tp-feature-3-shape-5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-shape-5 {
    left: -9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-shape-5 {
    left: -28%;
  }
}
.tp-feature-3-shape-6 {
  position: absolute;
  bottom: 0;
  left: 90px;
  z-index: 1;
  animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-shape-6 {
    left: 6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-shape-6 {
    left: -8%;
  }
}
.tp-feature-3-wrap {
  position: relative;
}
.tp-feature-3-wrap::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 15%;
  position: absolute;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-feature-3-wrap::after {
    display: none;
  }
}
.tp-feature-3-wrap .tp-feature-3-title {
  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-feature-3-wrap .tp-feature-3-title {
    font-size: 19px;
  }
}
.tp-feature-3-wrap .tp-feature-3-text p {
  color: #a5a5a5;
}
.tp-feature-3-wrap .tp-feature-3-item {
  margin-bottom: 40px;
}
.tp-feature-3-wrap .tp-feature-3-item.mb {
  margin-bottom: 0;
}
.tp-feature-3-wrap .tp-feature-3-text p {
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-3-wrap .tp-feature-3-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-feature-3-wrap .tp-feature-3-text p {
    font-size: 14px;
    padding-right: 0;
  }
}
.tp-feature-3-content {
  transform: translateX(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-feature-3-content {
    transform: translateX(0px);
  }
}
.tp-feature-3-bg {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-feature-3-bg {
    width: 51%;
    height: 575px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-bg {
    width: 51%;
    height: 590px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-bg {
    width: 51%;
    height: 590px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-3-bg {
    width: 46%;
    height: 590px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-feature-3-bg {
    position: static;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-feature-3-bg > img {
    height: 575px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-bg > img {
    height: 590px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-bg > img {
    height: 590px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-3-bg > img {
    height: 590px;
  }
}
.tp-feature-3-bg::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.2;
}
.tp-feature-3-price {
  position: absolute;
  left: 375px;
  bottom: 48px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-feature-3-price {
    left: 305px;
    bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-price {
    left: 250px;
    bottom: 30px;
  }
}
.tp-feature-3-price-icon span {
  font-size: 64px;
  display: inline-block;
  margin-right: 25px;
  color: var(--tp-common-white);
}
.tp-feature-3-price-text span {
  font-weight: 700;
  font-size: 26px;
  color: var(--tp-theme-1);
  display: block;
  padding-bottom: 8px;
}
.tp-feature-3-price-text span i {
  font-weight: 400;
  font-size: 16px;
  color: #a5a5a5;
  font-style: normal;
}
.tp-feature-3-price-text p {
  font-weight: 700;
  font-size: 26px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-3-price-text p {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-feature-3-item {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-feature-3-item {
    padding-right: 0;
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  7.1 about css start
/*----------------------------------------*/
.tp-about-right {
  margin-top: -8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-right {
    margin-left: -30px;
  }
}
@media (max-width: 767px) {
  .tp-about-left {
    margin-bottom: 50px;
  }
}
.tp-about-main-thumb {
  margin-left: 75px;
  display: inline-block;
  overflow: hidden;
}
.tp-about-main-thumb:hover img {
  transform: scale(1.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-main-thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-main-thumb {
    margin-left: 0;
    margin-bottom: 150px;
    display: block;
  }
}
@media (max-width: 767px) {
  .tp-about-main-thumb {
    margin-left: 0;
    margin-bottom: 20px;
    display: block;
  }
}
.tp-about-main-thumb img {
  transition: 1s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-main-thumb img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .tp-about-main-thumb img {
    width: 100%;
  }
}
.tp-about-thumb-sm {
  position: absolute;
  left: -190px;
  bottom: -100px;
  z-index: 1;
  animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-thumb-sm {
    left: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-thumb-sm {
    left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-thumb-sm {
    left: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-thumb-sm {
    left: 0px;
  }
}
@media (max-width: 767px) {
  .tp-about-thumb-sm {
    margin-top: 30px;
    position: static;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-thumb-sm img {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-thumb-sm img {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-thumb-sm img {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-thumb-sm img {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .tp-about-thumb-sm img {
    width: 100%;
  }
}
.tp-about-thumb-text {
  position: absolute;
  top: 31%;
  left: -30%;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-thumb-text {
    left: -24%;
  }
}
.tp-about-thumb-text span {
  font-weight: 700;
  font-size: 100px;
  line-height: 1;
  background: linear-gradient(
    90.07deg,
    rgb(16, 16, 17) 22.43%,
    rgb(255, 23, 73) 90.79%,
    rgb(255, 23, 73) 105.32%
  );
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-text p {
    font-size: 14px;
  }
}
.tp-about-item {
  padding: 30px 29px;
  transition: 0.3s;
  border: 1px dashed transparent;
}
@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-item {
    padding: 20px;
  }
}
.tp-about-item:hover {
  border: 1px dashed var(--tp-theme-1);
}
.tp-about-item.active {
  border: 1px dashed var(--tp-theme-1);
}
.tp-about-item-box {
  margin-left: -30px;
  border: 1px dashed #efefef;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-item-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-about-item-box {
    margin-left: 0;
    flex-wrap: wrap;
  }
}
.tp-about-item p {
  line-height: 26px;
  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) {
  .tp-about-item p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .tp-about-wrap {
    margin-left: 0;
    flex-wrap: wrap;
  }
}
.tp-about-title-sm {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-title-sm {
    font-size: 18px;
  }
}
.tp-about-icon span {
  font-size: 30px;
  height: 60px;
  width: 60px;
  line-height: 67px;
  text-align: center;
  border-radius: 50%;
  margin-right: 17px;
  box-shadow: 0px 0px 20px 0px rgba(30, 22, 22, 0.08);
  display: inline-block;
  color: var(--tp-theme-1);
}
.tp-about-icon-text span {
  display: block;
  font-weight: 600;
}
@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-icon-text span {
    font-size: 14px;
  }
}
.tp-about-icon-text a {
  font-weight: 600;
  font-size: 18px;
  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-icon-text a {
    font-size: 14px;
  }
}
.tp-about-button {
  padding-left: 50px;
  line-height: 0;
}
@media (max-width: 767px) {
  .tp-about-button {
    padding-left: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-button {
    padding-left: 40px;
    margin-top: 0px;
  }
}
.tp-about-button-box {
  line-height: 0;
  margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-button-box {
    margin-right: 35px;
  }
}
.tp-about-shape-1 {
  position: absolute;
  bottom: -150px;
  right: 98px;
  animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-shape-1 {
    right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-shape-1 img {
    max-width: 70%;
  }
}
.tp-about-shape-2 {
  position: absolute;
  bottom: 145px;
  right: -60px;
  animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-shape-2 {
    right: -120px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-about-contact {
    margin-right: 50px;
  }
}

.tp-about-2-thumb {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-about-2-thumb {
    left: -6%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-2-thumb {
    left: -14%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-2-thumb {
    left: -21%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-2-thumb {
    left: -36%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-2-thumb {
    position: static;
  }
}
.tp-about-2-right {
  padding-top: 55px;
  padding-bottom: 65px;
  transform: translateX(71px);
}
@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-2-right {
    transform: translateX(0px);
  }
}
.tp-about-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0px;
}

.tp-about-3-content {
  margin-right: 145px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-content {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3-content {
    margin-right: 220px;
  }
}
@media (max-width: 767px) {
  .tp-about-3-content {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-about-3-content {
    margin-right: 75px;
  }
}
.tp-about-3-right-box {
  transform: translateX(60px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-right-box {
    transform: translateX(-12px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-3-right-box {
    transform: translateX(0px);
  }
}
.tp-about-3-right-box .tp-about-wrap {
  border-top: 1px solid #e9e9e9;
  padding-top: 50px;
}
@media (max-width: 767px) {
  .tp-about-3-icon {
    margin-bottom: 30px;
  }
}
.tp-about-3-icon span {
  font-size: 50px;
  display: inline-block;
  margin-right: 24px;
  color: var(--tp-theme-1);
}
.tp-about-3-icon h6 {
  font-size: 22px;
  line-height: 1;
  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) {
  .tp-about-3-icon h6 {
    font-size: 19px;
  }
}
.tp-about-3-list-box {
  margin-right: 20px;
  padding-bottom: 25px;
  position: relative;
}
.tp-about-3-list-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 47%;
  height: 100%;
  width: 1px;
  background-color: #e9e9e9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-about-3-list-box::after {
    left: 49%;
  }
}
@media (max-width: 767px) {
  .tp-about-3-list-box::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-about-3-list {
    margin-bottom: 20px;
  }
}
.tp-about-3-list span {
  font-weight: 700;
  font-size: 22px;
  color: var(--tp-common-black);
  display: block;
  padding-bottom: 20px;
  font-family: var(--tp-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-3-list span {
    font-size: 19px;
  }
}
.tp-about-3-list ul li {
  list-style-type: none;
}
.tp-about-3-list ul li:not(:last-child) {
  padding-bottom: 2px;
}
.tp-about-3-list ul li i {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  color: var(--tp-common-black);
}
.tp-about-3-thumb img {
  max-width: inherit;
  transform: translateX(-20%);
  border-radius: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-about-3-thumb img {
    max-width: 197%;
    transform: translateX(-11%);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3-thumb img {
    max-width: 193%;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-3-thumb img {
    max-width: 100%;
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-3-thumb img {
        width: 100%;
        transform: translateY(-15px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-about-3-thumb-box {
    text-align: center;
    margin-bottom: 50px;
  }
}
.tp-about-3-shape-1 {
  position: absolute;
  bottom: 70px;
  left: 0;
  animation: moving 9s linear infinite;
}
.tp-about-3-shape-2 {
  position: absolute;
  bottom: 0;
  right: 70px;
  animation: tptranslateX2 4s infinite alternate;
}
.tp-about-3-shape-3 {
  position: absolute;
  bottom: 0;
  right: 95px;
  z-index: 1;
  animation: tptranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3-shape-3 {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .tp-about-3-shape-3 {
    right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-about-3-shape-3 img {
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .tp-about-3-shape-3 img {
    max-width: 50%;
  }
}

/*----------------------------------------*/
/*  7.19 solution css start
/*----------------------------------------*/
.tp-solution-wrap {
  padding: 60px 115px;
  padding-top: 0;
  background-color: var(--tp-common-white);
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-solution-wrap {
    padding: 60px 60px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-solution-wrap {
    padding: 60px 49px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-solution-wrap {
    padding: 60px 40px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .tp-solution-wrap {
    padding: 60px 20px;
    padding-top: 0;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-solution-item {
    text-align: center;
  }
}
.tp-solution-item:hover .tp-solution-icon span::after {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.tp-solution-icon span {
  font-size: 68px;
  display: inline-block;
  color: var(--tp-common-black);
  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-solution-icon span {
    font-size: 55px;
  }
}
.tp-solution-icon span::after {
  content: "";
  top: -60px;
  left: -60px;
  height: 190px;
  width: 190px;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: scale(0);
  background-color: var(--tp-grey-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-solution-icon span::after {
    height: 180px;
    width: 180px;
    left: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-solution-icon span::after {
    height: 120px;
    width: 120px;
    left: -32px;
    top: -31px;
  }
}
.tp-solution-title {
  font-size: 22px;
  margin-bottom: 5px;
  transition: 0.3s;
}
.tp-solution-title:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-solution-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-solution-title {
    font-size: 18px;
  }
}
@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-solution-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-solution-text p {
    padding-right: 30px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-solution-text p {
    font-size: 14px;
    padding-right: 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-solution-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-solution-text p {
    padding: 0 120px;
  }
}
.tp-solution-link a {
  font-weight: 600;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-solution-link a:hover {
  color: var(--tp-theme-1);
}

/*----------------------------------------*/
/*  7.14 price css start
/*----------------------------------------*/
.tp-price-logo {
  display: flex;
  justify-content: center; /* Centers the image */
  align-items: center;
}

.tp-price-logo img {
  width: 100%; /* Ensures it scales to container */
  max-width: 150px; /* Adjust based on design */
  height: auto; /* Maintains aspect ratio */
  border-radius: 10px; /* Adds rounded corners */
  display: block;
}

/* Tablet & Mobile */
@media only screen and (max-width: 991px) {
  .tp-price-logo {
    margin-bottom: 80px;
  }

  .tp-price-logo img {
    display: none;
    max-width: 150px; /* Slightly smaller on smaller screens */
  }
}

/* Mobile */
@media only screen and (max-width: 480px) {
  .tp-price-logo img {
    max-width: 100px; /* Even smaller for compact screens */
  }
}

@media (max-width: 767px) {
  .tp-price-title-box {
    margin-bottom: 30px;
  }
}
.tp-price-item {
  padding: 55px 60px;
  margin: 0 -60px;
    background-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) {
  .tp-price-item {
    padding: 55px 30px;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-price-item {
    padding: 55px 20px;
    margin: 0;
    /* flex-wrap: wrap; */
  }
}
@media (max-width: 767px) {
  .tp-price-item {
    padding: 55px 20px;
    margin: 0;
    /* flex-wrap: wrap; */
  }
}
.tp-price-item.active {
  box-shadow: 0px 24px 60px 0px rgba(30, 22, 22, 0.06);
}
.tp-price-info-box {
  margin-left: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-info-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-price-info-box {
    margin-bottom: 50px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-price-info-box {
    flex-wrap: wrap;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tp-price-info {
    margin-bottom: 35px;
  }
}
.tp-price-info-title {
  font-size: 22px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-price-info-title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-price-info-title {
    font-size: 18px;
  }
}
@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-info-title {
    font-size: 16px;
  }
}
.tp-price-info-bottom .mb {
  font-weight: 700;
  font-size: 22px;
  margin-right: 25px;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-price-info-bottom .mb {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-price-info-bottom .mb {
    font-size: 18px;
  }
}
@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-info-bottom .mb {
    font-size: 16px;
  }
}
.tp-price-info-icon a {
  font-size: 16px;
  display: inline-block;
  height: 35px;
  line-height: 39px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: 0px 0px 20px 0px rgba(30, 22, 22, 0.08);
}
.tp-price-info-icon a:not(:last-child) {
  margin-right: 5px;
}
.tp-price-info-number {
  font-size: 50px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-price-info-number {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-price-info-number {
    font-size: 34px;
  }
}
@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-info-number {
    font-size: 26px;
  }
}
.tp-price-info p {
  margin-bottom: 0;
  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-price-info p {
    font-size: 14px;
  }
}
.tp-price-info > i {
  display: block;
  font-weight: 500;
  font-style: normal;
  color: var(--tp-common-black);
  line-height: 1.6;
}
.tp-price-info span {
  display: 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-price-info span {
    font-size: 14px;
  }
}
.tp-price-info:first-child {
  margin-right: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-info:first-child {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .tp-price-info:first-child {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-price-info:first-child {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-price-info:first-child {
    margin-right: 45px;
  }
}
.tp-price-info:nth-child(2) {
  margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-info:nth-child(2) {
    margin-right: 25px;
  }
}
@media (max-width: 767px) {
  .tp-price-info:nth-child(2) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-price-info:nth-child(2) {
    margin-right: 20px;
  }
}
.tp-price-offer {
  position: absolute;
  top: 0;
  left: 60px;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-price-offer {
    left: 0;
  }
}
.tp-price-offer > span {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding: 6px 25px;
  line-height: 1;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-price-offer > span {
    font-size: 12px;
  }
}
.tp-price-tab {
  border: 1px solid #e5e5e5;
  display: inline-block;
}
@media (max-width: 767px) {
  .tp-price-tab {
    border: none;
  }
}
.tp-price-tab button {
  font-weight: 600;
  font-size: 16px;
  padding: 0 37px;
  height: 60px;
  line-height: 60px;
  color: var(--tp-common-black);
  border: 1px solid transparent;
  transition: 0.3s;
  width: 100%;
}
.tp-price-tab button:hover {
  border: 1px solid var(--tp-theme-1);
  color: var(--tp-theme-1);
}
.tp-price-tab button.active {
  border: 1px solid var(--tp-theme-1);
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-tab button {
    font-size: 15px;
    padding: 0 27px;
    height: 53px;
    line-height: 53px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-price-tab button {
    font-size: 13px;
    padding: 0 19px;
    height: 53px;
    line-height: 53px;
  }
}
@media (max-width: 767px) {
  .tp-price-tab button {
    font-size: 13px;
    padding: 0 19px;
    height: 53px;
    line-height: 53px;
    border: 1px solid #e5e5e5;
    margin: 0 5px;
    margin-bottom: 15px;
    width: auto;
  }
}
.tp-price-shape-1 {
  position: absolute;
  bottom: 22%;
  left: 47%;
}

.tp-price-2-item {
  padding: 60px;
  padding-top: 55px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 80px 0px rgba(18, 14, 14, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-2-item {
    padding: 60px 30px;
    padding-top: 55px;
  }
}
@media (max-width: 767px) {
  .tp-price-2-item {
    padding: 60px 30px;
    padding-top: 55px;
  }
}
.tp-price-2-item.active {
  background-color: var(--tp-common-black);
}
.tp-price-2-item.active .tp-price-2-top h5 {
  color: var(--tp-common-white);
}
.tp-price-2-item.active .tp-price-2-top span {
  color: #a5a5a5;
}
.tp-price-2-item.active .tp-price-2-rate {
  color: var(--tp-common-white);
}
.tp-price-2-item.active .tp-price-2-icon span:not(:first-child)::before {
  background-color: var(--tp-common-white);
}
.tp-price-2-top h5 {
  font-size: 22px;
  margin-bottom: 3px;
  font-weight: bolder;
}
.tp-price-2-rate {
  font-size: 50px;
}
.tp-price-2-list ul li {
  list-style-type: none;
  position: relative;
}
.tp-price-2-list ul li:not(:last-child) {
  margin-bottom: 2px;
}
.tp-price-2-list ul li::before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-right: 16px;
  transform: translateY(-3px);
  background-color: var(--tp-theme-1);
}
.tp-price-2-icon span {
  font-size: 24px;
  height: 55px;
  width: 55px;
  line-height: 63px;
  border-radius: 50%;
  text-align: center;
  background-color: #f5f5f8;
  color: var(--tp-common-black);
  display: inline-block;
  position: relative;
}
.tp-price-2-icon span:not(:last-child) {
  margin-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-price-2-icon span:not(:last-child) {
    margin-right: 30px;
  }
}
.tp-price-2-icon span:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  width: 20px;
  height: 1px;
  transform: translateY(-50%);
  background-color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-price-2-icon span:not(:first-child)::before {
    left: -29px;
  }
}
.tp-price-2-offer-box {
  position: absolute;
  right: -18.2%;
  top: 10%;
  transform: rotate(-90deg);
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-price-2-offer-box {
    right: -22.2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-price-2-offer-box {
    right: -19.2%;
  }
}
@media (max-width: 767px) {
  .tp-price-2-offer-box {
    right: -22.2%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tp-price-2-offer-box {
    display: none;
  }
}
.tp-price-2-offer span {
  font-weight: 600;
  font-size: 14px;
  padding: 0px 30px;
  display: inline-block;
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-price-2-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*----------------------------------------*/
/*  7.12 movie css start
/*----------------------------------------*/
.tp-movie-bg {
  margin-top: -155px;
  padding-top: 265px;
  padding-bottom: 115px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.tp-movie-bg::after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgb(3, 0, 17);
  opacity: 0.8;
}
.tp-movie-bg-2 {
  position: relative;
}
.tp-movie-bg-2::after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgb(0, 0, 0);
  opacity: 0.702;
}
.tp-movie-item {
  overflow: hidden;
}
.tp-movie-item:hover .tp-movie-thumb img {
  transform: scale(1.2) rotate(-2deg);
}
.tp-movie-item:hover .tp-movie-thumb::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-movie-item:hover .tp-movie-shape {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.tp-movie-item:hover .tp-movie-play {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  transition-delay: 300ms;
  opacity: 1;
  visibility: visible;
}
.tp-movie-thumb {
  overflow: hidden;
  position: relative;
}
.tp-movie-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  transition: 0.5s all ease;
  background-color: rgba(16, 16, 17, 0.4);
}
.tp-movie-thumb img {
  width: 100%;
  transition: 0.9s;
}
.tp-movie-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: scale(0) translate(-50%, -50%);
  transform: scale(0) translate(-50%, -50%);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  transition-delay: 0s;
  transition-delay: 0s;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
}
.tp-movie-play > a {
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 16px;
  color: var(--tp-common-white);
  display: inline-block;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
}
.tp-movie-play > a i {
  margin-left: 3px;
}
.tp-movie-play > a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(255, 23, 73, 0.489);
  animation: borderanimate2 2.5s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.tp-movie-play > a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid rgba(255, 23, 73, 0.689);
  animation: borderanimate2 2.5s linear infinite;
  border-radius: 50%;
  z-index: -1;
}
.tp-movie-content {
  padding: 25px 20px;
  padding-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-movie-content {
    padding: 25px 0px;
    padding-bottom: 0;
  }
}
.tp-movie-title {
  font-size: 22px;
  margin-bottom: 5px;
  color: var(--tp-common-white);
  transition: 0.3s;
}
@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-movie-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-movie-title {
    font-size: 17px;
  }
}
.tp-movie-title:hover {
  color: var(--tp-theme-1);
}
.tp-movie-title:hover {
  color: var(--tp-theme-1);
}
.tp-movie-text span {
  font-size: 14px;
  color: var(--tp-common-white);
}
.tp-movie-review ul li {
  font-size: 16px;
  display: inline-block;
  list-style-type: none;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-movie-review ul li {
    font-size: 12px;
  }
}
.tp-movie-review ul li:not(:last-child) {
  margin-right: 20px;
}
.tp-movie-review ul li i {
  font-size: 15px;
  margin-right: 5px;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-movie-review ul li i {
    font-size: 12px;
  }
}
.tp-movie-shape {
  position: absolute;
  top: 0;
  left: -30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.5s all ease;
}
.tp-movie-style-1 .tp-movie-title {
  color: var(--tp-common-black);
}
.tp-movie-style-1 .tp-movie-title:hover {
  color: var(--tp-theme-1);
}
.tp-movie-style-1 .tp-movie-text span {
  color: var(--tp-common-black);
}
.tp-movie-style-1 .tp-movie-review ul li {
  color: var(--tp-common-black);
}

.tp-movie-2-item:hover .tp-movie-2-content-box {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.tp-movie-2-item:hover .tp-movie-2-thumb::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tp-movie-2-item:hover .tp-movie-2-thumb img {
  transform: scale(1.2);
}
.tp-movie-2-thumb {
  position: relative;
  overflow: hidden;
}
.tp-movie-2-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
.tp-movie-2-thumb img {
  transition: 0.9s;
}
.tp-movie-2-content {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
.tp-movie-2-content-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 85%;
  z-index: 2;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  border: 1px solid var(--tp-common-white);
}
.tp-movie-2-text {
  padding-bottom: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-movie-2-text {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-movie-2-text {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-movie-2-text {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-movie-2-text {
    padding-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .tp-movie-2-text {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-movie-2-text {
    padding-bottom: 120px;
  }
}
.tp-movie-2-text h5 {
  font-size: 22px;
  color: var(--tp-common-white);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-movie-2-text h5 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-movie-2-text h5 {
    font-size: 19px;
  }
}
.tp-movie-2-text h5:hover {
  color: var(--tp-theme-1);
}
.tp-movie-2-text span {
  font-size: 14px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-movie-2-title-box {
    margin-bottom: 30px;
  }
}
.tp-movie-2-rating span {
  color: var(--tp-common-white);
  margin-right: 20px;
}
.tp-movie-2-rating span i {
  display: inline-block;
  font-size: 15px;
  transform: translateY(1px);
  padding-right: 7px;
  color: var(--tp-theme-1);
}
.tp-movie-2-tab ul li {
  margin: 0 14px;
}
@media (max-width: 767px) {
  .tp-movie-2-tab ul li {
    margin: 0 14px;
    margin-bottom: 10px;
  }
}
.tp-movie-2-tab ul li:last-child {
  margin-right: 0;
}
.tp-movie-2-tab button {
  padding: 0;
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading);
  transition: 0.3s;
  position: relative;
}
@media (max-width: 767px) {
  .tp-movie-2-tab button {
    font-size: 17px;
  }
}
.tp-movie-2-tab button::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  left: auto;
  height: 2px;
  width: 0;
  background-color: var(--tp-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.tp-movie-2-tab button:hover {
  color: var(--tp-theme-1);
}
.tp-movie-2-tab button:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.tp-movie-2-tab button.active {
  color: var(--tp-theme-1);
}
.tp-movie-2-tab button.active::after {
  width: 100%;
  right: auto;
  left: 0;
}

.tp-movie-details-thumb img {
  width: 100%;
}
.tp-movie-details-meta {
  margin-left: 100px;
}
@media (max-width: 767px) {
  .tp-movie-details-meta {
    margin-left: 0;
  }
}
.tp-movie-details-meta span {
  font-weight: 600;
  font-family: var(--tp-ff-heading);
  color: var(--tp-common-black);
  font-size: 18px;
}
.tp-movie-details-meta span:not(:last-child) {
  padding-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-movie-details-meta span:not(:last-child) {
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .tp-movie-details-meta span:not(:last-child) {
    padding-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) {
  .tp-movie-details-meta span {
    font-size: 15px;
  }
}
.tp-movie-details-meta span i {
  margin-right: 5px;
  font-style: normal;
  display: inline-block;
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-movie-details-text p {
    font-size: 14px;
  }
}

.tp-gallery-thumb img {
  width: 100%;
}
.tp-gallery-box span {
  font-weight: 700;
  font-size: 26px;
  color: var(--tp-common-black);
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .tp-gallery-box span {
    font-size: 20px;
  }
}
.tp-gallery-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.tp-gallery-play a {
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-white);
  background-color: rgba(255, 255, 255, 0.251);
  position: relative;
  font-size: 16px;
}
@media (max-width: 767px) {
  .tp-gallery-play a {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
.tp-gallery-play a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.251);
  animation: borderanimate2 2.5s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.tp-gallery-play a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid rgba(255, 255, 255, 0.251);
  animation: borderanimate2 2.5s linear infinite;
  border-radius: 50%;
  z-index: -1;
}

@media (max-width: 767px) {
  .tp-movie-details-title-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-movie-details-title-box .tp-section-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .tp-movie-details-title-box .tp-section-title {
    margin-bottom: 30px;
  }
}

.gallery-slider-dots {
  margin-top: 40px;
}
.gallery-slider-dots .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  background-color: var(--tp-common-black);
  margin: 0 8px;
  z-index: 2;
}
.gallery-slider-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  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;
}
.gallery-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--tp-theme-1);
}
.gallery-slider-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  7.22 testimonial css start
/*----------------------------------------*/
.tp-testimonial-thumb {
  height: 300px;
  width: 300px;
  position: relative;
}
@media (max-width: 767px) {
  .tp-testimonial-thumb {
    margin-bottom: 50px;
  }
}
.tp-testimonial-thumb img {
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-thumb img {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-thumb {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-thumb {
    width: auto;
    height: auto;
  }
}
.tp-testimonial-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: -140px;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-thumb::after {
    left: -80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-thumb::after {
    left: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-thumb::after {
    display: none;
  }
}
.tp-testimonial-quot {
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-quot {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-quot {
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.tp-testimonial-quot > span {
  height: 90px;
  width: 90px;
  line-height: 106px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  font-size: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-quot > span {
    font-size: 35px;
    height: 70px;
    width: 70px;
    line-height: 86px;
  }
}
.tp-testimonial-star i {
  color: var(--tp-theme-1);
  font-size: 14px;
}
.tp-testimonial-text p {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.7;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-text p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-text p {
    font-size: 24px;
    padding-right: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-text p {
    font-size: 20px;
    line-height: 1.5;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-testimonial-text p {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-text p {
    font-size: 17px;
    line-height: 1.5;
  }
}
.tp-testimonial-author-thumb {
  margin-right: 30px;
}
.tp-testimonial-author-thumb > img {
  border-radius: 50%;
  height: 80px;
  width: 80px;
}
.tp-testimonial-author-info h5 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
  color: var(--tp-common-white);
}
.tp-testimonial-author-info span {
  color: var(--tp-common-white);
}
.tp-testimonial-shape-1 {
  position: absolute;
  right: 540px;
  top: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-shape-1 {
    right: 200px;
  }
}
.tp-testimonial-arrow-box {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-arrow-box {
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-arrow-box {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-arrow-box {
    display: none;
  }
}
.tp-testimonial-arrow-box button {
  font-size: 24px;
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-testimonial-arrow-box button.test-next {
  margin-right: 30px;
}
.tp-testimonial-arrow-box button:hover {
  color: var(--tp-theme-1);
}

.tp-testimonial-2-active .slick-list {
  padding: 0 !important;
}
.tp-testimonial-2-active .slick-center {
  opacity: 100%;
}
.tp-testimonial-2-arrow {
  position: absolute;
  bottom: 16%;
  left: -20%;
  display: flex;
  flex-direction: column;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-2-arrow {
    display: none;
  }
}
.tp-testimonial-2-arrow button {
  font-size: 26px;
  transition: 0.3s;
  color: var(--tp-common-black);
}
.tp-testimonial-2-arrow button:hover {
  color: var(--tp-theme-1);
}
.tp-testimonial-2-arrow button.slick-next {
  margin-top: 20px;
}
.tp-testimonial-2-item {
  opacity: 15%;
}
@media (max-width: 767px) {
  .tp-testimonial-2-item {
    flex-wrap: wrap;
  }
}
.tp-testimonial-2-item.slick-slide {
  padding: 15px 0;
}
.tp-testimonial-2-wrapper {
  transform: translateX(75px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-2-wrapper {
    transform: translateX(25px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-2-wrapper {
    transform: translateX(0px);
  }
}
.tp-testimonial-2-avata {
  margin-right: 40px;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .tp-testimonial-2-avata {
    margin-bottom: 30px;
  }
}
.tp-testimonial-2-avata > img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
}
.tp-testimonial-2-author-info p {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
  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) {
  .tp-testimonial-2-author-info p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .tp-testimonial-2-author-info p {
    font-size: 17px;
  }
}
.tp-testimonial-2-author-info span {
  font-weight: 700;
  font-size: 20px;
  font-family: var(--tp-ff-heading);
}
@media (max-width: 767px) {
  .tp-testimonial-2-author-info span {
    font-size: 17px;
  }
}
.tp-testimonial-2-author-info span i {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding-left: 5px;
  font-style: normal;
  color: var(--tp-theme-1);
  font-family: var(--tp-ff-body);
}
.tp-testimonial-2-author-info span i::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 20px;
  margin-right: 8px;
  transform: translateY(-4px);
  background-color: var(--tp-common-black);
}
.tp-testimonial-2-shape-1 {
  position: absolute;
  top: 110px;
  left: 165px;
  animation: tptranslateX2 5s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-testimonial-2-shape-1 {
    left: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-testimonial-2-shape-1 {
    left: 10px;
    top: 60px;
  }
}
.tp-testimonial-2-shape-2 {
  position: absolute;
  bottom: 225px;
  left: 25px;
  animation: tptranslateX2 2s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2-shape-2 img {
    max-width: 50%;
  }
}
.tp-testimonial-2-shape-3 {
  position: absolute;
  left: 400px;
  bottom: 125px;
  animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-testimonial-2-shape-3 {
    left: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2-shape-3 {
    left: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2-shape-3 img {
    max-width: 50%;
  }
}
.tp-testimonial-2-shape-4 {
  position: absolute;
  right: 45px;
  bottom: 65px;
  animation: moving 7s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-testimonial-2-shape-4 img {
    max-width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-testimonial-2-title-box {
    margin-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  7.16 service css start
/*----------------------------------------*/
.tp-service-3-item {
  padding: 35px 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 60px 0px rgba(30, 22, 22, 0.06);
  border-radius: 10px;
}
.tp-service-3-item:hover .tp-service-3-link a {
  color: var(--tp-common-white);
}
.tp-service-3-item:hover .tp-service-3-link a::after {
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--tp-theme-1);
}
.tp-service-3-item:hover .tp-service-3-shape-1 {
  opacity: 1;
  visibility: visible;
  top: 20px;
}
.tp-service-3-item:hover .tp-service-3-icon span {
  color: var(--tp-common-black);
}
.tp-service-3-icon span {
  font-size: 63px;
  color: var(--tp-theme-1);
  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-service-3-icon span {
    font-size: 55px;
  }
}
.tp-service-3-title {
  font-size: 22px;
  margin-bottom: 5px;
  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-service-3-title {
    font-size: 19px;
  }
}
.tp-service-3-title:hover {
  color: var(--tp-theme-1);
}
.tp-service-3-text span {
  color: #080808;;
}
@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-3-text span {
    font-size: 14px;
  }
}
.tp-service-3-text-2 p {
  color: #767676;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-3-text-2 p {
    font-size: 14px;
  }
}
.tp-service-3-text-2 p a {
  display: inline-block;
  padding: 5px 25px;
  margin-left: 8px;
  font-style: normal;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-3-text-2 p a {
    padding: 5px 15px;
  }
}
.tp-service-3-link a {
  font-size: 24px;
  position: relative;
  color: var(--tp-common-black);
  z-index: 2;
  transition: 0.5s;
}
.tp-service-3-link a::after {
  content: "";
  top: 51px;
  left: 50%;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  position: absolute;
  transform: translateX(-50%);
  background-color: #ffe5eb;
  z-index: -1;
  transition: 0.5s;
}
.tp-service-3-shape-1 {
  position: absolute;
  top: -60px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.tp-service-details-title {
  font-size: 26px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-title {
    font-size: 22px;
  }
}
.tp-service-details-title-sm {
  font-size: 24px;
}
.tp-service-details-right-wrap {
  padding-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-right-wrap {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-service-details-right-wrap {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-service-details-text p {
    font-size: 14px;
  }
  .tp-service-details-text p br {
    display: none;
  }
}
.tp-service-details-category ul li {
  list-style-type: none;
}
.tp-service-details-category ul li:not(:last-child) {
  padding-bottom: 5px;
}
.tp-service-details-category ul li a {
  font-size: 16px;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-service-details-category ul li a:hover {
  color: var(--tp-theme-1);
  text-decoration: underline;
}
.tp-service-details-category ul li a.active {
  color: var(--tp-theme-1);
  text-decoration: underline;
}
.tp-service-details-thumb-box {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px 40px;
  height: 420px;
}
.tp-service-details-list-box ul {
  display: inline-block;
}
@media (max-width: 767px) {
  .tp-service-details-list-box ul {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-details-list-box ul {
    flex-wrap: nowrap;
  }
}
.tp-service-details-list-box ul li {
  width: 50%;
  float: left;
  list-style: none;
  position: relative;
  line-height: 30px;
  padding-left: 75px;
  font-weight: 500;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-details-list-box ul li {
    line-height: 20px;
    padding-left: 65px;
    font-size: 14px;
  }
  .tp-service-details-list-box ul li br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-service-details-list-box ul li {
    font-size: 14px;
  }
  .tp-service-details-list-box ul li br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-service-details-list-box ul li {
    width: 100%;
    font-size: 14px;
    padding-left: 60px;
  }
  .tp-service-details-list-box ul li br {
    display: none;
  }
}
.tp-service-details-list-box ul li:not(:last-child) {
  margin-bottom: 20px;
}
.tp-service-details-list-box ul li span {
  line-height: 30px;
}
.tp-service-details-list-box ul li span i {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
  color: var(--tp-theme-1);
  font-size: 22px;
  background-color: #f5f5f8;
}
@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-details-icon {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-service-details-icon {
    margin-bottom: 0px;
  }
}
.tp-service-details-icon-box {
  padding: 40px 30px;
  padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-service-details-icon-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-service-details-icon-box {
    flex-wrap: wrap;
    padding: 30px 20px;
    width: 100%;
  }
}
.tp-service-details-icon span {
  font-size: 40px;
  height: 80px;
  width: 80px;
  line-height: 93px;
  border-radius: 50%;
  text-align: center;
  margin-right: 30px;
  display: inline-block;
  color: var(--tp-theme-1);
  background-color: var(--tp-common-white);
}
.tp-service-details-icon span.active {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
.tp-service-details-icon-text h5 {
  color: var(--tp-common-white);
  font-size: 18px;
  font-weight: 700;
}
.tp-service-details-icon-text p {
  color: #9898a0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tp-service-details-icon-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-service-details-icon-wrap {
    flex-wrap: wrap;
  }
}
.tp-service-details-price {
  font-size: 30px;
  font-weight: 700;
  color: var(--tp-theme-1);
}
.tp-service-details-price i {
  font-size: 18px;
  font-style: normal;
}

/*----------------------------------------*/
/*  7.20 subscribe css start
/*----------------------------------------*/
.tp-subscribe-thumb {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-subscribe-thumb {
    left: -9%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-subscribe-thumb {
    left: -19%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-subscribe-thumb {
    left: -28%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-subscribe-thumb {
    left: -44%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-subscribe-thumb {
    position: static;
    transform: translateX(-10%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-subscribe-item {
    margin-bottom: 50px;
  }
}
.tp-subscribe-list ul li {
  font-size: 22px;
  position: relative;
  font-weight: 700;
  padding-left: 60px;
  color: var(--tp-common-black);
  list-style-type: none;
}
.tp-subscribe-list ul li:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-subscribe-list ul li {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .tp-subscribe-list ul li {
    font-size: 17px;
  }
}
.tp-subscribe-list ul li i {
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 36px;
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-subscribe-rate {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .tp-subscribe-rate .tp-btn {
    margin-bottom: 30px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-rate .tp-btn {
    margin-bottom: 0px;
  }
}
.tp-subscribe-rate > span {
  font-style: normal;
  font-size: 50px;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-subscribe-rate > span {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-subscribe-rate > span {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-subscribe-rate > span {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .tp-subscribe-rate > span {
    font-size: 33px;
  }
}
.tp-subscribe-rate > span i {
  font-size: 18px;
  color: var(--tp-theme-1);
  display: inline-block;
  font-style: normal;
}
@media (max-width: 767px) {
  .tp-subscribe-rate > span i {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-subscribe-rate.wrap span {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-rate.wrap span {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .tp-subscribe-rate.wrap .tp-btn {
    margin-top: 30px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-subscribe-rate.wrap .tp-btn {
    margin-top: 0px;
  }
}
.tp-subscribe-text-big {
  position: absolute;
  right: 1%;
  top: 2%;
  animation: tptranslateX2 4s infinite alternate;
}
.tp-subscribe-text-big h4 {
  font-weight: 600;
  font-size: 300px;
  line-height: 1;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-subscribe-text-big h4 {
    font-size: 250px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-subscribe-text-big h4 {
    font-size: 240px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-subscribe-text-big h4 {
    font-size: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-subscribe-text-big h4 {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-subscribe-text-big h4 {
    font-size: 150px;
  }
}
.tp-subscribe-text-sm {
  position: absolute;
  right: -2.8%;
  top: 40%;
}
.tp-subscribe-text-sm h4 {
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-subscribe-text-sm h4 {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  7.17 slider-text css start
/*----------------------------------------*/
.tp-slider-text-box {
  animation: scrollText-2 20s infinite linear;
}
.tp-slider-text-box span {
  font-weight: 700;
  font-size: 140px;
  white-space: nowrap;
  line-height: 1;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-slider-text-box span {
    font-size: 95px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slider-text-box span {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-text-box span {
    font-size: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-slider-text-box span {
    font-size: 65px;
  }
}
.tp-slider-text-box span b {
  color: var(--tp-theme-1);
  padding: 0 70px;
  position: relative;
}
.tp-slider-text-box span b::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.tp-slider-text-box span b::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: var(--tp-theme-1);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/*----------------------------------------*/
/*  7.11 instagram-text css start
/*----------------------------------------*/
.tp-instagram-title {
  font-size: 40px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-instagram-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-instagram-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-instagram-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .tp-instagram-title {
    font-size: 25px;
  }
}
.tp-instagram-title-box a {
  color: #cacaca;
  transition: 0.3s;
}
.tp-instagram-title-box a:hover {
  color: var(--tp-theme-1);
}
.tp-instagram-title-box a i {
  display: inline-block;
  margin-left: 8px;
  transform: translateY(1px);
}
.tp-instagram-thumb {
  position: relative;
}
@media (max-width: 767px) {
  .tp-instagram-thumb {
    width: 100%;
  }
}
.tp-instagram-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.902);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-instagram-thumb:hover .tp-instagram-play {
  opacity: 1;
  visibility: visible;
}
.tp-instagram-thumb:hover::after {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .tp-instagram-thumb img {
    width: 100%;
  }
}
.tp-instagram-wrap {
  margin-left: 25px;
}
@media (max-width: 767px) {
  .tp-instagram-wrap {
    margin-left: 0;
    flex-wrap: wrap;
    margin-top: 50px;
  }
}
.tp-instagram-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-instagram-play a {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  position: relative;
}
.tp-instagram-play a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.514);
  animation: borderanimate2 2s linear infinite;
  border-radius: 50%;
}

/*----------------------------------------*/
/*  7.2 brand css start
/*----------------------------------------*/
.tp-brand-item {
  padding: 60px 15px;
  border: 1px solid #dadada;
}
.tp-brand-item img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s linear;
}
.tp-brand-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
.tp-brand-box .tp-brand-item {
  border: none;
  padding: 0;
}

/*----------------------------------------*/
/*  7.23 video css start
/*----------------------------------------*/
.tp-video-height {
  height: 558px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-video-height {
    height: 450px;
    background-position: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-video-height {
    height: 420px;
    background-position: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-video-height {
    height: 400px;
    background-position: right;
  }
}
@media (max-width: 767px) {
  .tp-video-height {
    /* height: 300px; */
    background-position: right;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-video-height {
    height: 400px;
    background-position: right;
  }
}
.tp-video-play a {
  display: inline-block;
  font-size: 18px;
  height: 80px;
  line-height: 80px;
  width: 80px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tp-common-white);
  color: var(--tp-theme-1);
  position: relative;
}
.tp-video-play a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.432);
  animation: borderanimate2 2.5s linear infinite;
  border-radius: 50%;
}
.tp-video-play a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90%;
  height: 90%;
  transform: scale(1.5);
  border: 1px solid var(--tp-common-white);
  animation: borderanimate2 2.5s linear infinite;
  border-radius: 50%;
}
.tp-video-play a i {
  display: inline-block;
  padding-left: 4px;
  position: relative;
  z-index: 2;
}

/*----------------------------------------*/
/*  7.8 faq css start
/*----------------------------------------*/
.tp-faq-wrap {
  margin-right: 145px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-faq-wrap {
    margin-right: 0;
  }
}
.tp-faq-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-faq-thumb {
    right: -7%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-faq-thumb {
    right: -14%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-thumb {
    right: -24%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-thumb {
    right: -42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-faq-thumb {
    position: static;
    margin-bottom: 50px;
  }
}
.tp-faq-offer {
  position: absolute;
  left: 56%;
  top: 125px;
  height: 115px;
  width: 115px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--tp-theme-1);
  animation: zoom 7000ms infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-offer {
    position: absolute;
    left: 52%;
    top: 125px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--tp-theme-1);
  }
}
@media (max-width: 767px) {
  .tp-faq-offer {
    left: 56%;
    top: 68px;
    height: 90px;
    width: 90px;
  }
}
.tp-faq-offer span {
  color: var(--tp-common-white);
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  transform: translateY(29px);
  font-family: var(--tp-ff-heading);
}
@media (max-width: 767px) {
  .tp-faq-offer span {
    transform: translateY(17px);
  }
}
.tp-faq-offer span b {
  font-size: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  (max-width: 767px) {
  .tp-faq-offer span b {
    font-size: 27px;
    line-height: 0;
  }
}
.tp-faq-offer::after {
  position: absolute;
  content: "";
  bottom: 8px;
  left: 5px;
  height: 22px;
  width: 22px;
  transform: rotate(-9deg);
  background-color: var(--tp-theme-1);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.tp-faq-shape-1 {
  position: absolute;
  top: 0;
  right: 100px;
  animation: moving 7s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-faq-shape-1 {
    right: -5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-faq-shape-1 {
    right: -8%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-shape-1 {
    right: -12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-shape-1 {
    right: -27%;
  }
}
.tp-faq-shape-2 {
  position: absolute;
  bottom: 70px;
  right: 15px;
  z-index: 1;
  animation: tptranslateY2 3s infinite alternate;
}
.tp-faq-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.tp-faq-shape-4 {
  position: absolute;
  top: 0;
  right: 0;
  animation: tptranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-shape-4 {
    right: -9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-shape-4 {
    right: -25%;
  }
}
.tp-faq-shape-5 {
  position: absolute;
  top: 55px;
  right: 565px;
  animation: zoom 7000ms infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-faq-shape-5 {
    right: 420px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-faq-shape-5 {
    right: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-shape-5 {
    right: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-shape-5 {
    right: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-faq-shape-5 {
    right: 50px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-faq-shape-5 img {
    max-width: 67%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-faq-shape-5 img {
    max-width: 71%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-faq-shape-5 img {
    max-width: 71%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-faq-shape-5 img {
    max-width: 65%;
  }
}

/*----------------------------------------*/
/*  7.6 cta css start
/*----------------------------------------*/
.tp-cta-bg {
  position: relative;
}
.tp-cta-bg::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background-color: var(--tp-common-black);
  position: absolute;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-cta-bg::after {
    height: 55%;
  }
}
.tp-cta-wrap {
  height: 195px;
  display: flex;
  align-items: center;
  padding-left: 80px;
  padding-right: 60px;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-cta-wrap {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-cta-wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-cta-wrap {
    padding: 0 35px;
  }
}
@media (max-width: 767px) {
  .tp-cta-wrap {
    padding: 0 15px;
  }
}
.tp-cta-wrap-box {
  margin-bottom: -135px;
  position: relative;
  z-index: 8;
}
.tp-cta-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-cta-title {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .tp-cta-title {
    margin-bottom: 40px;
    font-size: 25px;
  }
}
.tp-cta-right-box {
  margin-left: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-cta-right-box {
    margin-left: 0;
  }
}
.tp-cta-right-box input {
  height: 80px;
  line-height: 80px;
  padding: 0 30px;
  font-size: 16px;
  padding-right: 260px;
  color: var(--tp-common-white);
  background-color: #000000;
  border: none;
}
@media (max-width: 767px) {
  .tp-cta-right-box input {
    height: 60px;
    line-height: 60px;
    padding: 0 12px;
    padding-right: 12px;
    font-size: 14px;
    padding-right: 155px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-right-box input {
    height: 70px;
    line-height: 70px;
    padding: 0 12px;
    padding-right: 12px;
    font-size: 14px;
    padding-right: 220px;
  }
}
.tp-cta-right-box input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5a5a5;
}
.tp-cta-right-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5a5a5;
}
.tp-cta-right-box input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #a5a5a5;
}
.tp-cta-right-box input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #a5a5a5;
}
.tp-cta-right-box input::placeholder {
  /* MODERN BROWSER */
  color: #a5a5a5;
}
.tp-cta-button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .tp-cta-button {
    right: 5px;
    top: 49%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-button {
    right: 10px;
    top: 50%;
  }
}
@media (max-width: 767px) {
  .tp-cta-button .tp-btn {
    font-size: 13px;
    padding: 0 11px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-cta-button .tp-btn {
    font-size: 15px;
    padding: 0 22px;
  }
}
.tp-cta-shape {
  position: absolute;
  top: 0;
  left: 51%;
  transform: translateX(-50%);
}

/*----------------------------------------*/
/*  7.5 contact css start
/*----------------------------------------*/
.tp-form-thumb-box {
  position: absolute;
  left: 315px;
  bottom: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-form-thumb-box {
    left: 10%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-form-thumb-box {
    left: 4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-form-thumb-box {
    left: -1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-form-thumb-box {
    left: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-form-thumb-box {
    position: static;
    text-align: center;
    margin-bottom: 50px;
  }
}
.tp-form-box {
  margin-left: 25px;
}
@media (max-width: 767px) {
  .tp-form-box {
    margin-left: 0;
  }
}
.tp-form-input-box input {
  box-shadow: 0px 0px 60px 0px rgba(30, 22, 22, 0.06);
}
.tp-form-textarea-box textarea {
  height: 140px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 60px 0px rgba(30, 22, 22, 0.06);
}
.tp-form-shape-1 {
  position: absolute;
  bottom: 0;
  right: 30px;
  animation: tptranslateX2 2s infinite alternate;
}
.tp-form-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: tptranslateX2 4s infinite alternate;
}
.tp-form-shape-3 {
  position: absolute;
  top: 100px;
  left: -20px;
  z-index: 1;
  animation: moving 9s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-form-shape-3 {
    left: 70px;
  }
}
.tp-form-shape-4 {
  position: absolute;
  top: 255px;
  left: -27%;
  z-index: 1;
  animation: tptranslateX2 7s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-form-shape-4 {
    left: 20px;
  }
}
.tp-form-shape-5 {
  position: absolute;
  bottom: 75px;
  left: -85px;
  z-index: 1;
  animation: tptranslateX2 5s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-form-shape-5 {
    left: 10px;
    top: 600px;
  }
}
.tp-form-shape-6 {
  position: absolute;
  top: 105px;
  right: 18%;
  z-index: 1;
  animation: tptranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-form-shape-6 {
    right: 140px;
  }
}

.tp-contact-icon span {
  font-size: 35px;
  display: inline-block;
  margin-right: 24px;
  color: var(--tp-common-black);
}
.tp-contact-text a {
  font-size: 16px;
  line-height: 26px;
}
.tp-contact-box ul li {
  list-style: none;
  margin-bottom: 20px;
}
.tp-contact-box ul li a {
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.4s linear;
  background-image: linear-gradient(#727272, #727272),
    linear-gradient(#727272, #727272);
}
.tp-contact-box ul li a:hover {
  background-size: 0% 1px, 100% 1px;
}

.tp-contact-3-item {
  padding: 30px 15px;
  box-shadow: 0px 4px 60px 0px rgba(22, 23, 26, 0.06);
}
.tp-contact-3-item:hover .tp-contact-3-icon {
  background-color: var(--tp-theme-1);
}
.tp-contact-3-item:hover .tp-contact-3-icon span {
  color: var(--tp-common-white);
}
.tp-contact-3-icon {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-color: #f5f5f8;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 80px;
  transition: 0.3s;
}
.tp-contact-3-icon span {
  font-size: 35px;
  transition: 0.3s;
  color: var(--tp-theme-1);
}
.tp-contact-3-title {
  font-weight: 600;
  font-size: 26px;
}
.tp-contact-3-text {
  margin-top: 40px;
}
.tp-contact-3-text a {
  font-weight: 500;
  line-height: 26px;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.4s linear;
  background-image: linear-gradient(#727272, #727272),
    linear-gradient(#727272, #727272);
}
.tp-contact-3-text a:hover {
  background-size: 0% 1px, 100% 1px;
}

.tp-contact-form-border {
  border: 1px solid #dcdcdc;
  padding: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-contact-form-border {
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-contact-form-border {
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-contact-form-border {
    padding: 60px 0px;
    border: none;
  }
}
.tp-contact-form-title {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-contact-form-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .tp-contact-form-title {
    font-size: 30px;
  }
}
.tp-contact-form-input-box input {
  background-color: #f5f5f8;
}
.tp-contact-form-input-box textarea {
  height: 165px;
  background-color: #f5f5f8;
}
.tp-contact-form-bg {
  padding: 80px 70px;
  background-color: #f2edeb;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-contact-form-bg {
    padding: 40px 20px;
  }
}
.tp-contact-form-bg-2 {
  padding: 80px 70px;
  background-color: #f5f5f8;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-contact-form-bg-2 {
    padding: 40px 20px;
  }
}
.tp-contact-form-bg-2 .tp-contact-form-input-box input {
  background-color: var(--tp-common-white);
}
.tp-contact-form-bg-2 .tp-contact-form-input-box textarea {
  height: 165px;
  background-color: var(--tp-common-white);
}

.tp-form-2-box h6 {
  font-size: 36px;
}
@media (max-width: 767px) {
  .tp-form-2-rate {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-form-2-rate {
    margin-top: 0px;
  }
}
.tp-form-2-icon i {
  color: var(--tp-theme-1);
  font-size: 14px;
}
.tp-form-2-icon i.color {
  color: #626262;
}
.tp-form-2-input-box input {
  box-shadow: none;
  border: 1px solid #cecece;
}
.tp-form-2-textarea textarea {
  border: 1px solid #cecece;
  height: 168px;
}
.tp-form-2-textarea textarea:focus {
  border-color: var(--tp-theme-1);
}
@media (max-width: 767px) {
  .tp-form-2-btn > span {
    display: block;
    margin-top: 20px;
  }
}

.tp-map__item {
  line-height: 0;
}
.tp-map__item iframe {
  width: 100%;
  height: 490px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-map__item iframe {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-map__item iframe {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .tp-map__item iframe {
    height: 250px;
  }
}

/*----------------------------------------*/
/*  7.21 team css start
/*----------------------------------------*/
.tp-team-item {
  position: relative;
  overflow: hidden;
}
.tp-team-item:hover .tp-team-thumb img {
  transform: scale(1.2);
}
.tp-team-item:hover .tp-team-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}
.tp-team-item:hover .tp-team-content {
  opacity: 1;
  visibility: visible;
  transform: perspective(400px) scaleY(1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team-item:hover .tp-team-content {
    left: 20px;
  }
}
.tp-team-thumb {
  position: relative;
  overflow: hidden;
}
.tp-team-thumb::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  z-index: 1;
}
.tp-team-thumb img {
  width: 100%;
  transition: all 900ms ease;
}
.tp-team-content {
  position: absolute;
  top: 73%;
  left: 40px;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.7s;
  z-index: 1;
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
  transform: perspective(400px) scaleY(0);
  transform-origin: bottom;
  z-index: 2;
}
.tp-team-text {
  padding-bottom: 15px;
}
.tp-team-text h5 {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--tp-common-white);
  transition: 0.3s;
}
.tp-team-text h5:hover {
  color: var(--tp-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-team-text h5 {
    font-size: 17px;
  }
}
.tp-team-text span {
  color: #cacaca;
}
.tp-team-social a {
  font-size: 15px;
  color: var(--tp-common-white);
  margin: 0 8px;
  transition: 0.3s;
}
.tp-team-social a:hover {
  color: var(--tp-theme-1);
}
.tp-team-social a:first-child {
  margin-left: 0;
}
.tp-team-shape-1 {
  top: -14%;
  right: -3%;
  position: absolute;
}
.tp-team-wrap .tp-team-content {
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
}
.tp-team-wrap .tp-team-item:hover .tp-team-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-team-active-2 {
  margin: 0 -55px;
}
@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-active-2 {
    margin: 0;
  }
}
.tp-team-arrow-box {
  overflow: hidden;
}
.tp-team-arrow-box button {
  font-size: 28px;
  height: 95px;
  width: 95px;
  line-height: 95px;
  transition: 0.3s;
  border-radius: 50%;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-team-arrow-box button:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-team-arrow-box button.team-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  left: 36.5%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-arrow-box button.team-next {
    left: 27.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-arrow-box button.team-next {
    left: 26.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-arrow-box button.team-next {
    display: none;
  }
}
.tp-team-arrow-box button.team-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  right: 36.5%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-arrow-box button.team-prev {
    right: 27.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-arrow-box button.team-prev {
    right: 26.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-arrow-box button.team-prev {
    display: none;
  }
}

.tp-team-details-bg {
  padding: 80px 100px;
  border: 1px solid #e2e1e1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-bg {
    padding: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-bg {
    border: none;
    padding: 0;
  }
}
.tp-team-details-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details-bg-shape {
    height: 50%;
    width: 100%;
  }
}
.tp-team-details-bg-shape img {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details-bg-shape img {
    width: 100%;
    height: 100%;
  }
}
.tp-team-details-info-box {
  padding-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-info-box {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-text-box p {
    font-size: 14px;
  }
}
.tp-team-details-text-box p b {
  color: var(--tp-theme-1);
}
.tp-team-details-title {
  font-size: 40px;
  color: #0e3631;
  line-height: 1;
  margin-bottom: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-team-details-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-title {
    font-size: 28px;
  }
}
.tp-team-details-title-box span {
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-theme-1);
  margin-bottom: 30px;
  display: inline-block;
}
.tp-team-details-title-box p {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-title-box p {
    font-size: 14px;
  }
}
.tp-team-details-personal-info-wrap {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-personal-info-wrap {
    margin-bottom: 20px;
  }
}
.tp-team-details-personal-info span {
  margin-bottom: 15px;
  font-size: 16px;
  display: inline-block;
  color: #727272;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-personal-info span {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.tp-team-details-personal-info span b {
  color: #0e3631;
  margin-right: 25px;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details-personal-info span b {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-personal-info span b {
    font-size: 15px;
    margin-right: 15px;
  }
}
.tp-team-details-personal-info span a {
  transition: 0.3s;
}
.tp-team-details-personal-info span a:hover {
  color: var(--tp-theme-1);
}
.tp-team-details-social a {
  font-size: 16px;
  margin-right: 20px;
  transition: 0.3s;
  color: #0e3631;
}
.tp-team-details-social a:hover {
  color: var(--tp-theme-1);
}
.tp-team-details-contact-box {
  padding: 60px;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .tp-team-details-contact-box {
    padding: 30px;
  }
}
.tp-team-details-right-box {
  padding-left: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-team-details-right-box {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details-right-box {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-thumb {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .tp-team-details-thumb img {
    width: 100%;
  }
}
.tp-team-details__progress {
  width: 78%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-team-details__progress {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .tp-team-details__progress {
    width: 100%;
  }
}
.tp-team-details__progress-item {
  position: relative;
}
.tp-team-details__progress-item h4 {
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-team-details__progress-item h4 {
    font-size: 15px;
  }
}
.tp-team-details__progress-item .progress-count {
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 16px;
  font-weight: 400;
}
.tp-team-details__progress-item .progress {
  height: 3px;
  background-color: transparent;
  border-radius: 0;
  overflow: visible;
  position: relative;
}
.tp-team-details__progress-item .progress::after {
  position: absolute;
  content: "";
  left: 0;
  top: 1px;
  height: 1px;
  width: 100%;
  background-color: #d1d1d1;
  z-index: -1;
}
.tp-team-details__progress-item .progress .progress-bar {
  background-color: var(--tp-theme-1);
  overflow: visible;
}

/*----------------------------------------*/
/*  7.10 funfact css start
/*----------------------------------------*/
.tp-funfact-border {
  border-bottom: 2px solid var(--tp-theme-1);
}
.tp-funfact-number {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-funfact-number {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-funfact-number {
    font-size: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-funfact-number {
    font-size: 45px;
  }
}
.tp-funfact-content {
  padding: 50px 15px;
  position: relative;
  z-index: 2;
}
.tp-funfact-content:hover::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.tp-funfact-content::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 0%;
  width: 100%;
  background-color: #1a1a1a;
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tp-funfact-content span {
  font-weight: 500;
  color: #a5a5a5;
}

/*----------------------------------------*/
/*  7.15 product css
/*----------------------------------------*/
.tp-product-item:hover .tp-product-add {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.tp-product-item:hover .tp-product-thumb img {
  transform: scale(1.2);
}
.tp-product-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  line-height: 0;
}
.tp-product-badge-item {
  font-size: 12px;
  display: inline-block;
  padding: 4px 9px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-product-content {
  padding: 15px 15px;
}
.tp-product-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 4px;
  color: var(--tp-common-black);
  transition: 0.3s;
}
.tp-product-title:hover {
  color: var(--tp-theme-1);
}
.tp-product-thumb img {
  width: 100%;
  transition: 0.7s;
}
.tp-product-ammount {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-theme-1);
}
.tp-product-ammount del {
  color: #767676;
  display: inline-block;
  margin-right: 4px;
  font-style: normal;
}
.tp-product-add {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: 0.4s;
}
.tp-product-add a {
  display: block;
  text-align: center;
  transition: 0.3s;
}
.tp-product-add a:hover {
  color: var(--tp-theme-1);
}
.tp-product-add a:hover span {
  border-color: var(--tp-theme-1);
}
.tp-product-cart-btn {
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-product-cart-btn span {
  border-bottom: 1px solid #909090;
  transition: 0.3s;
}
.tp-product__filter .nice-select {
  border: 1px solid #f1f1f1;
  border-radius: 0;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  padding: 0 25px;
  padding-right: 60px;
  min-width: 204px;
  font-weight: 500;
  float: none;
}
.tp-product__filter .nice-select.open::after {
  transform: translateY(-45%) rotate(-180deg);
}
.tp-product__filter .nice-select .option.selected {
  font-weight: 700;
  color: var(--tp-common-black);
}
.tp-product__filter .nice-select::after {
  border: none;
  background-color: transparent;
  transform: translateY(-50%);
  margin-top: 0;
  right: 20px;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  transform-origin: center;
  color: #77829d;
  height: auto;
  width: auto;
  font-size: 16px;
  font-weight: 400;
}
.tp-product__filter .nice-select ul {
  padding: 25px;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 0;
}
.tp-product__filter .nice-select ul li {
  color: #77829d;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 16px;
  padding: 0;
}
.tp-product__filter .nice-select ul li:last-child {
  margin-bottom: 0;
}
.tp-product__filter .nice-select .option {
  line-height: 1;
  min-height: 0;
}
.tp-product__filter .nice-select.open ul {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .tp-product__filter {
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.tp-product__input {
  position: relative;
}
.tp-product__input input {
  padding: 0px 30px;
  padding-right: 80px;
  height: 60px;
  line-height: 60px;
  transition: 0.3s;
  border: 1px solid #f1f1f1;
}
.tp-product__input input:focus {
  border: 1px solid var(--tp-common-orange);
}

.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 (max-width: 767px) {
  .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: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-details__tab-big-img {
    margin-right: 20px;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-shop-details__tab-big-img {
    margin-right: 0;
    border: none;
  }
}
.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;
  width: 80px;
  height: 90px;
}
.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: 30px;
  }
}
.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: 15px;
}
@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: 500;
  font-size: 28px;
  color: var(--tp-common-black);
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .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__product-info {
  margin-bottom: 30px;
}
.tp-shop-details__product-info ul li {
  color: rgba(20, 33, 43, 0.8);
  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: var(--tp-common-black);
  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: var(--tp-common-black);
  transition: 0.3s;
  margin-right: 11px;
}
.tp-shop-details__social a:hover {
  color: var(--tp-theme-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 767px) {
  .tp-product-img {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tp-product-img img {
    max-width: 100%;
  }
}

.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: #445658;
  font-size: 16px;
  font-weight: 400;
  width: 50%;
  float: left;
  padding-left: 30px;
  position: relative;
  padding-bottom: 22px;
  list-style: 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: 3px;
  left: 0;
}

.tp-shop-widget-categories-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}

.tp-shop-widget-categories-item input:checked ~ label::after {
  background-color: var(--tp-common-purple);
  border-color: var(--tp-common-purple);
}

.basic-pagination-2 ul li {
  display: inline-block;
}
.basic-pagination-2 ul li:not(:last-child) {
  margin-right: 8px;
}
.basic-pagination-2 ul li a,
.basic-pagination-2 ul li span {
  display: inline-block;
  padding: 0 14px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  transition: 0.3s;
  border: 1px solid #e6e9e9;
  color: var(--tp-theme-1);
}
.basic-pagination-2 ul li a.current i,
.basic-pagination-2 ul li span.current i {
  display: inline-block;
  transform: translateY(2px);
}
.basic-pagination-2 ul li a:hover,
.basic-pagination-2 ul li a.current {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}
.basic-pagination-2 ul li span:hover,
.basic-pagination-2 ul li span.current {
  background: var(--tp-theme-2);
  color: var(--tp-common-white);
}
.basic-pagination-2 ul li a i {
  font-size: 20px;
}

/*----------------------------------------*/
/*  7.13 newsletter css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .tp-newsletter-input-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter-input-box {
    flex-wrap: nowrap;
  }
}
.tp-newsletter-input-box input {
  border: 1px solid #cecece;
  background-color: transparent;
  width: 630px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-newsletter-input-box input {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-newsletter-input-box input {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .tp-newsletter-input-box input {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter-input-box input {
    width: 320px;
  }
}
.tp-newsletter-input-box button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .tp-newsletter-input-box button {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-newsletter-input-box button {
    margin-left: 20px;
    margin-top: 0px;
  }
}
.tp-newsletter-overley {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.tp-newsletter-overley::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(245, 245, 248);
  opacity: 0.902;
}

/*----------------------------------------*/
/*  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;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .coupon-all button {
    padding: 0 32px;
    font-size: 14px;
  }
}
.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%;
}

/*----------------------------------------*/
/*  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: 3px;
  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: 6px;
  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;
  border: 0;
  color: var(--tp-common-black);
  height: 64px;
  transition: 0.3s;
  border: 1px solid transparent;
}
.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: 2px;
  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: 6px;
  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.7 error css start
/*----------------------------------------*/
.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;
  }
}

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



 .service-box {

            padding: 20px;
            border-radius: 10px;
            text-align: center;
            transition: 0.3s ease-in-out;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .service-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
        }
        .service-icon {
            font-size: 40px;
            color: #007bff;
            margin-bottom: 15px;
        }


.tp-header-top-left a,
.tp-header-top-contact a {
    color: white;
    text-decoration: none;
    font-weight: 600;
}

.tp-header-top-left a:hover,
.tp-header-top-contact a:hover {
    color: #ff6000;
}

.tp-header-top-contact i {
    margin-right: 5px;
    color: #fff;
}


/* Default Card Styling */
.tp-price-2-item {
  background: #d60101;

    padding: 30px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}



/* Gradient Glow Hover Effect */
.tp-price-2-item:hover {
     background: linear-gradient(135deg, #1c1c1c, #d60101);
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(255, 46, 99, 0.4);
}

/* Hover Text & Icon Color Change */
.tp-price-2-item:hover h5,
.tp-price-2-item:hover span,
.tp-price-2-item:hover h4,
.tp-price-2-item:hover ul li  {
    color: #fff ;
}

/* Animated Border Shine */
.tp-price-2-item::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
     background: linear-gradient(135deg, #1c1c1c, #d60101);
    border-radius: 10px;
    z-index: -1;
    transition: opacity 0.4s;
    opacity: 0;
}

/* Border Shine Effect on Hover */
.tp-price-2-item:hover::before {
    opacity: 1;
}

/* Button Hover Effect */
/* .tp-btn {
    display: inline-block;
    background: linear-gradient(140deg, #ff8c00, #ff2e63);
    color: #fff;

    border-radius: 5px;
    transition: background 0.3s ease, transform 0.3s ease;
    text-decoration: none;
    font-weight: bold;
} */

/* .tp-btn:hover {
    background: linear-gradient(135deg, #ff2e63, #ff8c00);
    transform: scale(1.1);
} */


.feature-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 12px;
    }

    .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    }

    .feature-icon i {
        transition: transform 0.3s ease;
    }

    .feature-card:hover .feature-icon i {
        transform: scale(1.2);
    }

 .footer-logo {
    width: 190px;
    border-radius: 10px;
  }
  @media (max-width: 768px) {
    .footer-logo {
           width: 150px;
    }
  }
  .tp-footer-contact li {
    list-style: none;
    margin-bottom: 10px;
  }
  .tp-footer-contact i {
    margin-right: 8px;
    color: var(--tp-theme-1);
  }


  /* Background Image with Overlay */
.tp-contact-form-area {
    position: relative;
    background: url('/assets/img/service/wireless-network-4.jpg') no-repeat center center/cover;
    z-index: 1;
}

.tp-contact-form-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(19, 19, 19, 0.6); /* Dark overlay */
    z-index: -1;
}

/* Contact Form Styling */
.contact-form {
    background: rgb(255, 254, 254); /* Slight transparency */
    padding: 80px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.082);
    backdrop-filter: blur(5px); /* Adds a subtle blur effect */
}

/* Input and Textarea Styling */
.contact-form input, 
.contact-form textarea {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}

.contact-form input:focus, 
.contact-form textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    outline: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact-form {
        padding: 20px;
    }
}


.internet-leased-inner {
        padding: 50px 0;
    }

    .leased-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }

    .leased-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

    .leased-img {
        width: 100%;
        height: auto;
    }

    .leased-content {
        background: #f8f9fa;
        border-radius: 0 0 12px 12px;
    }

    .heading36 {
        font-size: 24px;
        font-weight: bold;
        color: #333;
    }

    .rectangle-list {
        padding-left: 20px;
    }

    .rectangle-list li {
        margin-bottom: 10px;
    }



.pricing-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 20px;
}

.pricing-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 15px;
    width: 280px;
    text-align: center;
}

.title {
    font-size: 22px;
    color: #d63031;
    margin-bottom: 10px;
}

.prices {
    list-style: none;
    padding: 0;
}

.prices li {
    font-size: 16px;
    padding: 5px;
    background: #f1f1f1;
    margin-bottom: 5px;
    border-radius: 5px;
}

.prices span {
    font-weight: bold;
    color: #d63031;
}

.offers-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
}

.offer {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    width: 200px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.offer h3 {
    font-size: 18px;
    color: #d63031;
}

.offer strong {
    display: block;
    margin-top: 10px;
    font-size: 16px;
}

.contact-info {
    text-align: center;
    margin: 20px 0;
}

.contact-info p {
    font-size: 16px;
}

.contact-info a {
    color: #d63031;
    font-weight: bold;
}




.tp-header-logo img {
    max-width: 120%;  /* Ensures the logo scales properly */
    height: auto;     /* Maintains aspect ratio */
}

@media (max-width: 1200px) {
    .tp-header-logo img {
        max-width: 150px;
    }
}

@media (max-width: 768px) {
    .tp-header-logo img {
        max-width: 130px;
    }
}

@media (max-width: 480px) {
    .tp-header-logo img {
        max-width: 150px;
    }
}
 .tp-price-2-item {
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 10px;
        
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        }

        .tp-price-2-list {
            flex-grow: 1;
        }

        .tp-btn {
            display: inline-block;
            /* padding: 10px 20px; */
            background: #202020;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            text-align: center;
        }

        .tp-btn.black-bg {
            background: #222;
        }

        .tp-price-2-rate {
            font-size: 20px;
            font-weight: bold;
        }


   .feature-box {
            text-align: center;
            padding: 20px;
        }
        .feature-box i {
            font-size: 50px;
            color: #D1006D; /* Adjust color as per design */
            margin-bottom: 10px;
        }
        .feature-box p {
            font-weight: bold;
            margin-top: 10px;
        }


        .tp-price-tab-wrap {
  display: flex;
  justify-content: center;
  width: 100%;

}

.tp-price-tab ul {
  padding: 0;
  margin: 0;
}

.text-gigasparkl{
 color: #de1e23 ;
}


/* Keyframes for breathing animation */
@keyframes breathe {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1); /* Increase the size slightly at the midpoint */
  }
}

/* Phone Call Icon Styles */
.float-enquiry {
  position: fixed;
  bottom: 50px; /* Adjust based on your layout */
  left: 10px; /* Position it on the left */
  z-index: 9999;
  width: 60px; /* Size of the icon */
  height: 60px; /* Size of the icon */
  border-radius: 50%; /* Round icon */
  background-color: #0ea01a; /* Background color for visibility */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe 2s ease-in-out infinite; /* Apply the breathing animation */
}

/* WhatsApp Button Styles */
.whatsapp-button {
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #0ea01a; /* Background color for visibility */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe 2s ease-in-out infinite; /* Apply the breathing animation */
}

.whatsapp-button i {
  color: #fff; /* Icon color */
}

.contact-icons {
  font-size: 12px; /* Adjust icon size for mobile */
}
.icon-png {
  height: 30px;
  width: auto;
  align-items: center;
  margin-top: 2px;
}
/* Popout Chat UI */
.chat-popout {
  position: fixed;
  bottom: 120px; /* Adjusts above WhatsApp button */
  right: 10px;
  z-index: 9998;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  width: 150px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  animation: popout 1.5s ease-in-out infinite;
}
.chat-popout span {
  color: #000; /* Change to your desired color */
  font-size: 14px;
  font-weight: bold;
}

.chat-popout::before {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 10px;
  border-width: 8px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.chat-popout i {
  color: #0ea01a;
  font-size: 18px;
}

/* Media query for mobile devices */
@media (max-width: 600px) {
  .float-enquiry {
    position: fixed;
    bottom: 20px; /* Adjust position for mobile if necessary */
    left: 10px; /* Adjust position for mobile if necessary */
    width: 50px; /* Adjust size for mobile */
    height: 50px; /* Adjust size for mobile */
  }
  .whatsapp-button {
    position: fixed;
    bottom: 20px; /* Adjust position for mobile if necessary */
    right: 10px; /* Adjust position for mobile if necessary */
    width: 50px; /* Adjust size for mobile */
    height: 50px; /* Adjust size for mobile */
  }
  .contact-icons {
    font-size: 12px; /* Adjust icon size for mobile */
  }
  .icon-png {
    height: 30px;
    width: auto;
    align-items: center;
    margin-top: 2px;
  }
    .chat-popout {
    bottom: 80px;
    right: 10px;
    width: 130px;
    font-size: 12px;
  }
}



.text-mute {
    --bs-text-opacity: 1;
    color: #eeeeee !important;
}


 .overlay-card {
    background: rgba(0, 0, 0, 0.438); /* Semi-transparent black */
    backdrop-filter: blur(5px); /* Optional: Adds a subtle blur effect */
    border-radius: 10px;
    padding: 20px;
 }

  .tp-funfact-content {
    position: relative;
    padding: 20px;
  }

  .funfact-icon {
    font-size: 40px;
    color: var(--tp-theme-1);
    margin-bottom: 10px;
    display: block;
    animation: bounce 1.5s infinite;
  }

  .tp-funfact-number {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
  }

  .tp-funfact-number .plus {
    font-weight: bold;
    font-size: inherit;
    margin-left: 2px;
    color: inherit;
  }

  @keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-5px);
    }
  }


   /* Video Background */
  .tp-video-area {
    position: relative;
    height: 75vh; /* Full-screen height */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    /* filter: brightness(0.6); */
    z-index: -2;
  }

  /* Overlay */
.video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgb(27 20 139 / 26%); */
    z-index: -1;
}

  /* Content Box */
.overlay-card {
    background: rgb(120 120 120 / 10%);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
}


  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .tp-video-area {
      height: auto;
      padding: 50px 0;
    }

    h2 {
      font-size: 1.5rem;
    }

    p {
      font-size: 1rem;
    }
  }

.partner-logo {
    max-width: 100%; /* Ensures it scales down on smaller screens */
    width: 120px; /* Maintains aspect ratio */
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
}

/* Ensure logos have a reasonable max size */
@media (min-width: 768px) { 
    .partner-logo {
        max-width: 200px; /* Limits size on larger screens */
    }
}

.partner-logo:hover {
    transform: scale(1.1);
}



  /* Contact Area Styling */
.tp-contact-3-area {
  background-color: #f8f9fa; /* Light background */
  padding: 80px 0;
}

/* Contact Container */
.tp-contact-3-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}



/* Icon Styles */
.tp-contact-3-icon span i {
  color: var(--tp-theme-1);
  font-size: 28px;
  transition: color 0.3s ease-in-out;
}



/* Contact Title */
.tp-contact-3-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

/* Contact Details */
.tp-contact-3-text a {
  font-size: 16px;
  color: #555;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

/* Hover Effects for Links */
.tp-contact-3-text a:hover {
  color: #007bff;
  text-decoration: underline;
}

/* Responsive Spacing */
@media (max-width: 768px) {
  .tp-contact-3-item {
    padding: 20px;
  }

  .tp-contact-3-title {
    font-size: 18px;
  }

  .tp-contact-3-text a {
    font-size: 14px;
  }
}


.tp-contact-form-area {
    padding: 50px 20px; /* Adjust padding for better spacing on all screens */
}

.contact-form {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Ensure inputs take full width on smaller screens */
.contact-form .form-control {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tp-contact-form-area {
        padding: 40px 15px;
    }

    .contact-form {
        padding: 20px;
    }

    .tp-header-btn {
        text-align: center;
    }

    .tp-btn-sm {
        width: 50%; /* Full-width button on small screens */
    }
}


.tp-footer-area {
    padding: 50px 20px;
    background-color: #111; /* Keeps black background */
    color: #fff;
}

.tp-footer-widget {
    text-align: left;
}

.tp-footer-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Footer Logo */
.footer-logo {
    max-width: 180px;
    height: auto;
}

/* Footer List Styling */
.tp-footer-list, .tp-footer-contact {
    list-style: none;
    padding: 0;
}

.tp-footer-list li, .tp-footer-contact li {
    margin-bottom: 10px;
}

.tp-footer-list a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

.tp-footer-list a:hover {
    color: #ff6600; /* Change to brand color */
}

/* Footer Contact Icons */
.tp-footer-contact i {
    margin-right: 10px;
    color: var(--tp-theme-1)
}

/* Copyright Area */
.tp-copyright-area {
    padding: 15px 0;
    text-align: center;
    background-color: #000; /* Darker background for copyright */
}

.tp-copyright-left p {
    font-size: 14px;
    margin: 0;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .tp-footer-widget {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .tp-footer-area {
        padding: 40px 15px;
    }
    
    .tp-footer-title {
        font-size: 16px;
    }
    
    .tp-footer-widget {
        margin-bottom: 30px;
    }
    
    .tp-footer-list li, .tp-footer-contact li {
        font-size: 14px;
    }
}


.tp-contact-form-area {
  position: relative;
background: url('../img/video/7.png') no-repeat center center/cover;

  padding: 80px 0;
}

.tp-contact-form-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Slight dark overlay */
  backdrop-filter: blur(1px); /* Slight blur effect */
}

.contact-form {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.contact-form input,
.contact-form textarea {
  border: none;
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.1);
}


.plus {
    display: inline-block; /* Ensures it remains visible */
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 2px; /* Adjusts spacing */
}



.jio-logo {
    max-width: 100px;  /* Adjust size as needed */
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .jio-logo {
        max-width: 80px; /* Slightly smaller for tablets */
    }
}

@media (max-width: 480px) {
    .jio-logo {
        max-width: 60px; /* Even smaller for mobile */
    }
}


.ott-logo {
    height: 50px;  /* Set equal height for all logos */
    width: auto;   /* Maintain aspect ratio */
    margin: 0 10px;  /* Space between logos */
    object-fit: contain;  /* Ensures logos scale properly */
}

/* Responsive Design */
@media (max-width: 768px) {
    .ott-logo {
        height: 40px; /* Slightly smaller on tablets */
    }
}

@media (max-width: 480px) {
    .ott-logo {
        height: 35px; /* Smaller on mobile */
    }
}



.tp-price-2-logos {
    /* gap: 10px;  */
    max-width: 100%; /* Prevent overflow */

}

.ott-logo {
    height: 45px; /* Fixed height for all logos */
    width: auto; /* Keep aspect ratio */
    object-fit: contain; /* Ensures logos don’t stretch */
    border-radius: 50px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .ott-logo {
        height: 40px; /* Smaller for tablets */
    }
}

@media (max-width: 480px) {
    .ott-logo {
        height: 35px; /* Even smaller for mobiles */
    }
}


.footer-logo {
    max-width: 200px; /* Ensures the logo doesn't stretch */
    height: auto; /* Maintains aspect ratio */
}

/* Center logo on smaller screens */
@media (max-width: 768px) {
    .tp-footer-widget {
        text-align: center;
    }
    .footer-logo {
        max-width: 150px; /* Smaller logo for mobiles */
    }
}


.router-plan {
    border-radius: 12px;
    background: #ffffffcf;
    padding: 8px;
    display: flex
;
    align-items: center;
    margin: 24px 0;
}

.tp-price-3-logos {
  display: flex; /* Maintain layout */
  justify-content: center;
  align-items: center;
  min-height: 50px; /* Ensure it takes up space */
}

.recommended-text {
  /* font-weight: bold; */
  color: #fff; /* Adjust color as needed */
  text-align: center;
  font-size: 16px;
  position: relative;
  font-style: italic;
  /* padding-bottom: 10px; */
}

/* Add the decorative line */
.recommended-text::after {
  content: "";
  background-image: url('/themes/custom/actcorp/assets/images/line.svg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 162px;
  height: 8px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
  /* Ensure images are responsive and cover the full width and height of the carousel */
  .carousel-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Makes sure images fill the container without stretching */
  }

  /* Optional: Adjust the size of the captions on different screen sizes */
  .carousel-caption h1 {
    font-size: 3rem;
  }

  .carousel-caption p {
    font-size: 1.5rem;
  }

  /* For larger screens like desktops */
  @media (max-width: 1200px) {
    .carousel-caption h1 {
      font-size: 2.5rem;
    }

    .carousel-caption p {
      font-size: 1.2rem;
    }
  }

  /* For tablets and smaller screens */
  @media (max-width: 768px) {
    .carousel-caption h1 {
      font-size: 2rem;
    }

    .carousel-caption p {
      font-size: 1rem;
    }
  }

  /* For mobile screens */
  @media (max-width: 576px) {
    .carousel-caption h1 {
      font-size: 1.5rem;
    }

    .carousel-caption p {
      font-size: 0.9rem;
    }
  }

  .tp-funfact-number {
  font-size: 36px; /* Adjust size as needed */
  font-weight: bold;
}

.count {
  display: inline-block;
}

.plus {
  font-size: 30px; /* Adjust size to match the count size */
  font-weight: normal;
  display: inline-block;
  margin-left: 5px; /* Space between number and plus sign */
  visibility: visible; /* Ensure the plus sign is visible */
}
.tp-funfact-number {
  font-size: 36px; /* Adjust size to match your design */
  font-weight: bold;
}

.count {
  display: inline-block;
}

.plus {
  font-size: 30px; /* Adjust to be consistent with the number size */
  font-weight: normal;
  display: inline-block;
  margin-left: 5px; /* Adds a small gap between the number and the + sign */
  visibility: visible; /* Ensure the + is visible */
}

.tp-funfact-number {
  font-size: 36px; /* Adjust size based on your design */
  font-weight: bold;
}

.count {
  display: inline-block;
}

.tp-funfact-number::after {
  content: "+"; /* This adds the plus sign after the number */
  font-size: 36px; /* Match the size of the number */
  font-weight: normal;

  visibility: visible; /* Make sure the plus sign is visible */
}

.gst-container {
  margin-left: 800px;
}
/* Base Styles */
.plan-container {
    max-width: 250px;
    margin: 20px auto;
    padding: 5px;
    background-color: #000000;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
}

.plan-content {

}

.plan-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #28a745;
    margin-bottom: 15px;
}

.plan-price {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 10px;
}

.plan-description {
    font-size: 1rem;
    color: #555;

}

.gst-note {
    font-size: 1rem;
    color: red;
    text-align: center;

}

.plan-action-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.plan-action-btn:hover {
    background-color: #218838;
}

/* Responsive Design */
@media (max-width: 768px) {
    .plan-container {
        max-width: 90%;
    }

    .plan-title {
        font-size: 1.3rem;
    }

    .plan-price {
        font-size: 1rem;
    }

    .plan-description {
        font-size: 0.9rem;
    }

    .gst-note {
        font-size: 0.90rem;
    }

    .plan-action-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .plan-container {

        max-width: 50%;
        padding: 5px;
    }

    .plan-title {
        font-size: 1.2rem;
    }

    .plan-price {
        font-size: 0.9rem;
    }

    .plan-description {
        font-size: 0.85rem;
    }

    .plan-action-btn {
        font-size: 0.9rem;
        padding: 12px;
    }
}

/* Media query for tablets and smaller devices (max-width: 768px) */
@media (max-width: 768px) {
  .gst-container {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Media query for mobile devices (max-width: 480px) */
@media (max-width: 480px) {
  .gst-container {
    margin-left: auto;
    margin-right: auto;
  }
}