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

    Template Name: Landor – Modern Real Estate & Property Listing HTML Template
    Author: Theme_Pure
    Support: help.themepure.net
    Description: Landor – Modern Real Estate & Property Listing HTML Template
    Version: 1.0.0

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Css Here

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Accordion Css Here
		2.3 Button Css Here
		2.4 Pagination Css Here
		2.5 Offcanvas Css Here
		2.6 Breadcrumb Css Here
		2.7 Nice Select
		2.8 Magic Cursor css start
		2.9 Preloader Css Here

	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Mobile Menu Css Here

	---------------------------------
	04. BLOG CSS
	---------------------------------
		4.1 Blog Css Here
		4.2 Sidebar Css Here

	---------------------------------
	05. FOOTER CSS
	---------------------------------
		5.1 Footer Css Here

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Hero Css Here
		7.2 Abou Css Here
		7.3 Floting Css Here
		7.4 Contact Css Here
		7.5 Cta Css Here
		7.6 Fact Css Here
		7.7 Portfolio Css Here
		7.8 Service Css Here
		7.9 Team Css Here
		8.0 Testimonial Css Here
		8.1 Video Css Here
		8.2 Faq Css Here
		8.3 Brand Css Here
		8.4 Project Css Here
		8.5 Error Css Here
		8.6 Feature Css Here
		8.7 Misson Css Here
		8.8 Choose Css Here
		8.9 Value Css Here
		9.0 Award Css Here
		9.1 Career Css Here

**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:wght@400;500;600;700;800&family=Sora:wght@100..800&display=swap");
:root {
  --tp-theme-color: #000000;
  --tp-secoundery-color: #D9D813;
  --tp-orange-color: #E6641C;
  --tp-body-color: #404038;
  --tp-white-color: #FFFFFF;
  --tp-gray-color: #F5F5F5;
}

:root {
  --tp-theme-font: "Manrope", sans-serif;
  --tp-playfair-font: "Playfair Display", serif;
  --tp-poppins-font: "Poppins", sans-serif;
  --tp-sora-font: "Sora", sans-serif;
}

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

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

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-theme-font);
  color: var(--tp-theme-color);
  margin-top: 0px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

h1 {
  font-size: 69px;
}

h2 {
  font-size: 55px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 15px;
}

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

p {
  font-family: var(--tp-theme-font);
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-body-color);
  margin-bottom: 10px;
  line-height: 28px;
}

a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

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

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
textarea {
  resize: none;
  outline: none;
  background-color: transparent;
  height: 58px;
  width: 100%;
  line-height: 56px;
  font-size: 15px;
  color: var(--tp-body-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 58px;
  font-weight: 500;
  padding: 0 30px;
}
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=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--tp-body-color);
}
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=search]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--tp-body-color);
}
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=search]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--tp-body-color);
}
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=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--tp-body-color);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-black-color);
}
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=search]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

*::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

*::selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-body-color);
  opacity: 1;
  font-weight: 500;
}

*::placeholder {
  color: var(--tp-body-color);
  opacity: 1;
  font-weight: 500;
}

/*----------------------------------------*/
/*  1.2 Common Css Here
/*----------------------------------------*/
img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}
.z-index-2 {
  position: relative;
  z-index: 2;
}
.z-index-3 {
  position: relative;
  z-index: 3;
}
.z-index-4 {
  position: relative;
  z-index: 4;
}
.z-index-5 {
  position: relative;
  z-index: 5;
}
.z-index-6 {
  position: relative;
  z-index: 6;
}
.z-index-7 {
  position: relative;
  z-index: 7;
}
.z-index-8 {
  position: relative;
  z-index: 8;
}
.z-index-9 {
  position: relative;
  z-index: 9;
}
.z-index-10 {
  position: relative;
  z-index: 10;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.br-5 > img {
  border-radius: 5px;
}
.br-10 > img {
  border-radius: 10px;
}
.br-15 {
  border-radius: 15px;
}
.br-15 > img, .br-15 > a img {
  border-radius: 15px;
}
.br-20 {
  border-radius: 20px;
}
.br-20 > img, .br-20 > a img {
  border-radius: 20px;
}
.br-30 {
  border-radius: 20px;
}
.br-30 > img, .br-30 > a img {
  border-radius: 30px;
}

.tp-upper {
  text-transform: uppercase;
}

.tp-cap {
  text-transform: capitalize;
}

.tp-text-white {
  color: var(--tp-white-color);
}
.tp-text-black {
  color: var(--tp-theme-color);
}
.tp-text-orange {
  color: var(--tp-orange-color);
}
.tp-text-secoundery {
  color: var(--tp-secoundery-color);
}
.tp-text-body {
  color: var(--tp-body-color);
}

.tp-bg-white {
  background-color: var(--tp-white-color);
}
.tp-bg-black {
  background-color: var(--tp-theme-color);
}
.tp-bg-orange {
  background-color: var(--tp-orange-color);
}
.tp-bg-secoundery {
  background-color: var(--tp-secoundery-color);
}
.tp-bg-gray {
  background-color: var(--tp-gray-color);
}

.tp-flex {
  display: flex;
}

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

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

.tp-flex-center {
  display: flex;
  align-items: center;
}

.tp-align-center {
  align-items: center;
}

.tp-align-end {
  align-items: end;
}

.tp-justify-center {
  justify-content: center;
}

.tp-justify-end {
  justify-content: end;
}

.tp-justify-between {
  justify-content: space-between;
}

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

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

.tp-brand-slide-element {
  width: auto;
}

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

.tp-w-100 {
  width: 100%;
}

.tp-h-100 {
  height: 100%;
}

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

.tp-in-block {
  display: inline-block;
}

.lh-1 {
  line-height: 1;
}

.bg-linear {
  background: linear-gradient(180deg, #F5F5F5 69.91%, #FFFFFF 100%);
}

.mb-12 {
  margin-bottom: 12px;
}

.tp-bg-overlay, .tp-bg-overlay-2 {
  position: relative;
  z-index: 1;
}
.tp-bg-overlay::before, .tp-bg-overlay-2::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.58%, #000000 100%);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.tp-bg-overlay-2::before {
  background: rgba(0, 0, 0, 0.75);
}

.margin-0 {
  margin: 0;
}

.slider-width {
  width: auto !important;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .slider-width {
    width: 100% !important;
  }
}

.slider-wrap {
  align-items: center;
}

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

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

.tp-linear-bg, .tp-linear-bg-2, .tp-linear-bg-3, .tp-linear-bg-5 {
  position: relative;
  z-index: 1;
}
.tp-linear-bg::before, .tp-linear-bg-2::before, .tp-linear-bg-3::before, .tp-linear-bg-5::before {
  position: absolute;
  content: "";
  background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 74%);
  border-radius: 20px 20px 0px 0px;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.tp-linear-bg-2::before {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.tp-linear-bg-3::before {
  background: linear-gradient(180deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 80%);
}

.tp-linear-bg-5::before {
  background: linear-gradient(87.95deg, rgba(0, 0, 0, 0.6) 2.25%, rgba(0, 0, 0, 0) 98.79%);
}

.tp-linear-bg-4, .tp-linear-bg-6, .tp-linear-bg-7 {
  position: relative;
  z-index: 2;
}
.tp-linear-bg-4::after, .tp-linear-bg-6::after, .tp-linear-bg-7::after {
  position: absolute;
  content: "";
  background: linear-gradient(360deg, #D9D813 0%, rgba(0, 0, 0, 0) 64.42%);
  border-radius: 20px 20px 0px 0px;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.tp-linear-bg-6::after {
  background: linear-gradient(360deg, #D9D813 0%, rgba(0, 0, 0, 0.55) 75%);
}

.tp-linear-bg-7::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.22%, rgba(0, 0, 0, 0.8) 100%);
}

.tp-overlay, .tp-overlay-2, .tp-overlay-3, .tp-overlay-4, .tp-overlay-5 {
  position: relative;
  z-index: 1;
}
.tp-overlay::before, .tp-overlay-2::before, .tp-overlay-3::before, .tp-overlay-4::before, .tp-overlay-5::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.tp-fs-15 {
  font-size: 15px;
}
.tp-fs-20 {
  font-size: 20px;
}
.tp-fs-24 {
  font-size: 24px;
}

.tp-overlay-2::before {
  background: rgba(0, 0, 0, 0.65);
}

.tp-overlay-3::before {
  background: rgba(0, 0, 0, 0.55);
}

.tp-overlay-4::before {
  background: rgba(0, 0, 0, 0.15);
}

.tp-overlay-5::before {
  background: rgba(0, 0, 0, 0.25);
}

.tp-bluer-bg {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.22) 17.93%, rgba(255, 255, 255, 0.055) 81.51%);
  backdrop-filter: blur(20px);
}

.container-wide {
  max-width: 1860px;
  margin: 0 auto;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .container-wide {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .container-wide {
    padding: 0;
  }
}

.default-margin {
  margin: 0 30px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .default-margin {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .default-margin {
    margin: 0;
  }
}

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

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

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

.white-rgba {
  color: rgba(255, 255, 255, 0.65);
}

.tp-badge-circle a {
  font-size: 30px;
  width: 240px;
  height: 240px;
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.0825) 17.93%, rgba(0, 0, 0, 0.0525) 81.51%);
  backdrop-filter: blur(20px);
  color: var(--tp-white-color);
  border-radius: 280px;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-align: center;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-badge-circle a {
    font-size: 25px;
    width: 200px;
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-badge-circle a {
    font-size: 20px;
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-badge-circle a {
    font-size: 18px;
    width: 120px;
    height: 120px;
  }
}
.tp-badge-circle a:hover {
  filter: brightness(1.5);
  color: var(--tp-theme-color);
}

.fixed_attachment {
  background-attachment: fixed;
}

samp {
  font-family: var(--tp-theme-font);
}

/*----------------------------------------*/
/*  2.2 Accordion Css Here
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.3 Section Title Css Here
/*----------------------------------------*/
.tp-section-sub-title {
  display: inline-block;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  line-height: 1;
  padding: 5px 14px;
}
@media (max-width: 574.98px) {
  .tp-section-sub-title {
    font-size: 15px;
    padding: 6px 10px;
  }
}
.tp-section-sub-title-sec {
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--tp-secoundery-color);
}
.tp-section-sub-title-trd {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}
.tp-section-sub-title-land {
  font-size: 20px;
}
.tp-section-title {
  font-size: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-section-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-section-title {
    font-size: 40px;
  }
  .tp-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-section-title {
    font-size: 35px;
  }
  .tp-section-title br {
    display: none;
  }
}
.tp-section-title span {
  font-family: var(--tp-playfair-font);
  font-style: italic;
  margin-left: 10px;
  display: inline-block;
}
.tp-section-title-mid {
  font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-section-title-mid {
    font-size: 35px;
  }
  .tp-section-title-mid br {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .tp-section-title-mid {
    font-size: 33px;
  }
  .tp-section-title-mid br {
    display: none;
  }
}
.tp-section-title-mid-2 {
  font-size: 60px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-section-title-mid-2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-section-title-mid-2 {
    font-size: 40px;
  }
  .tp-section-title-mid-2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-section-title-mid-2 {
    font-size: 35px;
  }
  .tp-section-title-mid-2 br {
    display: none;
  }
}
.tp-section-title-larg {
  font-size: 100px;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-section-title-larg {
    font-size: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-section-title-larg {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-section-title-larg {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-section-title-larg {
    font-size: 50px;
  }
}

/*----------------------------------------*/
/*  2.4 Pagination Css Here
/*----------------------------------------*/
.tp-pagination ul {
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
.tp-pagination ul li {
  list-style: none;
}
.tp-pagination ul li a {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-weight: 500;
  height: 44px;
  min-width: 44px;
  padding: 13px 17px;
  line-height: 1;
  text-align: center;
}
.tp-pagination ul li a svg {
  margin-left: 5px;
}
.tp-pagination ul li a:hover, .tp-pagination ul li a.active {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  border-color: transparent;
}
.tp-pagination ul li:first-child > a svg {
  margin-left: 0;
  margin-right: 5px;
}

/*----------------------------------------*/
/*  2.5 Offcanvas Css Here
/*----------------------------------------*/
.tp-offcanvas {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  width: 400px;
  height: 100%;
  background: #fff;
  padding: 50px 40px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-delay: 0s;
  z-index: 999;
}
@media only screen and (max-width: 400px) {
  .tp-offcanvas {
    width: 100%;
    padding: 35px 30px;
  }
}
.tp-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-delay: 0.3s;
}
.tp-offcanvas-button-close i {
  font-size: 30px;
  transition: 0.5s;
  font-weight: 500;
}
.tp-offcanvas-button-close i:hover {
  color: var(--tp-secoundery-color);
  transform: rotate(-90deg);
}
.tp-offcanvas-title {
  font-size: 25px;
}
.tp-offcanvas-cta-title {
  font-size: 30px;
}
.tp-offcanvas-cta li {
  list-style: none;
}
.tp-offcanvas-cta li span {
  font-size: 17px;
  color: #000;
}
.tp-offcanvas-cta li span i {
  margin-right: 6px;
}
.tp-offcanvas-cta li a:hover {
  color: var(--tp-secoundery-color);
}
.tp-offcanvas-social a {
  font-size: 20px;
  margin-right: 15px;
}
.tp-offcanvas-header {
  padding: 0;
}
.tp-offcanvas-overlay {
  position: fixed;
  background-color: #000;
  width: 0;
  opacity: 0;
  height: 100%;
  z-index: 99;
  top: 0;
  right: 0;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-delay: 0.3s;
}
.tp-offcanvas-overlay-open {
  opacity: 0.5;
  visibility: visible;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-delay: 0s;
}
.tp-offcanvas-contect-social {
  z-index: 1;
  position: relative;
}
.tp-offcanvas-contect-social ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tp-offcanvas-contect-social ul li {
  list-style: none;
}
.tp-offcanvas-contect-social ul li a {
  width: 40px;
  height: 40px;
  border: 1px solid var(--tp-secoundery-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tp-theme-color);
}
.tp-offcanvas-contect-social ul li a:hover {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}
.tp-offcanvas-gallery {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto auto auto;
}
.tp-offcanvas-gallery a img {
  border-radius: 5px;
}

.header-sidebar-btn {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  border-radius: 50px;
  background-color: var(--tp-secoundery-color);
}
.header-sidebar-btn:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.header-sidebar-btn:hover span:nth-child(2) {
  animation-delay: 0.1s;
}
.header-sidebar-btn span {
  background: #000;
  width: 13px;
  margin: 0 0 0 auto;
  border-radius: 20px;
  height: 2px;
  display: inline-block;
}
.header-sidebar-btn span:nth-child(2) {
  width: 20px;
}
.header-sidebar-btn-bg {
  width: 36px;
  height: 36px;
  background: #000;
  border-radius: 50px;
  justify-content: center;
  padding-right: 9px;
}
.header-sidebar-btn-bg span {
  background: #fff;
}
.header-sidebar-btn-bg span:nth-child(2) {
  width: 18px;
}
.header-sidebar-btn-bg-white {
  background: #fff;
}
.header-sidebar-btn-bg-white span {
  background: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .header-sidebar-btn {
    margin-left: 20px;
  }
}

@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
/*----------------------------------------*/
/*  2.6 Breadcrumb Css Here
/*----------------------------------------*/
.tp-breadcrumb {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-breadcrumb {
    min-height: 430px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-breadcrumb {
    min-height: 350px;
  }
}
.tp-breadcrumb-menu {
  position: relative;
  grid-gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-breadcrumb-menu {
    padding-top: 20px;
    margin-bottom: 5px;
  }
}
.tp-breadcrumb-menu span {
  font-size: 17px;
  font-weight: 500;
  color: var(--tp-white-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-breadcrumb-menu span {
    font-size: 15px;
  }
}
.tp-breadcrumb-menu span a:hover {
  color: var(--tp-secoundery-color);
}
.tp-breadcrumb-menu::before {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.25);
  width: 1720px;
  height: 1px;
  top: 0;
  left: -208px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px) {
  .tp-breadcrumb-menu::before {
    width: 1600px;
    left: -163px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-breadcrumb-menu::before {
    width: 1500px;
    left: -85px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-breadcrumb-menu::before {
    width: 100%;
    left: 0;
  }
}
.tp-breadcrumb-title {
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-breadcrumb-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-breadcrumb-title {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-breadcrumb-title {
    font-size: 50px;
  }
}
.tp-breadcrumb-shape {
  left: 0;
  bottom: 0;
  mix-blend-mode: color-burn;
  z-index: -1;
  height: 100%;
}
.tp-breadcrumb-shape img {
  height: 100%;
}

.pulse-animation, .pulse-animation-white {
  position: relative;
  width: 100%;
  max-width: 120px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.pulse-animation::after, .pulse-animation-white::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  animation: borderExpand 2.5s infinite;
}

.pulse-animation-white::after {
  border-color: rgba(255, 255, 255, 0.5);
}

@keyframes borderExpand {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.pulse-animation-3 {
  position: relative;
}
.pulse-animation-3::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  animation: borderExpand2 2.5s infinite;
}

@keyframes borderExpand2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0;
    @media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
      transform: scale(2);
    }
  }
}
@keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
/*----------------------------------------*/
/*  2.7 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: var(--tp-theme-font);
  outline: none;
  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;
  color: var(--tp-body-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 58px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 58px;
  padding: 0 30px;
}
.nice-select:hover {
  border-color: rgba(0, 0, 0, 0.1);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: rgba(0, 0, 0, 0.1);
}
.nice-select::after {
  position: absolute;
  content: "\f078";
  top: 50%;
  right: 30px;
  font-family: "Font Awesome 6 Pro";
  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;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -moz-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: var(--tp-white-color);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 5px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0px;
  -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;
  color: var(--tp-theme-color);
  font-weight: 500;
  width: 100%;
  padding: 10px 3px;
  height: auto;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  list-style: none;
  line-height: 35px;
  min-height: 35px;
  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.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;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 574.98px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

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

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

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

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

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  transform: scale(0);
  font-family: var(--tp-white-font);
  color: var(--tp-theme-color);
}

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

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

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

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

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

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

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

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

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

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

.cursor-secoundery-bg #ball {
  background-color: var(--tp-secoundery-color) !important;
}
.cursor-secoundery-bg #ball .ball-view {
  color: var(--tp-theme-color);
}

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

/*----------------------------------------*/
/*  2.9 Preloader Css Here
/*----------------------------------------*/
#loading {
  background-color: var(--tp-theme-color);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  margin-top: 0px;
  top: 0px;
}

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

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: loading-center-absolute 1.5s infinite;
  animation: loading-center-absolute 1.5s infinite;
}

.object {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  float: left;
}

#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}

#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
}

#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
}

#object_four {
  -webkit-animation: object_four 1.5s infinite;
  animation: object_four 1.5s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
/*----------------------------------------*/
/*  2.3 Button Css Here
/*----------------------------------------*/
.tp-btn {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  background-color: var(--tp-secoundery-color);
  font-weight: 600;
  color: var(--tp-theme-color);
  padding: 8px 8px 8px 25px;
  line-height: 1;
  border-radius: 52px;
  width: fit-content;
  height: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn {
    padding: 6px 6px 6px 20px;
    grid-gap: 5px;
    height: 43px;
    font-size: 15px;
  }
}
.tp-btn-icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-color: transparent;
  color: var(--tp-white-color);
  text-align: center;
  line-height: 34px;
  border-radius: 50px;
  position: relative;
}
.tp-btn-icon::before {
  position: absolute;
  content: "";
  background-color: var(--tp-theme-color);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-btn-icon svg {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transition-delay: 0.1s;
}
.tp-btn-border {
  background-color: transparent;
  border: 1px solid var(--tp-theme-color);
}
.tp-btn-border-white {
  border-color: var(--tp-white-color);
  color: var(--tp-white-color);
}
.tp-btn-border-white .tp-btn-icon::before {
  background-color: var(--tp-white-color);
}
.tp-btn-border-white .tp-btn-icon svg {
  color: var(--tp-theme-color);
}
.tp-btn-border-white:hover {
  color: var(--tp-white-color);
}
.tp-btn-white {
  background-color: var(--tp-white-color);
}
.tp-btn-submit {
  background-color: var(--tp-white-color);
  line-height: 1;
  width: 100%;
  border-radius: 56px;
  padding: 19px;
  font-weight: 600;
  color: var(--tp-theme-color);
}
.tp-btn-submit:hover {
  background-color: var(--tp-secoundery-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn-submit {
    padding: 15px;
  }
}
.tp-btn-submit-2 {
  background: var(--tp-secoundery-color);
  width: auto;
  padding: 22px 66px;
}
.tp-btn-submit-2:hover {
  background-color: var(--tp-gray-color);
}
.tp-btn-black {
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
}
.tp-btn-black .tp-btn-icon::before {
  background-color: var(--tp-white-color);
}
.tp-btn-black .tp-btn-icon svg {
  color: var(--tp-theme-color);
}
.tp-btn-orange {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
}
.tp-btn-orange .tp-btn-icon::before {
  background-color: var(--tp-white-color);
}
.tp-btn-orange .tp-btn-icon svg {
  color: var(--tp-theme-color);
}
.tp-btn-orange:hover {
  color: var(--tp-white-color);
}
.tp-btn-swiper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 54px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-btn-swiper:hover {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}
.tp-btn-swiper-short {
  width: 40px;
  height: 40px;
  border-color: transparent;
  background-color: var(--tp-white-color);
  color: var(--tp-theme-color);
}
.tp-btn-circle {
  height: 140px;
  width: 140px;
  background: var(--tp-theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 140px;
  color: var(--tp-white-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-btn-circle {
    height: 110px;
    width: 110px;
  }
  .tp-btn-circle svg {
    width: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-btn-circle {
    height: 80px;
    width: 80px;
  }
  .tp-btn-circle svg {
    width: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn-circle {
    height: 60px;
    width: 60px;
  }
  .tp-btn-circle svg {
    width: 15px;
  }
}
.tp-btn-circle:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tp-btn:hover {
  padding: 8px 8px 8px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn:hover {
    padding: 6px 6px 6px 20px;
  }
}
.tp-btn:hover .tp-btn-icon::before {
  width: 36px;
  height: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn:hover .tp-btn-icon::before {
    width: 25px;
    height: 25px;
  }
}
.tp-btn:hover .tp-btn-icon svg {
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 1;
  transform: translateY(0);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn:hover .tp-btn-icon svg {
    width: 8px;
    height: 8px;
  }
}

/*----------------------------------------*/
/*  4.1 Blog Css Here
/*----------------------------------------*/
.tpblogpost {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px) {
  .tpblogpost {
    border-color: transparent;
    background-color: var(--tp-white-color);
    height: 100%;
  }
}
.tpblogpost__meta span {
  display: inline-block;
  font-weight: 500;
  background-color: var(--tp-white-color);
  border: 1px solid transparent;
  border-radius: 30px;
  line-height: 1;
  padding: 12px 19px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpblogpost__meta span {
    padding: 7px 15px;
    font-size: 14px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__meta span {
    padding: 7px 10px;
    font-size: 14px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__author {
    margin-bottom: 15px;
  }
}
.tpblogpost__author-title {
  font-size: 18px;
  margin-bottom: 2px;
}
.tpblogpost__author-title a:hover {
  color: var(--tp-orange-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__author-title {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__author-thumb {
    margin-right: 10px;
  }
}
.tpblogpost__author-thumb img {
  width: 60px;
  height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__author-thumb img {
    width: 40px;
    height: 40px;
  }
}
.tpblogpost__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tpblogpost__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpblogpost__title {
    font-size: 25px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .tpblogpost__title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__content {
    padding-top: 10px;
  }
}
.tpblogpost__button {
  margin-right: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpblogpost__button {
    margin-right: 0;
    margin-left: -10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__button {
    justify-content: start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__button {
    transform: translateY(-8px);
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpblogpost__thumb {
    margin-bottom: 20px;
  }
}
.tpblogpost__thumb img {
  width: 100%;
  border-radius: 15px;
}
.tpblogpost:hover {
  border-color: transparent;
  background-color: var(--tp-white-color);
  height: 100%;
}
.tpblogpost:hover .tpblogpost__meta span {
  border-color: rgba(0, 0, 0, 0.15);
  background-color: transparent;
}
.tpblogpost:hover .tpblogpost__button .tp-btn.tp-btn-border {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}

.tp-blog-spacing {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-blog-spacing {
    padding: 120px 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-blog-spacing {
    padding: 100px 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-blog-spacing {
    padding: 70px 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-blog-heading {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-blog-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-blog-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-blog-area {
    border-radius: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-blog-pagination {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.tp-blog-pagination ul li a {
  border-radius: 44px;
}

.tp-postbox-item:hover .tp-postbox-thumb img {
  transform: scale(1.1);
}
.tp-postbox-spacing {
  padding-top: 150px;
  padding-bottom: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-spacing {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-spacing {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.tp-postbox-badge {
  width: 60px;
  height: 60px;
  background-color: var(--tp-secoundery-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: absolute;
  top: 30px;
  left: 30px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-badge {
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-badge-title {
    font-size: 20px;
  }
}
.tp-postbox-badge span {
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-badge span {
    font-size: 15px;
  }
}
.tp-postbox-categories {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-categories {
    right: 20px;
    bottom: 20px;
  }
}
.tp-postbox-categories a {
  color: #1D2132;
  font-weight: 500;
  display: inline-block;
  background: var(--tp-white-color);
  line-height: 1;
  border-radius: 30px;
  padding: 6px 13px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-categories a {
    padding: 5px 10px;
    font-size: 15px;
  }
}
.tp-postbox-categories a:hover {
  background-color: var(--tp-secoundery-color);
}
.tp-postbox-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-title {
    font-size: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-title {
    font-size: 25px;
  }
}
.tp-postbox-title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tp-postbox-title a:hover {
  background-size: 100% 1px;
}
.tp-postbox-details-title {
  font-size: 36px;
  padding-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-title {
    font-size: 30px;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-title {
    font-size: 25px;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-title-spacing {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-title-spacing {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-thumb {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-thumb {
    margin-bottom: 13px;
  }
}
.tp-postbox-details-thumb p {
  font-size: 14px;
}
.tp-postbox-details-thumb p a {
  color: var(--tp-body-color);
  font-weight: 400;
}
.tp-postbox-details-thumb p a:hover {
  text-decoration: underline;
}
.tp-postbox-details-thumb-wrap {
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-thumb-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-thumb img {
    height: 320px;
    object-fit: cover;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-thumb-inner {
    margin-bottom: 0;
  }
  .tp-postbox-details-thumb-inner p {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-content p:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-content p:not(:last-child) {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-item {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-item {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-info {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-info {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-main {
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-main {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-details-inner-deg {
    padding-top: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-details-inner-deg {
    padding-top: 15px;
  }
}
.tp-postbox-quote {
  grid-gap: 30px;
  padding: 40px;
  padding-bottom: 45px;
}
@media (max-width: 574.98px) {
  .tp-postbox-quote {
    padding: 20px;
    grid-gap: 20px;
  }
}
.tp-postbox-quote-content span {
  display: flex;
  align-items: center;
  grid-gap: 7px;
  color: var(--tp-secoundery-color);
}
.tp-postbox-quote-content span::before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 1px;
  background-color: var(--tp-secoundery-color);
  border-radius: 12px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-quote-deg {
    font-size: 20px;
    margin-bottom: 7px;
  }
}
.tp-postbox-comments ul li {
  list-style: none;
}
.tp-postbox-comments ul li ul.children {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-postbox-comments ul li ul.children {
    padding-left: 0;
  }
}
.tp-postbox-comments-item {
  grid-gap: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-comments-item {
    grid-gap: 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-item {
    grid-gap: 15px;
    margin-bottom: 30px;
  }
}
.tp-postbox-comments-author {
  flex: 0 0 auto;
}
.tp-postbox-comments-author img {
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-comments-author img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-author img {
    width: 60px;
    height: 60px;
  }
}
.tp-postbox-comments-author-title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}
.tp-postbox-comments-author-title span {
  font-weight: 400;
  color: var(--tp-body-color);
  font-size: 14px;
}
.tp-postbox-comments-content p {
  font-size: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-link {
    padding-top: 10px;
  }
}
.tp-postbox-comments-link a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
  grid-gap: 6px;
  padding: 6px 17px;
  color: var(--tp-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-link a {
    padding-top: 5px 13px;
    font-size: 15px;
  }
}
.tp-postbox-comments-link a:hover {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
  border-color: transparent;
}
.tp-postbox-comments-title {
  font-size: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-comments-title {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.tp-postbox-comments-input input, .tp-postbox-comments-input textarea {
  height: 60px;
  margin-bottom: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-input input, .tp-postbox-comments-input textarea {
    height: 54px;
  }
}
.tp-postbox-comments-input textarea {
  height: 120px;
  border-radius: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-input textarea {
    height: 100px;
  }
}
.tp-postbox-comments-input button {
  display: block;
  background-color: var(--tp-secoundery-color);
  width: 100%;
  font-weight: 600;
  color: var(--tp-theme-color);
  border-radius: 60px;
  padding: 16px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-input button {
    padding: 13px;
    font-size: 15px;
  }
}
.tp-postbox-comments-input button svg {
  margin-left: 5px;
}
.tp-postbox-comments-input button:hover {
  background-color: var(--tp-gray-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-comments-wrap {
    padding-top: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-wrap {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-comments-form-wrap {
    padding-top: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-comments-form-wrap {
    padding-top: 10px;
    margin-bottom: 30px;
  }
}
.tp-postbox-check {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 16px;
  height: 16px;
  outline: none;
  flex: 0 0 auto;
  padding: 0;
  background: linear-gradient(313.73deg, #F7F7F7 12.5%, rgba(254, 254, 254, 0) 82.85%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.tp-postbox-check:checked {
  position: relative;
  background: var(--tp-orange-color);
  border-color: transparent;
  border-radius: 20px;
}
.tp-postbox-check:checked::after {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  font-size: 9px;
  color: var(--tp-white-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tp-postbox-check:hover {
  cursor: pointer;
}
.tp-postbox-check-wrap {
  grid-gap: 8px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-check-wrap {
    margin-bottom: 20px;
  }
}
.tp-postbox-check-wrap label {
  font-size: 14px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-postbox-wrap {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-item {
    margin-bottom: 30px;
  }
}
.tp-postbox-thumb {
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-postbox-thumb {
    margin-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-postbox-thumb {
    margin-bottom: 25px;
  }
}
.tp-postbox-thumb img {
  transition: all 0.9s ease-in-out;
}
@media (max-width: 574.98px) {
  .tp-postbox-thumb img {
    height: 320px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-postbox-link {
    padding-top: 10px;
  }
}

.tppostbox {
  overflow: hidden;
}
.tppostbox__shape {
  background-color: #fff;
  border-radius: 0 0 20px 0;
  padding: 0 10px 10px 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.tppostbox__shape::before {
  background-color: transparent;
  border-top-left-radius: 20px;
  bottom: -40px;
  box-shadow: 0 -18px #fff;
  content: "";
  height: 40px;
  position: absolute;
  left: 0;
  width: 20px;
}
.tppostbox__shape::after {
  background-color: transparent;
  border-top-right-radius: 20px;
  bottom: 12px;
  box-shadow: 0 -18px #fff;
  content: "";
  height: 40px;
  position: absolute;
  right: -30px;
  width: 20px;
  transform-origin: center;
  transform: rotate(275deg);
}
.tppostbox__title {
  font-size: 24px;
  padding-top: 25px;
}
.tppostbox__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tppostbox__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tppostbox__title {
    padding-top: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tppostbox__title {
    padding-top: 15px;
  }
}
.tppostbox__meta {
  display: inline-block;
  background: var(--tp-gray-color);
  border-radius: 30px;
  padding: 8px 15px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.tppostbox__thumb {
  overflow: hidden;
}
.tppostbox__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tppostbox__thumb img {
    width: 100%;
  }
}
.tppostbox__btn {
  bottom: 50%;
  z-index: 9;
}
.tppostbox:hover .tppostbox__btn {
  bottom: 50%;
  opacity: 1;
  visibility: visible;
}
.tppostbox:hover .tppostbox__thumb img {
  transform: scale(1.1);
}

.tppostbox2 {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tppostbox2__meta {
  display: inline-block;
  color: var(--tp-theme-color);
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  border-radius: 30px;
  line-height: 1;
  padding: 5px 14px;
}
.tppostbox2__content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tppostbox2__content {
    grid-gap: 10px;
  }
}
.tppostbox2__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tppostbox2__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tppostbox2__title {
    font-size: 22px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tppostbox2__title {
    font-size: 20px;
  }
  .tppostbox2__title br {
    display: none;
  }
}
.tppostbox2__link a {
  width: 60px;
  height: 70px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tp-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tppostbox2__link a {
    width: 40px;
    height: 50px;
  }
  .tppostbox2__link a svg {
    width: 13px;
  }
}
.tppostbox2__link a:hover {
  background-color: var(--tp-secoundery-color);
}
.tppostbox2__thumb {
  overflow: hidden;
}
.tppostbox2__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tppostbox2::before {
  position: absolute;
  content: "";
  background-color: var(--tp-orange-color);
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tppostbox2:hover {
  border-color: transparent;
}
.tppostbox2:hover::before {
  width: 100%;
}
.tppostbox2:hover .tppostbox2__link a {
  background-color: var(--tp-secoundery-color);
}
.tppostbox2:hover .tppostbox2__thumb img {
  transform: scale(1.1) rotate(-2deg);
}

/*----------------------------------------*/
/*  4.2 Sidebar Css Here
/*----------------------------------------*/
.tp-sidebar-search {
  position: relative;
}
.tp-sidebar-search input {
  height: 60px;
  padding-right: 70px;
  border-color: transparent;
  background-color: var(--tp-gray-color);
}
.tp-sidebar-search input:focus {
  background-color: transparent;
  border-color: var(--tp-black-color);
}
.tp-sidebar-search button {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.tp-sidebar-author {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.tp-sidebar-author-avatar img {
  border-radius: 50%;
}
.tp-sidebar-author-status {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: var(--tp-secoundery-color);
  border-radius: 20px;
  border: 3px solid var(--tp-gray-color);
  position: absolute;
  right: 4px;
  top: 3px;
}
.tp-sidebar-author-title {
  font-size: 18px;
}
.tp-sidebar-author-title a:hover {
  color: var(--tp-secoundery-color);
}
.tp-sidebar-author-content span {
  font-size: 14px;
}
.tp-sidebar-author-socials {
  grid-gap: 17px;
}
.tp-sidebar-author-socials a {
  color: var(--tp-theme-color);
}
.tp-sidebar-author-socials a:hover {
  color: var(--tp-secoundery-color);
}
.tp-sidebar-author-info {
  background-color: var(--tp-gray-color);
  border-radius: 20px 20px 30px 30px;
  padding: 40px;
  padding-bottom: 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-author-info {
    padding: 20px;
  }
}
.tp-sidebar-author-cta {
  padding: 35px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-author-cta {
    padding: 20px 25px;
  }
}
.tp-sidebar-author-cta a {
  font-weight: 500;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.tp-sidebar-author-cta a:hover {
  color: var(--tp-secoundery-color);
}
.tp-sidebar-category ul li {
  list-style: none;
  margin-bottom: 8px;
}
.tp-sidebar-category ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(13, 13, 13, 0.08);
  border-radius: 100px;
  padding: 17px 25px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-category ul li a {
    padding: 10px 15px;
    font-size: 15px;
  }
}
.tp-sidebar-category ul li a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  border-color: transparent;
}
.tp-sidebar-category-bg {
  background-color: var(--tp-gray-color);
  border-radius: 20px;
  padding: 35px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-sidebar-category-bg {
    padding: 20px 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-category-bg {
    padding: 20px;
  }
}
.tp-sidebar-category-black ul li a:hover {
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
}
.tp-sidebar-cta {
  padding: 20px;
  padding-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-cta {
    padding-top: 30px;
  }
}
.tp-sidebar-cta-link a {
  display: block;
  background: var(--tp-secoundery-color);
  font-weight: 600;
  color: var(--tp-theme-color);
  line-height: 1;
  border-radius: 10px;
  padding: 18px;
}
.tp-sidebar-cta-link a:hover {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
}
.tp-sidebar-cta-shape {
  left: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-cta-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-cta-img {
    padding-top: 15px;
  }
}
.tp-sidebar-cta-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-search {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-sidebar-widget {
    margin-bottom: 30px;
  }
}
.tp-sidebar-title {
  font-size: 24px;
}

.tprecentpost {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 12px;
}
.tprecentpost:hover .tprecentpost__thumb img {
  transform: scale(1.1);
}
.tprecentpost__title {
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 500;
}
.tprecentpost__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tprecentpost__title a:hover {
  background-size: 100% 1px;
}
.tprecentpost__meta {
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 1;
  grid-gap: 5px;
}
.tprecentpost__thumb {
  overflow: hidden;
  border-radius: 10px;
}
.tprecentpost__thumb img {
  transition: all 0.9s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tagcloud {
    padding-right: 0;
  }
}
.tagcloud a {
  display: inline-block;
  font-weight: 500;
  color: var(--tp-theme-color);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  line-height: 1;
  padding: 7px 15px;
}
.tagcloud a:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 8px;
}
.tagcloud a:hover {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}

/*----------------------------------------*/
/*  5.1 Footer Css Here
/*----------------------------------------*/
.tp-footer-top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-footer-top-spacing {
  padding: 125px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-top-spacing {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-top-spacing {
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-top-spacing {
    padding: 70px 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-top-content {
    padding-top: 20px;
  }
  .tp-footer-top-content p {
    margin-bottom: 20px;
  }
}
.tp-footer-widgets-title {
  font-size: 16px;
  letter-spacing: 0;
  color: var(--tp-body-color);
  text-transform: uppercase;
}
.tp-footer-widgets ul {
  margin-right: -10px;
}
.tp-footer-widgets ul li {
  list-style: none;
  margin-bottom: 18px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-widgets ul li {
    margin-bottom: 8px;
  }
}
.tp-footer-widgets ul li a {
  color: var(--tp-white-color);
  font-size: 17px;
  font-weight: 600;
}
.tp-footer-widgets ul li a:hover {
  color: var(--tp-secoundery-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-widgets ul li a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-widgets-spacing {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-widgets-spacing {
    padding-left: 0;
  }
}
.tp-footer-widgets-black ul li {
  margin-bottom: 10px;
}
.tp-footer-widgets-black ul li a {
  color: var(--tp-theme-color);
}
.tp-footer-widgets-white .tp-footer-widgets-title {
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-widgets-white ul li {
  margin-bottom: 11px;
}
.tp-footer-cta ul li {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-cta ul li {
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-cta ul li {
    margin-bottom: 0;
  }
}
.tp-footer-cta ul li a {
  font-size: 36px;
  font-weight: 500;
  font-family: var(--tp-poppins-font);
  color: var(--tp-white-color);
  letter-spacing: -0.03em;
}
.tp-footer-cta ul li a:hover {
  color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-cta ul li a {
    font-size: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-cta ul li a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-newsletter {
    padding-top: 30px;
  }
}
.tp-footer-newsletter-deg {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.3;
}
.tp-footer-newsletter form input {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  height: 40px;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.65);
  padding-left: 0;
}
.tp-footer-newsletter form input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}
.tp-footer-newsletter form input:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.tp-footer-shape {
  bottom: -85%;
  left: 0;
}
.tp-footer-bottom {
  padding: 70px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-bottom {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .tp-footer-bottom {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-bottom {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-bottom-logo img {
    max-width: 85%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-bottom-logo img {
    max-width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-bottom-logo img {
    max-width: 70%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-main {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-main {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.tp-footer-margin {
  margin: 0 30px 30px 30px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-footer-margin {
    margin: 0 20px 20px 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-footer-margin {
    margin: 0;
    border-radius: 20px 20px 0 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-margin {
    border-radius: 0;
  }
}
.tp-footer-info-title {
  font-size: 40px;
  font-weight: 500;
  font-family: var(--tp-poppins-font);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-info-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.tp-footer-info-deg {
  font-size: 24px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-info-deg {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-info-deg {
    font-size: 18px;
  }
}
.tp-footer-info-deg a {
  text-decoration: underline;
}
.tp-footer-info-deg a:hover {
  color: var(--tp-secoundery-color);
}
.tp-footer-social ul {
  margin: 0;
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.tp-footer-social ul li {
  display: inline-block;
  margin: 0;
}
.tp-footer-social ul li a {
  display: inline-block;
  color: var(--tp-theme-color);
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-footer-social ul li a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  border-color: transparent;
}
.tp-footer-social-white ul li a {
  border-color: var(--tp-white-color);
  color: var(--tp-white-color);
}
.tp-footer-copyright-text p {
  color: var(--tp-theme-color);
}
@media (max-width: 574.98px) {
  .tp-footer-copyright-text p {
    margin-bottom: 10px;
  }
}
.tp-footer-copyright-text p a {
  font-weight: 500;
}
.tp-footer-copyright-text p a:hover {
  text-decoration: underline;
  color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-copyright-text p br {
    display: none;
  }
}
.tp-footer-spacing {
  padding-top: 115px;
  padding-bottom: 40px;
}
@media (max-width: 574.98px) {
  .tp-footer-spacing {
    padding-top: 60px;
  }
}
.tp-footer-spacing-2 {
  padding-bottom: 60px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-spacing-2 {
    padding-bottom: 20px;
  }
}
.tp-footer-spacing-3 {
  padding-top: 140px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-spacing-3 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-spacing-3 {
    padding-top: 70px;
    border-radius: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-content {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-wrap {
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px) {
  .tp-footer-logo {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-logo {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }
}
.tp-footer-title {
  font-size: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-title {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-title {
    font-size: 45px;
    margin-bottom: 30px;
  }
}
.tp-footer-badge a {
  width: 200px;
  height: 200px;
  font-size: 24px;
  letter-spacing: -0.03em;
}
.tp-footer-badge a:hover {
  background-color: var(--tp-white-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-badge a {
    width: 160px;
    height: 160px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-badge a {
    width: 120px;
    height: 120px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-heading {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-heading {
    padding-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-heading {
    flex-wrap: wrap;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-heading {
    flex-wrap: nowrap;
  }
}
.tp-footer-contect {
  max-width: 1600px;
  background: #fff;
  margin: 0 auto;
  border-radius: 20px;
  padding: 90px 90px 0 90px;
  padding-bottom: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-footer-contect {
    max-width: 1450px;
    padding: 60px 60px 0 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-footer-contect {
    max-width: 1300px;
    padding: 40px 40px 0 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-contect {
    max-width: 1117px;
    padding: 40px 40px 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-contect {
    max-width: 930px;
    padding: 30px 30px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-contect {
    max-width: 700px;
    padding: 20px 20px 0 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-footer-contect {
    padding: 20px 0 0 0;
  }
}
.tp-footer-contect-info {
  display: flex;
  justify-content: space-between;
  padding-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-contect-info {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-contect-info {
    flex-wrap: wrap;
  }
}
.tp-footer-contect-info-des {
  font-weight: 400;
  color: var(--tp-body-color);
  font-family: var(--tp-poppins-font);
  display: flex;
  align-items: center;
  grid-gap: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-footer-contect-info-des {
    font-size: 27px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-contect-info-des {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-info-des {
    font-size: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
.tp-footer-contect-info-des b {
  color: var(--tp-theme-color);
  font-weight: 500;
}
.tp-footer-contect-info-des a {
  color: var(--tp-orange-color);
  display: inline-block;
  text-decoration: underline;
}
.tp-footer-contect-info-des a:hover {
  text-decoration: none;
}
.tp-footer-contect-info-des span {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: var(--tp-orange-color);
  margin: 0 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-contect-info-des span {
    margin: 0 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-info-des span {
    margin: 0 10px;
    width: 50px;
  }
}
.tp-footer-contect-info-title {
  font-size: 18px;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-info-title {
    margin-bottom: 10px;
  }
}
.tp-footer-contect-info p a:hover {
  text-decoration: underline;
  color: var(--tp-orange-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-info-deg p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-contect-info-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-contect-info-main {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-info-main {
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-contect-info-item {
    margin-bottom: 15px;
  }
}
.tp-footer-contect-cta a {
  display: inline-block;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-cta a {
    display: block;
  }
}
.tp-footer-contect-cta a:hover {
  text-decoration: underline;
  color: var(--tp-orange-color);
}
.tp-footer-contect-right {
  flex-direction: column;
  text-align: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-contect-right {
    text-align: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-right {
    flex-direction: row;
    grid-gap: 20px;
    justify-content: start;
    align-items: center;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-contect-menu ul {
    text-align: center;
  }
}
.tp-footer-contect-menu ul li {
  display: inline-block;
  margin-right: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-contect-menu ul li {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-contect-menu ul li {
    margin-right: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-contect-menu ul li {
    margin-right: 20px;
  }
}
.tp-footer-contect-menu ul li:last-child {
  margin-right: 0;
}
.tp-footer-contect-menu ul li a {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
}
.tp-footer-contect-menu ul li a:hover {
  color: var(--tp-orange-color);
}
.tp-footer-contect-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 22px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-bottom {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-contect-logo {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-footer-contect-logo {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.tp-header-wrap {
  padding: 0 70px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-header-wrap {
    padding: 0 45px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-header-wrap {
    padding: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-header-wrap {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-header-wrap {
    padding: 0 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-header-wrap {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-wrap {
    padding: 0 25px;
  }
}
.tp-header-menu {
  border-radius: 60px;
  padding: 0px 10px;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-header-menu {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-header-menu {
    transform: translateX(-10px);
  }
}
.tp-header-menu ul li {
  list-style: none;
  display: inline-block;
  margin: 0 19px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-header-menu ul li {
    margin: 0 13px;
  }
}
.tp-header-menu ul li a {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  color: var(--tp-theme-color);
  padding: 17.5px 0;
  line-height: 1.5;
  position: relative;
  line-height: 1;
  transform: translateY(-2px);
}
.tp-header-menu ul li a::before {
  position: absolute;
  content: "";
  background-color: var(--tp-secoundery-color);
  width: 0;
  height: 1.5px;
  border-radius: 10px;
  bottom: 12px;
  left: auto;
  right: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-header-menu ul li .sub-menu {
  position: absolute;
  width: 280px;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s ease;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
  background-color: var(--tp-white-color);
  padding: 22px 0;
  border-radius: 20px;
  left: -32px;
  opacity: 0;
  visibility: hidden;
  top: 110%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-header-menu ul li .sub-menu li {
  margin: 0;
  display: block;
  text-align: start;
}
.tp-header-menu ul li .sub-menu li a {
  padding: 11px 37px;
  position: relative;
  display: block;
}
.tp-header-menu ul li .sub-menu li a::before {
  display: none;
}
.tp-header-menu ul li .sub-menu li a span {
  display: inline-block;
  position: relative;
}
.tp-header-menu ul li .sub-menu li a span::before {
  position: absolute;
  content: "";
  background-color: var(--tp-secoundery-color);
  width: 0;
  height: 1.5px;
  border-radius: 10px;
  bottom: -4px;
  left: auto;
  right: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-header-menu ul li .sub-menu li:hover > a span::before {
  width: 100%;
  left: 0;
  right: auto;
}
.tp-header-menu ul li .sub-menu li .sub-menu {
  left: 101%;
  top: 50%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.tp-header-menu ul li .sub-menu li:hover .sub-menu {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.tp-header-menu ul li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.tp-header-menu ul li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 105%;
}
.tp-header-menu-grey {
  background-color: var(--tp-gray-color);
}
.tp-header-menu-white ul li a {
  color: var(--tp-white-color);
}
.tp-header-menu-white ul li .sub-menu li a {
  color: var(--tp-theme-color);
}
.tp-header-menu-border {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
}
.tp-header-border-gray {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-header-border-white {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-header-cta {
    margin-left: -30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-header-cta {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-header-cta {
    margin-left: -50px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-header-cta-phone {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-header-cta-phone {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-header-cta-phone {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-header-area.container-wide, .tp-header-area .container-wide {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-header-area.container-wide, .tp-header-area .container-wide {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-header-area.container-wide, .tp-header-area .container-wide {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-header-area.container-wide, .tp-header-area .container-wide {
    padding: 0 10px;
  }
}
.tp-header-area.tp-header-spacing-3 {
  padding-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-area.tp-header-spacing-3 {
    padding-top: 0;
  }
}
.tp-header-spacing {
  padding: 28px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-header-spacing {
    padding: 20px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-spacing {
    padding: 15px 0;
  }
}
.tp-header-spacing-2 {
  padding: 19px 0;
}
.tp-header-spacing-4 {
  padding: 20px 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-spacing-4 {
    padding: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-logo img {
    max-width: 120px;
  }
}
.tp-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.tp-header-top {
  padding: 4px 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding-bottom: 7px;
  z-index: 2;
  position: relative;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-top {
    padding: 5px;
    margin: 0 10px;
  }
}
.tp-header-top-cta {
  grid-gap: 40px;
}
@media (max-width: 574.98px) {
  .tp-header-top-cta {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-top-cta {
    justify-content: center;
  }
}
.tp-header-top-cta a {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-theme-color);
  line-height: 1;
}
.tp-header-top-cta a:hover {
  color: var(--tp-orange-color);
}
.tp-header-top-cta a span {
  color: var(--tp-body-color);
  transform: translateY(-1px);
  margin-right: 3px;
}
.tp-header-social {
  display: flex;
  grid-gap: 10px;
}
.tp-header-social a:hover {
  color: var(--tp-orange-color);
}
.tp-header-social-wrap {
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-social-wrap {
    justify-content: center;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 10;
  visibility: visible;
  background: var(--tp-white-color);
  box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.08);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .tp-header-border-white, .header-sticky .tp-header-border-gray {
  border-color: transparent;
}
.header-sticky.tp-bg-gray {
  background-color: var(--tp-gray-color);
}
.header-sticky.sticky-black {
  background-color: rgb(19, 19, 22);
}
.header-sticky.sticky-black .tp-header-border-white {
  border-color: transparent;
}
.header-sticky.sticky-black .tp-header-menu ul li .sub-menu {
  background-color: var(--tp-theme-color);
}
.header-sticky.sticky-black .tp-header-menu ul li .sub-menu li a {
  color: var(--tp-white-color);
}
.header-sticky .tp-header-spacing {
  padding: 12px 0;
}
.header-sticky.media {
  padding: 12px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .header-sticky.media {
    padding: 12px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .header-sticky.media {
    padding: 12px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .header-sticky.media {
    padding: 12px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .header-sticky.media {
    padding: 12px 10px;
  }
}

/*----------------------------------------*/
/*  3.2 Mobile Menu Css Here
/*----------------------------------------*/
.tp-header-nav {
  justify-content: end;
}

.tp-offcanvas-menu {
  margin-bottom: 30px;
}
@media (max-width: 574.98px) {
  .tp-offcanvas-menu {
    width: 100%;
  }
}
.tp-offcanvas-menu ul li {
  position: relative;
  border-bottom: 1px solid var(--tp-secoundery-color);
  padding: 5px 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  list-style: none;
}
.tp-offcanvas-menu ul li .sub-menu {
  display: none;
}
.tp-offcanvas-menu ul li .sub-menu li {
  padding-left: 20px;
}
.tp-offcanvas-menu ul li .sub-menu li:last-child {
  border: 0;
  padding-bottom: 0;
}
.tp-offcanvas-menu ul li .sub-menu li a {
  transition: 0.4s;
}
.tp-offcanvas-menu ul li .sub-menu li a:hover {
  color: var(--tp-theme-color);
}
.tp-offcanvas-menu ul li .sub-menu li a i {
  display: none;
}
.tp-offcanvas-menu ul li .mega-menu {
  display: none;
}
.tp-offcanvas-menu ul li .mega-menu li {
  padding-left: 20px;
}
.tp-offcanvas-menu ul li .mega-menu li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.tp-offcanvas-menu ul li.active {
  transition: 0.3s;
}
.tp-offcanvas-menu ul li.active > a {
  color: var(--tp-secoundery-color);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close > i {
  transform: rotate(90deg);
}
.tp-offcanvas-menu ul li.active button {
  background-color: var(--tp-secoundery-color);
}
.tp-offcanvas-menu ul li a {
  display: block;
  color: var(--tp-theme-color);
  font-weight: 600;
}
.tp-offcanvas-menu ul li a svg {
  display: none;
}

.tp-menu-close {
  position: absolute;
  right: 0;
  top: 3px;
  border: 1px solid var(--tp-secoundery-color);
  height: 30px;
  width: 30px;
  transition: 0.3s;
}
.tp-menu-close i {
  font-size: 15px;
  transition: 0.3s;
}

/*----------------------------------------*/
/*  7.1 Hero Css Here
/*----------------------------------------*/
.tp-hero-video {
  box-shadow: 0px 15px 30px -8px rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  background: var(--tp-theme-color);
  width: 100%;
  height: 190px;
  overflow: hidden;
  padding: 5px 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-video {
    height: 145px;
  }
}
.tp-hero-video video {
  width: 100%;
  overflow: hidden;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-position: center center;
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-video-heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-video-button {
    margin-bottom: 25px;
  }
}
.tp-hero-video-spacing {
  padding-top: 160px;
}
.tp-hero-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.tp-hero-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-bg {
    border-radius: 0;
  }
}
.tp-hero-bg-shape {
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
}
.tp-hero-bg-shape img {
  height: 100%;
}
.tp-hero-spacing {
  padding-top: 640px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-spacing {
    padding-top: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-spacing {
    padding-top: 200px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing {
    padding-top: 100px;
  }
}
.tp-hero-spacing-2 {
  padding-top: 235px;
  padding-bottom: 245px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-spacing-2 {
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-spacing-2 {
    padding-top: 200px;
    padding-bottom: 120px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing-2 {
    padding-top: 130px;
    padding-bottom: 70px;
  }
}
.tp-hero-spacing-3 {
  min-height: 930px;
  padding-top: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-spacing-3 {
    min-height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-spacing-3 {
    min-height: 650px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing-3 {
    min-height: 500px;
    padding-top: 50px;
    border-radius: 0;
  }
}
.tp-hero-spacing-3-short {
  min-height: 900px;
  padding-top: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-spacing-3-short {
    min-height: 760px;
    padding-top: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing-3-short {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing-3-short {
    min-height: 600px;
  }
}
.tp-hero-spacing-4 {
  min-height: 1080px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 200px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-spacing-4 {
    min-height: 970px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-spacing-4 {
    min-height: 950px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-spacing-4 {
    min-height: 900px;
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing-4 {
    min-height: 850px;
    padding-top: 120px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-spacing-4 {
    min-height: 730px;
  }
}
.tp-hero-spacing-5 {
  min-height: 960px;
  padding-top: 160px;
}
.tp-hero-back-text {
  background: linear-gradient(180deg, #FFFFFF 0%, #C6E4FB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 500px;
  letter-spacing: -0.06em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-hero-back-text {
    font-size: 430px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-back-text {
    font-size: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-back-text {
    font-size: 275px;
  }
}
.tp-hero-back-text-position {
  position: absolute;
  top: -30px;
  left: 13.5%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-hero-back-text-position {
    top: 40px;
    left: 19.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-back-text-position {
    top: 72px;
    left: 28.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-back-text-position {
    top: 90px;
    left: 27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-back-text-position {
    top: 160px;
  }
}
.tp-hero-title {
  letter-spacing: -0.06em;
  font-size: 320px;
  line-height: 133px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-title {
    font-size: 270px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-title {
    font-size: 220px;
    line-height: 90px;
    padding-top: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-title {
    font-size: 230px;
    line-height: 90px;
    padding-top: 28px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-title {
    font-size: 140px;
    line-height: 60px;
    padding-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-title {
    font-size: 180px;
  }
}
.tp-hero-title span {
  font-size: 160px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-title span {
    font-size: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-title span {
    font-size: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-title span {
    font-size: 70px;
  }
}
.tp-hero-title-mid {
  line-height: 0.9;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-title-mid {
    margin-bottom: 15px;
  }
}
.tp-hero-deg {
  font-size: 24px;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-deg br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-deg {
    font-size: 22px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-deg {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.tp-hero-badge {
  position: absolute;
  right: 150px;
  bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-badge {
    right: 70px;
    bottom: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-badge {
    right: 20px;
    bottom: 20px;
  }
}
.tp-hero-badge a:hover {
  background-color: var(--tp-white-color);
}
.tp-hero-banner-title {
  font-size: 160px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-banner-title {
    font-size: 135px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-banner-title {
    font-size: 100px;
    line-height: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-banner-title {
    font-size: 75px;
    text-align: start;
    line-height: 1;
    padding-top: 20px;
    margin-bottom: 10px;
  }
}
.tp-hero-banner-heading {
  margin-top: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-banner-main {
    padding-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-banner-main {
    padding-bottom: 20px;
  }
}
.tp-hero-banner-area {
  padding-top: 170px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-banner-area {
    padding-top: 140px;
    padding-bottom: 40px;
  }
}
.tp-hero-agents-img {
  display: flex;
  align-items: center;
}
.tp-hero-agents-img img {
  border-radius: 30px;
  border: 3px solid var(--tp-gray-color);
  flex: 0 0 auto;
  margin: 0 -5px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-agents-img-larg {
    margin-right: 15px;
  }
}
.tp-hero-agents-img-larg span, .tp-hero-agents-img-larg img {
  width: 60px;
  height: 60px;
  background: var(--tp-orange-color);
  color: var(--tp-white-color);
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
  border: 3px solid #fff;
  margin: 0 -13px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-agents-img-larg span, .tp-hero-agents-img-larg img {
    width: 40px;
    height: 40px;
    margin: 0 -8px;
    font-size: 12px;
  }
}
.tp-hero-agents-title {
  font-size: 18px;
}
.tp-hero-agents-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  min-width: 570px;
  padding-top: 40px;
  padding-left: 35px;
  border-radius: 50px 0 0 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-hero-agents-2 {
    min-width: 500px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-hero-agents-2 {
    min-width: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-agents-2 {
    min-width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-agents-2 {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-agents-2 {
    min-width: 380px;
    padding-top: 10px;
  }
}
@media (max-width: 574.98px) {
  .tp-hero-agents-2 {
    min-width: 100%;
    padding-top: 10px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-agents-2 {
    min-width: 320px;
    padding-top: 15px;
    padding-left: 15px;
  }
}
.tp-hero-agents-2::before {
  content: "";
  clip-path: path("M0 0 Q1,50 80,50 L 0 50 Z");
  background-color: #fff;
  width: 60px;
  height: 80px;
  position: absolute;
  left: -36px;
  transform: rotate(-91deg);
  bottom: -12px;
  transform-origin: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-agents-2::before {
    transform: rotate(-83deg);
    bottom: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-agents-2::before {
    width: 38px;
    height: 48px;
    left: -37px;
    bottom: -10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-agents-2::before {
    display: none;
  }
}
.tp-hero-agents-2-title {
  letter-spacing: -0.03em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-agents-2-title {
    font-size: 24px;
  }
}
.tp-hero-slider-main {
  min-height: 960px;
  padding-top: 255px;
  padding-bottom: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-slider-main {
    min-height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-slider-main {
    min-height: 600px;
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-slider-main {
    min-height: 570px;
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-slider-main {
    padding-bottom: 0;
  }
}
.tp-hero-slider-title {
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-slider-title {
    font-size: 45px;
  }
}
.tp-hero-slider-title b {
  font-weight: 400;
}
.tp-hero-slider-title span {
  font-weight: 100;
  font-style: italic;
}
.tp-hero-slider-bottom {
  grid-gap: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-slider-bottom {
    grid-gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-slider-bottom {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-slider-bottom {
    display: inline-block;
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-slider-bottom {
    margin-bottom: 10px;
  }
}
.tp-hero-slider-shape {
  bottom: 0;
  right: 0;
  mix-blend-mode: color-burn;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-slider-shape {
    display: none;
  }
}
.tp-hero-slider-btn {
  grid-gap: 30px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-slider-btn {
    display: inline-block;
    padding-top: 20px;
  }
}
.tp-hero-slider-btn p {
  font-size: 20px;
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-slider-btn p {
    padding-top: 20px;
    font-size: 18px;
  }
}
.tp-hero-slider-des {
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-slider-des {
    font-size: 20px;
  }
}
.tp-hero-slider-dvdr {
  background-color: rgba(255, 255, 255, 0.35);
  width: 406px;
  height: 1px;
  display: inline-block;
  transform: translateY(3px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-slider-dvdr {
    width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-slider-dvdr {
    width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-slider-dvdr {
    display: none;
  }
}
.tp-hero-slider-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.35);
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-hero-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: transparent;
  background-color: var(--tp-orange-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-slider-des {
    font-size: 20px;
  }
}
.tp-hero-solid-fact {
  grid-gap: 30px;
  position: absolute;
  right: 70px;
  bottom: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-solid-fact {
    bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-solid-fact {
    flex-wrap: wrap;
    right: auto;
    left: 0;
    grid-gap: 10px;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-solid-btn {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-solid-content p {
    padding-top: 10px;
  }
}
.tp-hero-solid-2 {
  padding-top: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-solid-2 {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-solid-2 {
    padding-top: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-solid-2 {
    padding-top: 80px;
  }
}
.tp-hero-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 15px;
  flex-wrap: wrap;
}
.tp-hero-shape-transparent-1 {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-hero-shape-transparent-2 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.tp-hero-gallery-slider {
  width: 100%;
}
.tp-hero-gallery-slider .swiper-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}
.tp-hero-gallery-slider .swiper-wrapper .swiper-slide {
  width: 100rem;
  height: 30rem;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 24rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 22rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 20rem;
  }
}
@media (max-width: 574.98px) {
  .tp-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 15rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-gallery-slider .swiper-wrapper .swiper-slide {
    height: 18rem;
  }
}
.tp-hero-gallery-slider-item {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 100%;
  height: 100%;
}
.tp-hero-gallery-slider-item img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  object-fit: cover;
}

.tp-hero-slider-active .tp-hero-slider-content .tp-hero-slider-title {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.5s;
}
.tp-hero-slider-active .tp-hero-slider-content .tp-hero-slider-btn {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.7s;
}
.tp-hero-slider-active .tp-hero-slider-shape {
  transform: translateX(100px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.6s;
}
.tp-hero-slider-active .tp-hero-slider-bottom {
  transform: translateY(40px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.9s;
}
.tp-hero-slider-active .swiper-slide-active .tp-hero-slider-content .tp-hero-slider-title {
  transform: translateY(0);
  opacity: 1;
}
.tp-hero-slider-active .swiper-slide-active .tp-hero-slider-content .tp-hero-slider-btn {
  transform: translateY(0);
  opacity: 1;
}
.tp-hero-slider-active .swiper-slide-active .tp-hero-slider-shape {
  transform: translateX(0);
  opacity: 1;
}
.tp-hero-slider-active .swiper-slide-active .tp-hero-slider-bottom {
  transform: translateY(0);
  opacity: 1;
}

.tp-hero-slider-active > .tp-hero-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: auto;
  left: auto;
  top: 0;
  width: auto;
  position: absolute;
  z-index: 1;
  right: 100px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-slider-active > .tp-hero-slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    right: 30px;
  }
}

/*----------------------------------------*/
/*  7.2 Abou Css Here
/*----------------------------------------*/
.tp-about-badge {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-badge {
    width: 150px;
    height: 150px;
  }
}
.tp-about-badge span {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-about-badge span span {
  padding-top: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .tp-about-badge span {
    font-size: 20px;
  }
}
.tp-about-badge-title {
  font-size: 36px;
  letter-spacing: -0.03em;
  margin-bottom: 0;
  padding-top: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-badge-title {
    font-size: 30px;
  }
}
.tp-about-badge-content {
  transform: translateY(-2px);
}
.tp-about-badge-right {
  margin-right: -55px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-about-badge-opacity {
  opacity: 0.8;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-badge-wrap {
    justify-content: start;
  }
}
.tp-about-badge-wrap:hover .tp-about-badge:first-child {
  background-color: var(--tp-gray-color);
  opacity: 0.8;
  margin-right: -180px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-badge-wrap:hover .tp-about-badge:first-child {
    margin-right: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-badge-wrap:hover .tp-about-badge:first-child {
    margin-right: -80px;
  }
}
.tp-about-badge-wrap:hover .tp-about-badge:first-child .tp-about-badge-content span {
  color: var(--tp-theme-color);
}
.tp-about-badge-wrap:hover .tp-about-badge:first-child .tp-about-badge-content .tp-about-badge-title {
  color: var(--tp-theme-color);
}
.tp-about-badge-wrap:hover .tp-about-badge:first-child.tp-about-badge-right {
  z-index: -1;
}
.tp-about-badge-wrap:hover .tp-about-badge:last-child {
  background-color: var(--tp-orange-color);
  opacity: 1;
  position: relative;
  transform: translateX(-120px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-badge-wrap:hover .tp-about-badge:last-child {
    transform: translateX(-80px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-badge-wrap:hover .tp-about-badge:last-child {
    transform: translateX(-65px);
  }
}
.tp-about-badge-wrap:hover .tp-about-badge:last-child .tp-about-badge-content span {
  color: var(--tp-white-color);
}
.tp-about-badge-wrap:hover .tp-about-badge:last-child .tp-about-badge-content .tp-about-badge-title {
  color: var(--tp-white-color);
}
.tp-about-video {
  margin-left: -270px;
  background-color: var(--tp-gray-color);
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-video {
    margin-left: -350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-video {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-about-video {
    flex-direction: column;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-video-main {
    padding: 30px 0;
    padding-bottom: 15px;
  }
}
.tp-about-video-black {
  background-color: var(--tp-theme-color);
}
.tp-about-play {
  width: 80px;
  height: 80px;
  background-color: var(--tp-white-color);
  box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.15);
  display: inline-block;
  border-radius: 80px;
  line-height: 78px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-about-play:hover {
  background-color: var(--tp-secoundery-color);
}
.tp-about-play-title {
  font-size: 26px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-play-title {
    font-size: 20px;
    padding-top: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-play-title {
    font-size: 20px;
    padding-top: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-play {
    width: 60px;
    height: 60px;
    line-height: 57px;
  }
}
.tp-about-border-text {
  font-size: 16px;
  letter-spacing: 0;
  display: inline-block;
}
.tp-about-border-text::before {
  position: absolute;
  content: "";
  background-color: var(--tp-secoundery-color);
  height: 3px;
  width: 100%;
  left: 0;
  bottom: 2px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-deg {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-deg {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-deg p {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-deg p {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-deg p {
    margin-bottom: 10px;
  }
}
.tp-about-deg-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-about-deg-2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.tp-about-cta-deg {
  margin: 0;
  line-height: 26px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-cta-deg {
    margin-bottom: 15px;
  }
}
.tp-about-spacing {
  padding-top: 135px;
  padding-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-spacing {
    padding-top: 100px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-spacing {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-spacing {
    padding: 70px 0;
    padding-bottom: 20px;
    border-radius: 0;
  }
}
.tp-about-spacing-2 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-spacing-2 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-spacing-2 {
    padding: 80px 0;
    border-radius: 0;
  }
}
.tp-about-spacing-3 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-spacing-3 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-spacing-3 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-spacing-3 {
    padding: 80px 0;
    border-radius: 0;
  }
}
.tp-about-content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-content {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-content-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-heading {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-btn {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-btn-2 {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-thumb {
    flex: inherit;
  }
}
.tp-about-shape {
  bottom: 150px;
  right: 0;
}
.tp-about-shape-parson {
  right: 0;
  bottom: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-shape-parson {
    max-width: 66%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-shape-parson {
    bottom: -18px;
    width: 60%;
  }
}
.tp-about-shape-line {
  left: 0;
  bottom: 0;
}
.tp-about-shape-home {
  right: 0;
  bottom: 0;
  z-index: -1;
}
.tp-about-exprience {
  width: 220px;
  height: 220px;
  background: var(--tp-gray-color);
  border-radius: 20px;
  padding: 28px 30px;
  box-shadow: 0px -4px 0px #E6641C;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .tp-about-exprience {
    height: 165px;
    width: auto;
  }
}
.tp-about-exprience-content span {
  font-weight: 500;
  letter-spacing: -0.01em;
  display: inline-block;
  margin-bottom: 3px;
  line-height: 1.1;
}
.tp-about-exprience-num {
  font-size: 160px;
  color: var(--tp-orange-color);
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .tp-about-exprience-num {
    font-size: 80px;
    line-height: 1;
  }
}
.tp-about-exprience-shape {
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-exprience-wrap {
    margin-right: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-exprience-wrap {
    justify-content: start;
    padding-top: 20px;
  }
}
.tp-about-exprience-2 {
  position: absolute;
  left: 30px;
  bottom: -39px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-about-exprience-2 {
    bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px) {
  .tp-about-exprience-2 {
    bottom: 30px;
  }
}
.tp-about-exprience-2-title {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-exprience-2-title {
    font-size: 45px;
    margin-bottom: 0;
  }
}
.tp-about-exprience-2 span {
  font-size: 24px;
  color: var(--tp-theme-color);
  font-weight: 600;
  letter-spacing: -0.02em;
  display: inline-block;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-exprience-2 span {
    font-size: 20px;
  }
}
.tp-about-growth {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  font-weight: 500;
  color: var(--tp-theme-color);
  background: var(--tp-white-color);
  width: fit-content;
  line-height: 1;
  border-radius: 38px;
  padding: 10px 19px;
}
.tp-about-growth-main {
  position: absolute;
  top: 68px;
  right: -22px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-growth-main {
    right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-growth-wrap {
    text-align: start;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-about-fect {
    margin-bottom: 30px;
  }
}
.tp-about-fect-num {
  font-size: 160px;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin-bottom: 15px;
}
.tp-about-fect-num.odometer {
  line-height: 129px;
  font-weight: 800;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-fect-num.odometer {
    line-height: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-fect-num.odometer {
    line-height: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-about-fect-num {
    font-size: 140px;
    line-height: 110px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-fect-num {
    font-size: 120px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-fect-num {
    font-size: 100px;
    margin-bottom: 0;
  }
}
.tp-about-fect-deg {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-fect-deg {
    font-size: 20px;
  }
}
.tp-about-fect-wrap {
  padding-top: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-fect-wrap {
    padding-top: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-fect-wrap {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    grid-gap: 20px;
  }
}
.tp-about-fect-short .tpfunfect2__num {
  color: var(--tp-secoundery-color);
  justify-content: center;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-fect-short .tpfunfect2__num {
    font-size: 60px;
  }
}
.tp-about-fect-short .tpfunfect2__num-div {
  color: var(--tp-white-color);
}
.tp-about-fect-short .tpfunfect2__num .odometer {
  line-height: 78px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-fect-short .tpfunfect2__num .odometer {
    line-height: 60px;
  }
}
.tp-about-fect-short-deg {
  color: var(--tp-white-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-fect-short-deg {
    font-size: 19px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-fect-short-deg {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-about-fect-short {
    margin-bottom: 20px;
  }
}
.tp-about-fect-2 {
  padding-top: 100px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-fect-2 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-image {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-about-image {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-about-image img {
    height: 100%;
    object-fit: cover;
  }
}
.tp-about-image img:nth-child(1) {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-subtitle {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-about-top {
    padding-bottom: 60px;
  }
}

.tp-solid-bg {
  min-height: 930px;
  width: auto;
  margin-bottom: 30px;
  background-attachment: fixed;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-solid-bg {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-solid-bg {
    margin-bottom: 30px;
    min-height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-solid-bg {
    margin-bottom: 30px;
    min-height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-solid-bg {
    min-height: 500px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-solid-bg {
    border-radius: 0;
    min-height: 350px;
  }
}
.tp-solid-bg-wrap {
  padding: 0 30px;
}
.tp-solid-bg-wrap .tp-solid-bg {
  margin-bottom: 0;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-solid-bg-wrap .tp-solid-bg {
    margin-bottom: 0;
  }
}
.tp-solid-bg .jarallax-container {
  border-radius: 20px;
}
.tp-solid-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.odometer {
  font-variant-numeric: tabular-nums;
}

/*----------------------------------------*/
/*  7.3 Floting Css Here
/*----------------------------------------*/
.tp-floting-card-title {
  font-size: 180px;
  letter-spacing: -0.04em;
  font-weight: 800;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-floting-card-title {
    font-size: 120px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-floting-card-title {
    font-size: 100px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-floting-card-title {
    font-size: 70px;
    margin-bottom: 10px;
  }
}
.tp-floting-card-content p {
  font-size: 30px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  width: 50%;
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-floting-card-content p {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-floting-card-content p {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-floting-card-content p {
    font-size: 18px;
  }
  .tp-floting-card-content p br {
    display: none;
  }
}
.tp-floting-card-main {
  min-height: 1080px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-floting-card-main {
    min-height: 850px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-floting-card-main {
    min-height: 550px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-floting-card-main {
    min-height: 680px;
  }
}
.tp-floting-card-img-placeholder {
  font-size: 18px;
}
.tp-floting-card-img-item-1 {
  left: 0;
  bottom: 50px;
}
.tp-floting-card-img-item-2 {
  bottom: 270px;
  left: 26%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-floting-card-img-item-2 {
    top: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-floting-card-img-item-2 {
    bottom: 40%;
    left: 42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-floting-card-img-item-2 {
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-floting-card-img-item-2 {
    bottom: 220px;
    left: 0;
  }
}
.tp-floting-card-img-item-3 {
  top: 18%;
  right: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-floting-card-img-item-3 {
    top: 33%;
    right: 240px;
  }
}
.tp-floting-card-img-item-4 {
  top: 24%;
  right: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-floting-card-img-item-4 {
    top: auto;
    right: 0;
    bottom: 0;
  }
}
.tp-floting-card-img-item-5 {
  right: 0;
  bottom: 0;
}
.tp-floting-card-area {
  padding-top: 215px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-floting-card-area {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-floting-card-area {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}

/*----------------------------------------*/
/*  7.4 Contact Css Here
/*----------------------------------------*/
.tp-contect-input textarea {
  height: 140px;
  border-radius: 20px;
  resize: none;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-contect-input textarea {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-input p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-input p {
    margin-bottom: 10px;
  }
  .tp-contect-input p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-input {
    justify-content: start;
  }
}
.tp-contect-spacing {
  padding-top: 150px;
  padding-bottom: 300px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px), only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-contect-spacing {
    margin: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-contect-spacing {
    margin: 0 15px;
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-spacing {
    margin: 0 10px;
    padding-top: 50px;
    padding-bottom: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-spacing {
    padding: 70px 0;
  }
}
.tp-contect-spacing-2 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-contect-spacing-2 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-spacing-2 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-spacing-2 {
    padding: 70px 0;
    border-radius: 0;
  }
}
.tp-contect-shape {
  left: 0;
  bottom: 0;
}
.tp-contect-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-contect-shape-inner {
  left: 0;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-heading {
    margin-bottom: 45px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-heading {
    margin-bottom: 30px;
  }
}
.tp-contect-main {
  padding: 60px 10px;
}
@media (max-width: 574.98px) {
  .tp-contect-main {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-main {
    padding: 50px 30px;
  }
}
.tp-contect-box {
  padding: 55px 60px;
  border-radius: 20px;
  background-color: var(--tp-white-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-contect-box {
    padding-inline: 40px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-contect-box {
    padding: 40px 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-box {
    padding: 30px 20px;
  }
}
.tp-contect-box-input input, .tp-contect-box-input textarea {
  border-color: transparent;
  background-color: var(--tp-gray-color);
  height: 54px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-box-input input, .tp-contect-box-input textarea {
    height: 45px;
  }
}
.tp-contect-box-input input:focus, .tp-contect-box-input textarea:focus {
  background-color: transparent;
  border-color: var(--tp-black-color);
}
.tp-contect-box-input textarea {
  resize: none;
  overflow-y: hidden;
}
.tp-contect-box-input label {
  font-weight: 500;
  margin-bottom: 5px;
}
.tp-contect-box-input button {
  background-color: var(--tp-secoundery-color);
}
.tp-contect-box-input button:hover {
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
}
.tp-contect-box-input p {
  font-size: 15px;
}
.tp-contect-box-content a:hover {
  text-decoration: underline;
}
.tp-contect-box-inner {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-contect-title {
  font-weight: 500;
  font-size: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-title {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-title {
    font-size: 40px;
  }
}
.tp-contect-deg {
  font-size: 30px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-deg {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-deg {
    font-size: 18px;
  }
}
.tp-contect-deg b {
  font-weight: 500;
  color: var(--tp-white-color);
}
.tp-contect-step-heading {
  padding-bottom: 73px;
  margin-bottom: 75px;
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-step-heading {
    padding-bottom: 47px;
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-step-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.tp-contect-step-wrap {
  display: flex;
  grid-gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-contect-step-wrap {
    grid-gap: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-step-wrap {
    grid-gap: 40px;
  }
}
@media (max-width: 574.98px) {
  .tp-contect-step-wrap {
    grid-gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-step-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-step-title {
    margin-bottom: 5px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-contect-step p br {
    display: none;
  }
}
.tp-contect-author {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.26) 17.93%, rgba(255, 255, 255, 0.065) 81.51%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  display: flex;
  align-items: center;
  grid-gap: 40px;
  max-width: 442px;
  padding: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-author {
    grid-gap: 10px;
    padding: 10px;
  }
}
.tp-contect-author-thumb {
  flex: 0 0 auto;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-author-thumb {
    flex: inherit;
  }
}
.tp-contect-author-subtitle {
  font-size: 16px;
  color: var(--tp-white-color);
  letter-spacing: 0;
  line-height: 1.3;
}
.tp-contect-author-subtitle span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
}
.tp-contect-author-subtitle span a:hover {
  text-decoration: underline;
}
.tp-contect-author-title {
  font-size: 18px;
  letter-spacing: 0;
  color: var(--tp-white-color);
}
.tp-contect-author-link a {
  display: inline-block;
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
  font-weight: 500;
  line-height: 1;
  border-radius: 30px;
  padding: 8px 20px;
}
.tp-contect-author-link a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-right {
    padding-top: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-right {
    padding-top: 30px;
  }
}
.tp-contect-cta-icon {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-contect-cta-info span {
  font-size: 14px;
}
.tp-contect-cta-title {
  font-size: 16px;
}
.tp-contect-cta-title a:hover {
  color: var(--tp-orange-color);
}
.tp-contect-cta-item {
  grid-gap: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-cta-item {
    grid-gap: 10px;
    margin-bottom: 15px;
  }
}
.tp-contect-slider-main {
  min-height: 635px;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-slider-main {
    min-height: 500px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-slider-main {
    min-height: 350px;
  }
}
.tp-contect-slider-info {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 1s ease;
  will-change: transform, opacity;
}
.tp-contect-slider-info p {
  font-size: 14px;
  color: var(--tp-secoundery-color);
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-slider-info-wrap {
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
.tp-contect-slider-mail {
  display: flex;
  align-items: center;
  grid-gap: 75px;
  padding: 14px;
  padding-right: 42px;
  padding-left: 20px;
  width: fit-content;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 1s ease;
  will-change: transform, opacity;
}
.tp-contect-slider-mail a {
  font-size: 14px;
  color: var(--tp-white-color);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
}
.tp-contect-slider-mail a:not(:last-child)::after {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  width: 1px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: -19px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-slider-title {
    font-size: 25px;
  }
}
.tp-contect-slider-active {
  border-radius: 20px;
  overflow: hidden;
}
.tp-contect-slider-active .swiper-slide-active .tp-contect-slider-info {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
.tp-contect-slider-active .swiper-slide-active .tp-contect-slider-mail {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}
.tp-contect-button button {
  border-color: transparent;
  background-color: var(--tp-white-color);
  width: 60px;
  height: 60px;
}
.tp-contect-button-wrap {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-contect-map {
    padding-top: 20px;
  }
}
.tp-contect-map iframe {
  max-height: 419px;
  border-radius: 20px;
  mix-blend-mode: luminosity;
  width: 100%;
}
.tp-contect-map-main {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-contect-map-main {
    padding-top: 90px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-map-main {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-contect-map-wrap {
    margin-right: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-tabs-main {
    margin-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-contect-top {
    margin-bottom: 10px;
  }
}

/*----------------------------------------*/
/*  7.5 Cta Css Here
/*----------------------------------------*/
.tp-cta-phone a {
  color: var(--tp-theme-color);
  font-weight: 600;
}
.tp-cta-phone a:hover samp {
  text-decoration: underline;
}
.tp-cta-phone-icon {
  width: 52px;
  height: 52px;
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
  text-align: center;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-cta-phone-icon-mid {
  width: 38px;
  height: 38px;
}
.tp-cta-phone-icon-border {
  background-color: transparent;
  border: 1px solid #FFFFFF;
}
.tp-cta-phone-icon-white {
  background-color: var(--tp-white-color);
  color: var(--tp-theme-color);
}
.tp-cta-phone-mid a:hover {
  text-decoration: underline;
}
.tp-cta-spacing {
  min-height: 820px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-cta-spacing {
    min-height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-cta-spacing {
    min-height: 550px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-spacing {
    min-height: 500px;
    border-radius: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-spacing {
    min-height: 400px;
  }
}
.tp-cta-title {
  font-size: 80px;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-cta-title {
    font-size: 65px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-title {
    font-size: 45px;
  }
  .tp-cta-title img {
    max-width: 28%;
  }
}
.tp-cta-heading {
  display: inline-block;
  padding-bottom: 33px;
  margin-bottom: 48px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.tp-cta-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.tp-cta-content {
  display: flex;
  grid-gap: 80px;
  align-items: center;
}
@media (max-width: 574.98px) {
  .tp-cta-content {
    display: block;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-content p {
    margin-bottom: 20px;
  }
  .tp-cta-content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-content p {
    margin-bottom: 0;
  }
}
.tp-cta-shape {
  left: 0;
  top: 0;
}
.tp-cta-shape img {
  mix-blend-mode: color-burn;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-cta-button {
    flex: 0 0 auto;
  }
}

/*----------------------------------------*/
/*  7.6 Fact Css Here
/*----------------------------------------*/
.tp-fact-spacing {
  min-height: 720px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-fact-spacing {
    min-height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-fact-spacing {
    min-height: 500px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-fact-spacing {
    min-height: auto;
    height: 100%;
    padding: 50px 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-fact-wrap {
    flex-wrap: wrap;
  }
}

.tpfact {
  border: 1px solid rgba(255, 255, 255, 0.25);
  height: 360px;
  width: 360px;
  border-radius: 280px;
  text-align: center;
  margin: 0 -30px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpfact {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpfact {
    width: 250px;
    height: 250px;
    margin: 0 -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpfact {
    margin: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfact {
    width: 50%;
    height: 250px;
    margin: 0;
  }
}
@media (max-width: 574.98px) {
  .tpfact {
    width: 100%;
    height: 250px;
    margin: 0;
  }
}
.tpfact__title {
  font-size: 80px;
  font-weight: 800;
  color: var(--tp-white-color);
  letter-spacing: -0.04em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpfact__title {
    font-size: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfact__title {
    font-size: 50px;
  }
}
.tpfact__title-div {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--tp-secoundery-color);
  position: absolute;
  top: 8px;
  right: -18px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfact__title-div {
    top: 0;
  }
}
.tpfact__title-text {
  line-height: 65px;
  transform: translateY(-3px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfact__title-text {
    transform: translateY(-1px);
    line-height: 40px;
  }
}
.tpfact__title .odometer {
  line-height: 65px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfact__title .odometer {
    line-height: 40px;
  }
}
.tpfact__content p {
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--tp-white-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfact__content p {
    font-size: 15px;
  }
}
.tpfact:hover {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.06) 17.93%, rgba(255, 255, 255, 0.0375) 81.51%);
  backdrop-filter: blur(20px);
  border-color: transparent;
}

.tp-funfact-main {
  min-height: 680px;
  border-radius: 20px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 25px 17px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-funfact-main {
    min-height: 550px;
    margin-top: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-funfact-main {
    min-height: 500px;
    margin-top: -250px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-funfact-main-2 {
    margin-top: 0;
  }
}
.tp-funfact-up {
  margin-top: -334px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-funfact-up {
    margin-top: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-funfact-up {
    margin-top: -250px;
  }
}

.tpfunfect {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.06) 17.93%, rgba(255, 255, 255, 0.015) 81.51%);
  backdrop-filter: blur(20px);
  border-radius: 10px;
  padding: 22px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpfunfect {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpfunfect {
    margin-bottom: 30px;
    padding: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfunfect {
    margin-bottom: 10px;
  }
}
.tpfunfect__num {
  font-size: 60px;
  letter-spacing: -0.03em;
  margin: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfunfect__num {
    font-size: 45px;
  }
}
.tpfunfect__num-div {
  color: var(--tp-secoundery-color);
}
.tpfunfect__num .odometer {
  line-height: 53px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpfunfect__num .odometer {
    line-height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfunfect__num .odometer {
    line-height: 40px;
  }
}
@media (max-width: 574.98px) {
  .tpfunfect p {
    text-align: start;
  }
}

.tpfunfect2 {
  padding: 31px 40px;
  min-width: 308px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 574.98px) {
  .tpfunfect2 {
    min-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfunfect2 {
    min-width: 270px;
  }
}
.tpfunfect2__num {
  font-size: 80px;
  font-weight: 800;
  letter-spacing: -0.04em;
  display: flex;
  margin-bottom: 3px;
}
.tpfunfect2__num-div {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--tp-secoundery-color);
  line-height: 32px;
}
.tpfunfect2__num .odometer {
  line-height: 60px;
}

/*----------------------------------------*/
/*  7.7 Portfolio Css Here
/*----------------------------------------*/
.tpportfolio {
  background: var(--tp-white-color);
  box-shadow: 0px 0px 60px -10px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpportfolio {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio {
    margin-bottom: 20px;
  }
}
.tpportfolio__thumb {
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__thumb {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpportfolio__thumb {
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__thumb {
    margin-bottom: 20px;
  }
}
.tpportfolio__thumb img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpportfolio__thumb img {
    width: 100%;
  }
}
.tpportfolio__mr {
  margin-right: 82px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__mr {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__mr {
    margin-right: 0;
  }
}
.tpportfolio__ml {
  margin-left: 82px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__ml {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__ml {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__title {
    font-size: 25px;
  }
}
@media (max-width: 574.98px) {
  .tpportfolio__title {
    font-size: 20px;
    margin-bottom: 2px;
  }
}
.tpportfolio__title a:hover {
  color: var(--tp-orange-color);
}
.tpportfolio__year {
  font-weight: 500;
  display: inline-block;
  background-color: var(--tp-gray-color);
  border-radius: 42px;
  line-height: 1;
  padding: 13px 25px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transition-delay: 0.1s;
}
@media (max-width: 574.98px) {
  .tpportfolio__year {
    padding: 8px 15px;
    font-size: 15px;
  }
}
.tpportfolio__button {
  bottom: 47%;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpportfolio__button a {
  height: 100px;
  width: 100px;
  background: var(--tp-secoundery-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__button a {
    width: 80px;
    height: 80px;
  }
  .tpportfolio__button a svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 574.98px) {
  .tpportfolio__button a {
    width: 60px;
    height: 60px;
  }
  .tpportfolio__button a svg {
    width: 15px;
    height: 15px;
  }
}
.tpportfolio:hover .tpportfolio__thumb img {
  transform: scale(1.1);
}
.tpportfolio:hover .tpportfolio__thumb .tpportfolio__button {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
}
.tpportfolio:hover .tpportfolio__year {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tpportfolio__transform {
  transform: translateY(280px);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__transform {
    transform: translateY(175px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__transform {
    transform: translateY(0);
  }
}
.tpportfolio__transform-down {
  transform: translateY(400px);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__transform-down {
    transform: translateY(260px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__transform-down {
    transform: translateY(0);
  }
}
.tpportfolio__transform-short {
  transform: translateY(130px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__transform-short {
    transform: translateY(0);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpportfolio__content {
    margin: 0 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportfolio__content {
    margin: 0 10px;
    margin-bottom: 0;
  }
}

.tp-portfolio-back-text {
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #000;
  position: absolute;
  top: 20%;
  z-index: -1;
  left: 7%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-portfolio-back-text {
    font-size: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-portfolio-back-text {
    font-size: 100px;
    top: 38%;
    left: 17%;
  }
}
.tp-portfolio-spacing {
  padding-top: 145px;
  padding-bottom: 560px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-portfolio-spacing {
    padding-top: 120px;
    padding-bottom: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-spacing {
    padding: 70px 0;
    padding-bottom: 50px;
  }
}
.tp-portfolio-spacing-2 {
  padding-bottom: 540px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-portfolio-spacing-2 {
    padding-bottom: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-spacing-2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-spacing-2 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-spacing-3 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-portfolio-spacing-3 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-portfolio-spacing-4 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-spacing-4 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-spacing-4 {
    padding: 70px 0;
    border-radius: 0;
  }
}
.tp-portfolio-link {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tp-portfolio-link a:hover {
  background-color: var(--tp-white-color);
}
.tp-portfolio-long {
  padding: 0 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-portfolio-long {
    padding: 0;
  }
}
.tp-portfolio-long-bg {
  min-height: 680px;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-portfolio-long-bg {
    min-height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-long-bg {
    min-height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-portfolio-long-bg {
    min-height: 300px;
    margin-bottom: 10px;
  }
}
.tp-portfolio-long-item {
  padding: 35px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: -1px;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-portfolio-long-item {
    padding: 20px 0;
    margin-bottom: 20px;
  }
}
.tp-portfolio-long-deg p span {
  color: var(--tp-theme-color);
  margin-right: 35px;
}
@media (max-width: 574.98px) {
  .tp-portfolio-long-deg p span {
    margin-right: 5px;
  }
}
.tp-portfolio-long-title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tp-portfolio-long-title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-long-title {
    font-size: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-long-title {
    margin-bottom: 15px;
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-long-heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-portfolio-long-meta {
    display: inline-block;
  }
}
.tp-portfolio-long:hover .tp-portfolio-link {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.tp-portfolio-post-wrap {
  padding-top: 45px;
  border-top: 1px solid var(--tp-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-post-wrap {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-portfolio-post-btn {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-portfolio-post-btn {
    padding-top: 150px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-post-btn {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-portfolio-heading {
    margin-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-portfolio-heading {
    margin-bottom: 40px;
  }
}

.tp-badge {
  width: 110px;
  height: 110px;
  background-color: var(--tp-secoundery-color);
  text-align: center;
  border-radius: 50%;
  color: var(--tp-theme-color);
  font-weight: 600;
  line-height: 1.2;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-badge {
    width: 90px;
    height: 90px;
    font-size: 15px;
  }
}
.tp-badge-white {
  background-color: var(--tp-white-color);
  width: 120px;
  height: 120px;
}

.tpportpost {
  display: flex;
  justify-content: space-between;
  padding: 6px;
  background-color: #fff;
  border-radius: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportpost {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
.tpportpost__thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportpost__thumb {
    flex: auto;
  }
}
.tpportpost__thumb img {
  border-radius: 15px;
  height: 100%;
  object-fit: cover;
}
.tpportpost__info {
  width: 100%;
  background-color: var(--tp-gray-color);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px;
  padding-right: 123px;
  margin-right: 6px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpportpost__info {
    padding: 30px;
    padding-right: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportpost__info {
    padding: 30px;
    margin-right: 0;
  }
}
.tpportpost__meta span {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 7px;
  margin-bottom: 15px;
}
.tpportpost__link {
  position: absolute;
  bottom: 50px;
  left: 60px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpportpost__link a {
  font-weight: 600;
  color: var(--tp-white-color);
  background-color: var(--tp-orange-color);
  display: inline-block;
  line-height: 1;
  padding: 10px 15px;
  border-radius: 100px;
}
.tpportpost__title {
  font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpportpost__title {
    font-size: 25px;
  }
}
.tpportpost__title a:hover {
  color: var(--tp-orange-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportpost__title {
    font-size: 24px;
    margin-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpportpost__content {
    margin-bottom: 20px;
  }
}
.tpportpost:hover .tpportpost__info {
  background-color: var(--tp-secoundery-color);
}
.tpportpost:hover .tpportpost__link {
  opacity: 1;
  visibility: visible;
  bottom: 60px;
}

.portfolio-text {
  will-change: transform, opacity;
}

/*----------------------------------------*/
/*  7.8 Service Css Here
/*----------------------------------------*/
.tp-services-spacing {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-services-spacing {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-spacing {
    padding: 100px 0;
    padding-bottom: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-spacing {
    padding: 70px 0;
  }
}
.tp-services-spacing-2 {
  padding-top: 145px;
  padding-bottom: 510px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-spacing-2 {
    padding-top: 100px;
    padding-bottom: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-services-spacing-2 {
    padding-top: 70px;
    padding-bottom: 300px;
  }
}
.tp-services-spacing-3 {
  padding-bottom: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-spacing-3 {
    padding: 100px 0;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-spacing-3 {
    padding-bottom: 70px;
  }
}
.tp-services-spacing-4 {
  padding-top: 145px;
  padding-bottom: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-services-spacing-4 {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-spacing-4 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-spacing-4 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-area {
    border-radius: 0;
  }
}
.tp-services-num {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-num {
    font-size: 20px;
  }
}
.tp-services-num-larg {
  font-size: 50px;
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-num-larg {
    font-size: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-num-larg {
    margin-bottom: 15px;
  }
}
.tp-services-title {
  letter-spacing: -0.03px;
  margin-bottom: 0;
}
@media (max-width: 574.98px) {
  .tp-services-title {
    font-size: 18px;
  }
}
.tp-services-title-larg {
  font-size: 42px;
  margin-bottom: 18px;
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tp-services-title-larg:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-services-title-larg {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-title-larg {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.tp-services-title-wrap svg {
  margin-top: 20px;
  flex: 0 0 auto;
}
.tp-services-body {
  background-color: var(--tp-secoundery-color);
  padding: 40px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-services-body {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .tp-services-body {
    padding: 20px;
  }
}
.tp-services-meta span {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 30px;
  line-height: 1;
  color: var(--tp-theme-color);
  font-weight: 500;
  padding: 5px 14px;
  margin-right: 6px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px) {
  .tp-services-meta span {
    font-size: 15px;
    padding: 4px 9px;
    margin-bottom: 5px;
  }
}
.tp-services-meta span:hover {
  background-color: var(--tp-white-color);
  border-color: transparent;
}
.tp-services-content {
  margin-bottom: 104px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-services-content {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-content {
    margin-bottom: 42px;
  }
}
@media (max-width: 574.98px) {
  .tp-services-content {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-content {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-content p br {
    display: none;
  }
}
.tp-services-item:last-child .tp-services-button {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-services-item:last-child .tp-services-button-black {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-services-item.active .tp-services-button, .tp-services-item.active.tp-services-button-black {
  border-top: 0;
}
.tp-services-button {
  margin-bottom: -100px;
  opacity: 0;
  visibility: hidden;
  padding: 34px 40px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-button {
    margin-bottom: -71px;
    padding: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-services-button {
    margin-bottom: -79px;
    padding: 20px;
  }
}
.tp-services-button.collapsed {
  margin-bottom: 0;
  opacity: 1;
  visibility: visible;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.tp-services-button-black.collapsed {
  border-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-btn {
    justify-content: start;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-btn-2 {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px) {
  .tp-services-heading {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-heading {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-heading .row {
    justify-content: center;
  }
}
.tp-services-info {
  margin-left: -135px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-services-info {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-services-info {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-info-wrap {
    margin-bottom: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-services-info-wrap {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-services-info-wrap .tp-section-title br {
    display: none;
  }
  .tp-services-info-wrap p br {
    display: none;
  }
}
.tp-services-shape-1 {
  right: 0;
  top: 25%;
}
.tp-services-shape-2 {
  left: -200px;
  bottom: -20px;
}
.tp-services-margin {
  margin-top: 30px;
  margin-bottom: 30px;
}
.tp-services-details-deg {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-deg {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.tp-services-details-faq-title {
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-details-faq-title {
    font-size: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-faq-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-services-details-wrap {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-wrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-img {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-img {
    height: 300px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-top {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-details-top p:not(:last-child) {
    margin-bottom: 10px;
  }
}
.tp-services-support {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 22px 25px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-support {
    padding: 15px;
  }
}
.tp-services-support-icon {
  width: 60px;
  height: 60px;
  background-color: var(--tp-gray-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tp-orange-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-services-support-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 6px;
}
.tp-services-support-title-larg {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-support-title-larg {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.tp-services-support-content p {
  line-height: 24px;
}
.tp-services-support:hover {
  background-color: var(--tp-gray-color);
  border-color: transparent;
}
.tp-services-support:hover .tp-services-support-icon {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
}

.tpservices {
  min-height: 500px;
  padding: 50px 59px;
  transition: 0.4s;
  box-shadow: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpservices {
    min-height: 430px;
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservices {
    min-height: 430px;
    padding: 30px 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpservices {
    min-height: 400px;
    padding: 30px;
    margin-bottom: 20px;
  }
}
.tpservices__btn {
  font-weight: 600;
  line-height: 1;
}
.tpservices__btn span, .tpservices__btn svg {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpservices__title {
  font-size: 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpservices__title {
    font-size: 25px;
  }
}
.tpservices__back-text {
  letter-spacing: -0.06em;
  font-size: 140px;
  color: rgba(0, 0, 0, 0.1);
  transform: rotate(-90deg);
  position: absolute;
  line-height: 1;
  top: 174px;
  right: -151px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpservices__img {
  bottom: 0;
  right: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpservices__img img {
  width: 100%;
}
.tpservices__main > .col-lg-4:first-child .tpservices .tpservices__btn {
  color: var(--tp-white-color);
}
.tpservices__main > .col-lg-4:first-child .tpservices .tpservices__img {
  right: auto;
  left: 0;
  width: 100%;
}
.tpservices:hover .tpservices__img {
  transform: scale(1.1);
}
.tpservices:hover .tpservices__back-text {
  right: -135px;
}

.tpservices2 {
  padding: 10px;
  border-radius: 20px;
  background-color: var(--tp-gray-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2 {
    margin-bottom: 20px;
  }
}
.tpservices2__icon {
  color: var(--tp-orange-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2__icon {
    margin-bottom: 15px;
  }
}
.tpservices2__main {
  padding: 0 30px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2__main {
    padding: 0 20px;
  }
}
.tpservices2__btn {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tp-gray-color);
  border-radius: 60px;
}
.tpservices2__link {
  position: absolute;
  bottom: 0px;
  right: 0;
  right: -1px;
  height: 72px;
  width: 74px;
  display: flex;
  justify-content: flex-end;
  align-items: end;
  background: #fff;
  z-index: 2;
  border-radius: 40px 0px 0 0;
}
.tpservices2__link::before, .tpservices2__link::after {
  content: "";
  clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");
  background-color: #fff;
  width: 32px;
  height: 42px;
  position: absolute;
  left: -23px;
  transform: rotate(-90deg);
  bottom: -6px;
  transform-origin: center;
}
.tpservices2__link::after {
  left: auto;
  bottom: auto;
  top: -36px;
  right: -7px;
  transform: rotate(266deg);
}
.tpservices2__up {
  margin-top: -10px;
}
.tpservices2__right-wrap {
  transform: translateY(-100px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2__right-wrap {
    transform: translateY(0);
  }
}
.tpservices2__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tpservices2__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2__title {
    font-size: 20px;
  }
}
.tpservices2__thumb {
  overflow: hidden;
  border-radius: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpservices2__thumb {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2__thumb {
    margin-bottom: 20px;
  }
}
.tpservices2__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpservices2__thumb img {
    width: 100%;
    object-fit: cover;
  }
}
.tpservices2__content p {
  padding-right: 25px;
}
@media (max-width: 574.98px) {
  .tpservices2__content p {
    padding-right: 40px;
  }
}
.tpservices2:hover {
  background-color: var(--tp-secoundery-color);
}
.tpservices2:hover .tpservices2__btn {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
}
.tpservices2:hover .tpservices2__thumb img {
  transform: scale(1.1);
}

.tpserv {
  background-color: var(--tp-white-color);
  padding: 20px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpserv__icon {
  width: 90px;
  height: 90px;
  background-color: var(--tp-gray-color);
  border-radius: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpserv__icon {
    width: 45px;
    height: 45px;
  }
  .tpserv__icon svg {
    width: 20px;
  }
}
@media (max-width: 574.98px) {
  .tpserv__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .tpserv__icon svg {
    width: 17px;
  }
}
.tpserv__title {
  font-size: 26px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpserv__title {
    font-size: 20px;
  }
}
@media (max-width: 574.98px) {
  .tpserv__title {
    margin-bottom: 15px;
  }
}
.tpserv__btn {
  padding-left: 80px;
  opacity: 0;
  visibility: hidden;
  flex: 0 0 auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px) {
  .tpserv__btn {
    padding-inline: 0;
  }
}
.tpserv__btn a {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  border-radius: 30px;
  line-height: 1;
  background: var(--tp-white-color);
  color: var(--tp-theme-color);
  padding: 8px 16px;
}
.tpserv__btn a:hover {
  background-color: var(--tp-secoundery-color);
}
.tpserv__main {
  grid-gap: 22px;
}
@media (max-width: 574.98px) {
  .tpserv__main {
    display: inline-block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpserv__main {
    display: flex;
  }
}
.tpserv__shape {
  right: 0;
  top: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpserv__shape {
    top: auto;
    bottom: 0;
  }
}
.tpserv__shape img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  transform: scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpserv__wrap {
    padding-top: 30px;
  }
}
.tpserv:hover {
  background-color: var(--tp-theme-color);
}
.tpserv:hover .tpserv__icon {
  background-color: var(--tp-secoundery-color);
}
.tpserv:hover .tpserv__title {
  color: var(--tp-white-color);
}
.tpserv:hover .tpserv__btn {
  opacity: 1;
  visibility: visible;
}
.tpserv:hover .tpserv__shape img {
  transform: scale(1.1);
}
.tpserv__card {
  padding: 55px 60px;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--tp-white-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpserv__card {
    padding: 55px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpserv__card {
    padding: 30px 20px;
    min-height: 350px;
  }
}
.tpserv__card-title a:hover {
  color: var(--tp-secoundery-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpserv__card-title {
    font-size: 20px;
  }
}
.tpserv__card-link a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  display: block;
  line-height: 1;
  background-color: transparent;
  font-weight: 600;
  color: var(--tp-theme-color);
  padding: 15px;
}
.tpserv__card-link a:hover {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}
.tpserv__card-icon svg {
  transition: 0.3s;
}
.tpserv__card:hover {
  box-shadow: 0px 15px 35px -10px rgba(0, 0, 0, 0.15);
}
.tpserv__card:hover .tpserv__card-link a {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}

.tpwork {
  max-width: 533px;
  border-radius: 10px;
  overflow: hidden;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpwork {
    max-width: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpwork {
    max-width: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpwork {
    max-width: 100%;
  }
}
.tpwork__num {
  font-size: 120px;
  font-weight: 800;
  color: var(--tp-white-color);
  letter-spacing: -0.04em;
  position: absolute;
  bottom: -45px;
  left: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpwork__num {
    font-size: 75px;
    bottom: -30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpwork__num {
    font-size: 60px;
    bottom: -24px;
    left: 15px;
  }
}
.tpwork__thumb img {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tpwork__list span {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
}
.tpwork__list span::before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  background-color: var(--tp-body-color);
  border-radius: 50%;
}
.tpwork__list span:last-child {
  margin-bottom: 0;
}
.tpwork__content {
  background-color: var(--tp-white-color);
  padding: 29px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpwork__content {
    padding: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpwork__content {
    padding: 15px;
  }
}
.tpwork__title a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpwork__title {
    font-size: 20px;
  }
}
.tpwork:nth-child(2) {
  margin-left: -140px;
  transform: translateY(112px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpwork:nth-child(2) {
    margin-left: 0;
    transform: translateY(0);
  }
}
.tpwork:nth-child(2) .tpwork__content {
  background-color: var(--tp-orange-color);
}
.tpwork:nth-child(2) .tpwork__title {
  color: var(--tp-white-color);
}
.tpwork:nth-child(2) .tpwork__list span {
  color: var(--tp-white-color);
}
.tpwork:nth-child(2) .tpwork__list span::before {
  background-color: var(--tp-white-color);
}
.tpwork:nth-child(3) {
  margin-left: -140px;
  transform: translateY(300px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpwork:nth-child(3) {
    margin-left: 0;
    transform: translateY(0);
  }
}
.tpwork:nth-child(3) .tpwork__content {
  background-color: var(--tp-secoundery-color);
}
.tpwork:hover .tpwork__thumb img {
  transform: scale(1.1);
}
.tpwork:hover .tpwork__num {
  bottom: -28px;
}

.tp-work-main {
  min-height: 1144px;
  padding-top: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-work-main {
    min-height: 950px;
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-work-main {
    min-height: 1085px;
    padding-top: 70px;
    border-radius: 0;
  }
}
.tp-work-wrap {
  display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-work-wrap {
    flex-wrap: wrap;
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-work-wrap {
    flex-direction: column;
    grid-gap: 20px;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-work-heading {
    margin-bottom: 40px;
  }
}

.tpservshow {
  position: relative;
  overflow: hidden;
  width: 308px;
  padding: 40px;
  background: var(--tp-gray-color);
  border-radius: 20px;
  min-height: 398px;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpservshow {
    min-height: 350px;
    padding: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservshow {
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpservshow {
    min-height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservshow {
    width: 260px;
    min-height: 300px;
  }
}
@media (max-width: 574.98px) {
  .tpservshow {
    min-height: 330px;
    padding: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpservshow {
    min-height: 330px;
  }
}
.tpservshow__thumb {
  position: absolute;
  transition: 0.3s;
  right: -237px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  text-align: end;
}
@media (max-width: 574.98px) {
  .tpservshow__thumb {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpservshow__thumb img {
    max-width: 90%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpservshow__thumb img {
    max-width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservshow__thumb img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpservshow__thumb img {
    max-width: 75%;
  }
}
.tpservshow__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  padding-right: 0;
}
.tpservshow__title {
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservshow__title {
    font-size: 18px;
  }
}
.tpservshow__title a:hover {
  color: var(--tp-orange-color);
}
.tpservshow__link a {
  display: inline-block;
  background-color: transparent;
  color: var(--tp-theme-color);
  font-weight: 600;
  line-height: 1;
  padding: 12px 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpservshow__link a {
    font-size: 15px;
    padding: 10px 15px;
  }
}
.tpservshow.active {
  width: 645px;
  background: var(--tp-secoundery-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservshow.active {
    width: 410px;
  }
}
.tpservshow.active .tpservshow__thumb {
  opacity: 1;
  visibility: visible;
  right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpservshow.active .tpservshow__thumb {
    right: 15px;
  }
}
.tpservshow.active .tpservshow__link a {
  border-color: transparent;
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
}

.tp-services-showcase {
  display: flex;
  align-items: center;
  grid-gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-services-showcase {
    flex-wrap: wrap;
    grid-gap: 20px;
    padding-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-showcase {
    flex-wrap: wrap;
    grid-gap: 0;
    padding-bottom: 20px;
  }
}
.tp-services-showcase-bottom p {
  font-weight: 500;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  width: fit-content;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  padding: 6px;
  padding-left: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-services-showcase-bottom p {
    display: inline-block;
  }
  .tp-services-showcase-bottom p span {
    margin-left: 5px;
  }
}
.tp-services-showcase-bottom p span {
  display: inline-block;
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
  line-height: 1;
  padding: 6px 10px;
  border-radius: 30px;
}

/*----------------------------------------*/
/*  7.9 Team Css Here
/*----------------------------------------*/
.tp-team-spacing {
  padding: 150px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-team-spacing {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-spacing {
    padding: 70px 0;
    border-radius: 0;
  }
}
.tp-team-spacing-2 {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-team-spacing-3 {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.tp-team-spacing-4 {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-spacing-4 {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-spacing-4 {
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-button {
    justify-content: start;
    padding-top: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-team-heading {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-team-active-2 {
    padding-bottom: 40px;
  }
}
.tp-team-info {
  padding-top: 45px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-info {
    padding-top: 20px;
  }
}
.tp-team-info-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-info-wrap {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-info-content {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px) {
  .tp-team-cta {
    padding-top: 10px;
  }
}
.tp-team-cta a {
  color: var(--tp-white-color);
  font-weight: 600;
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.tp-team-cta a:hover {
  text-decoration: underline;
}
.tp-team-cta-icon {
  width: 52px;
  height: 52px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-team-cta-icon svg {
  transform: translateX(-2px);
}
.tp-team-cta-wrap {
  grid-gap: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-cta-wrap {
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-team-author {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-author {
    padding-right: 0;
  }
}
.tp-team-author-socials {
  grid-gap: 5px;
}
.tp-team-author-socials a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.tp-team-author-socials a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  border-color: transparent;
}
.tp-team-author-link a {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  background-color: var(--tp-gray-color);
  padding: 10px 20px;
  border-radius: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-author-link a {
    padding: 10px 15px;
  }
}
.tp-team-author-link a svg {
  transform: translateY(-1px);
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-author-link a svg {
    margin-right: 4px;
  }
}
.tp-team-author-link a:not(:last-child) {
  margin-right: 6px;
}
.tp-team-author-link a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-author-link-wrap {
    flex-wrap: wrap;
    grid-gap: 5px;
    margin-bottom: 25px;
  }
}
.tp-team-author-info-item {
  padding: 7px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-author-info-item {
    padding: 4px 0;
  }
}
.tp-team-author-info-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tp-team-author-info-item span {
  display: inline-block;
  font-weight: 500;
  color: var(--tp-theme-color);
}
.tp-team-author-info-item span a:hover {
  color: var(--tp-orange-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-author-thumb {
    margin-bottom: 20px;
  }
}
.tp-team-author-thumb img {
  width: 100%;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-details-list {
    margin-bottom: 30px;
  }
}
.tp-team-details-list-title {
  font-size: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-details-list-title {
    margin-bottom: 15px;
  }
}
.tp-team-details-list ul li {
  list-style: none;
  line-height: 1;
  font-weight: 500;
}
.tp-team-details-list ul li:not(:last-child) {
  margin-bottom: 14px;
}
.tp-team-details-list ul li::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--tp-theme-color);
  border-radius: 50%;
  transform: translateY(-2px);
  margin-right: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-team-details-deg {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-details-heading {
    margin-bottom: 20px;
  }
}
.tp-team-active {
  min-height: 600px;
  display: flex;
  align-items: center;
  padding-right: 168px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-team-active {
    min-height: 500px;
    padding-right: 149px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-team-active {
    min-height: 410px;
    padding-right: 173px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-active {
    padding-right: 220px;
    min-height: 410px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-active {
    padding-right: 0;
    min-height: auto;
  }
}
.tp-team-active .swiper-slide-active {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-team-active .swiper-slide-active .tpteam {
  max-width: 520px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-team-active .swiper-slide-active .tpteam {
    max-width: 420px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-team-active .swiper-slide-active .tpteam {
    max-width: 375px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-team-active .swiper-slide-active .tpteam {
    width: 100%;
  }
}
.tp-team-active .swiper-slide-active .tpteam__thumb::before {
  opacity: 1;
  visibility: visible;
}
.tp-team-active .swiper-slide-active .tpteam__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tp-team-active .swiper-slide-active .tpteam .tpteam__info {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.tpteam {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-width: 360px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpteam {
    max-width: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpteam {
    max-width: 240px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpteam {
    max-width: inherit;
  }
}
.tpteam__title {
  font-size: 26px;
  margin-bottom: 3px;
}
@media (max-width: 574.98px) {
  .tpteam__title {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.tpteam__title a:hover {
  color: var(--tp-secoundery-color);
}
.tpteam__content span {
  display: inline-block;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 574.98px) {
  .tpteam__content span {
    font-size: 15px;
  }
}
.tpteam__icon {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  text-align: center;
  line-height: 56px;
  color: var(--tp-secoundery-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpteam__icon {
    width: 45px;
    height: 45px;
    line-height: 40px;
  }
  .tpteam__icon svg {
    width: 17px;
  }
}
.tpteam__icon:hover {
  background-color: var(--tp-white-color);
}
.tpteam__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  padding: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpteam__info {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .tpteam__info {
    padding: 30px;
  }
}
.tpteam__thumb::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.02%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpteam__thumb img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpteam__circle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tpteam__circle-title {
  font-size: 26px;
  margin-bottom: 5px;
}
.tpteam__circle-title a:hover {
  color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpteam__circle-title {
    font-size: 20px;
  }
}
.tpteam__circle--content {
  width: 248px;
  height: 248px;
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.18) 17.93%, rgba(0, 0, 0, 0.1125) 81.51%);
  backdrop-filter: blur(20px);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 48%;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpteam__circle--content {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpteam__circle--content {
    width: 200px;
    height: 200px;
  }
}
.tpteam__circle--content {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpteam__circle--content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpteam__circle--content-wrap span {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.tpteam__circle-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: var(--tp-white-color);
  text-align: center;
  border-radius: 30px;
}
.tpteam__circle-btn:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tpteam__circle-btn-wrap {
  grid-gap: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpteam__circle-btn-wrap {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
}
.tpteam__circle-thumb {
  background: #D9D9D9;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpteam__circle-thumb img {
  mix-blend-mode: luminosity;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
}
.tpteam__circle:hover .tpteam__circle--content {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
}
.tpteam__circle:hover .tpteam__circle-thumb {
  background-color: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpteam__circle-pagination {
    padding: 15px 0;
  }
}
.tpteam__circle-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: var(--tp-white-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpteam__circle-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--tp-orange-color);
  border-color: transparent;
}

.tpexperts {
  background-color: var(--tp-secoundery-color);
  padding: 30px;
  transition: 0.7s;
  transform: rotateY(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpexperts {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpexperts {
    margin-bottom: 20px;
    padding: 20px;
  }
}
.tpexperts__social {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.tpexperts__social a {
  color: var(--tp-theme-color);
}
.tpexperts__content p {
  line-height: 26px;
}
.tpexperts__content-wrap {
  padding: 0 10px;
  padding-bottom: 5px;
  transition: 0.4s;
  transform: rotateY(-180deg);
}
.tpexperts__shape {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.tpexperts__shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpexperts__shape-2 {
  z-index: 2;
}
.tpexperts__btn {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: var(--tp-theme-color);
  border-radius: 50%;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpexperts__btn {
    width: 40px;
    height: 40px;
  }
}
.tpexperts__btn-2 {
  right: 40px;
  bottom: 40px;
  position: absolute;
  z-index: 1;
}
.tpexperts__btn::before, .tpexperts__btn::after {
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  color: #FFFFFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.tpexperts__thumb {
  width: 206px;
  height: 240px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpexperts__thumb {
    width: 180px;
    height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpexperts__thumb {
    width: 160px;
    height: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpexperts__thumb {
    width: 150px;
    height: 170px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpexperts__thumb {
    width: 150px;
    height: 160px;
  }
}
.tpexperts__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tpexperts__thumb-wrap {
  transition: 0.4s;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpexperts__thumb-wrap {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpexperts__thumb-wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpexperts__content p br {
    display: none;
  }
}
.tpexperts__2 {
  min-height: 480px;
  padding: 55px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpexperts__2 {
    padding: 30px;
    min-height: 350px;
  }
}
.tpexperts__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tpexperts__title a:hover {
  background-size: 100% 1px;
}
.tpexperts.active {
  transform: rotateY(180deg);
}
.tpexperts.active .tpexperts__btn::before {
  content: "";
}
.tpexperts.active .tpexperts__btn::after {
  content: "\f068";
}
.tpexperts.active .tpexperts__btn.tpexperts__btn-2::before {
  content: "+";
}
.tpexperts.active .tpexperts__shape {
  opacity: 0;
  visibility: hidden;
}
.tpexperts.active .tpexperts__thumb {
  opacity: 1;
  visibility: visible;
}
.tpexperts.active .tpexperts__thumb-wrap {
  transform: rotateY(-180deg);
}

.tp-team-active-2 .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  width: auto;
}

.tpteamcard {
  overflow: hidden;
  background: transparent;
  backdrop-filter: inherit;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpteamcard {
    margin-bottom: 20px;
  }
}
.tpteamcard::before, .tpteamcard::after {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpteamcard__title {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpteamcard__title {
    font-size: 20px;
  }
}
.tpteamcard__link {
  position: absolute;
  top: 30px;
  right: 30px;
}
.tpteamcard__link a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tp-white-color);
  border-radius: 50%;
}
.tpteamcard__thumb img {
  width: 100%;
}
.tpteamcard:hover::after {
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.04) 17.93%, rgba(255, 255, 255, 0.01) 81.51%);
  backdrop-filter: blur(20px);
}
.tpteamcard:hover .tpteamcard__link a {
  width: 60px;
  height: 60px;
  background-color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpteamcard:hover .tpteamcard__link a {
    width: 40px;
    height: 40px;
  }
}

.tp-details-subtitle {
  font-weight: 500;
  color: var(--tp-theme-color);
  display: inline-block;
  background: var(--tp-secoundery-color);
  line-height: 1;
  border-radius: 30px;
  padding: 6px 14px;
}
.tp-details-subtitle-orange {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
  padding: 9px 21px;
}
.tp-details-subtitle-orange svg {
  margin-right: 5px;
}
.tp-details-title {
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-details-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-details-title {
    font-size: 35px;
  }
}

/*----------------------------------------*/
/*  8.0 Testimonial Css Here
/*----------------------------------------*/
.tp-testimonail-spacing {
  padding-top: 150px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testimonail-spacing {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testimonail-spacing {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testimonail-spacing {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.tp-testimonail-spacing-2 {
  padding-top: 145px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testimonail-spacing-2 {
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testimonail-spacing-2 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testimonail-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testimonail-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testimonail-area {
    border-radius: 0;
  }
}
.tp-testimonail-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testimonail-pagination {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testimonail-pagination {
    padding-top: 25px;
  }
}
.tp-testimonail-pagination span {
  color: var(--tp-theme-color);
  letter-spacing: -0.01em;
  display: inline-block;
  line-height: 1;
}
.tp-testimonail-dvdr {
  width: 200px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 15px;
}
@media (max-width: 574.98px) {
  .tp-testimonail-dvdr {
    width: 100px;
  }
}
.tp-testimonail-progress {
  position: relative;
}
.tp-testimonail-progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: var(--progress, 0%);
  background: var(--tp-secoundery-color);
  transition: width 0.4s ease;
}
.tp-testimonail-button-prev, .tp-testimonail-button-next {
  position: absolute;
  top: 52px;
  left: 0;
}
.tp-testimonail-button-next {
  left: auto;
  right: 0;
}
.tp-testimonail-button-prev.swiper-button-disabled, .tp-testimonail-button-next.swiper-button-disabled {
  opacity: 0.4;
}
.tp-testimonail-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testimonail-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testimonail-title {
    font-size: 25px;
  }
  .tp-testimonail-title br {
    display: none;
  }
}

.tptesti {
  background-color: var(--tp-white-color);
  border-radius: 20px;
  padding: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tptesti {
    margin-bottom: 20px;
  }
}
.tptesti__content {
  padding: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tptesti__content {
    padding: 20px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tptesti__content {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tptesti__content {
    padding: 30px;
    padding-bottom: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tptesti__content {
    padding: 15px;
  }
}
.tptesti__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tptesti__title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tptesti__title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tptesti__title {
    font-size: 17px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tptesti__title {
    margin-bottom: 15px;
  }
}
.tptesti__address {
  display: inline-block;
  line-height: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tptesti__address::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 1px;
  background-color: var(--tp-body-color);
  transform: translateY(-6px);
  margin-right: 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tptesti__thumb {
  margin-top: -140px;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tptesti__thumb {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tptesti__thumb {
    margin-top: -112px;
  }
}
@media (max-width: 574.98px) {
  .tptesti__thumb {
    margin-top: -101px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tptesti__thumb {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tptesti__thumb img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
}
.tptesti__quote {
  bottom: -10px;
  right: 30px;
}
.tptesti__quote svg {
  color: rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tptesti:hover, .tptesti.active {
  background-color: var(--tp-theme-color);
}
.tptesti:hover .tptesti__thumb, .tptesti.active .tptesti__thumb {
  margin-top: 0;
  margin-bottom: 0;
}
.tptesti:hover .tptesti__title, .tptesti.active .tptesti__title {
  color: var(--tp-white-color);
}
.tptesti:hover .tptesti__address, .tptesti.active .tptesti__address {
  color: var(--tp-white-color);
}
.tptesti:hover .tptesti__address::before, .tptesti.active .tptesti__address::before {
  background-color: var(--tp-white-color);
}
.tptesti:hover .tptesti__quote svg, .tptesti.active .tptesti__quote svg {
  color: rgba(255, 255, 255, 0.2);
}

.tp-testi-card {
  min-width: 1057px;
  min-height: 600px;
  background-color: var(--tp-secoundery-color);
  display: flex;
  padding: 100px 60px;
  border-radius: 20px;
  position: absolute;
  right: 0;
  bottom: -120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-card {
    min-width: 100%;
    min-height: 500px;
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-card {
    padding: 40px 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-card {
    position: unset;
    min-width: 100%;
    flex-wrap: wrap;
    padding: 40px 20px;
    border-radius: 0;
  }
}
.tp-testi-card-awards {
  display: flex;
  align-items: center;
  grid-gap: 25px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-card-awards {
    margin-bottom: 15px;
  }
}
.tp-testi-card-awards img {
  flex: 0 0 auto;
}
.tp-testi-card-content p {
  line-height: 26px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-card-content p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-card-review {
    padding-top: 20px;
  }
}
.tp-testi-card-review img {
  display: block;
}
.tp-testi-card-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 60px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-card-left {
    padding-right: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-card-left {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.tp-testi-card-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-card-right {
    padding-left: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-card-right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-testi-card-title {
    font-size: 25px;
  }
}
.tp-testi-fact-num {
  font-size: 140px;
  letter-spacing: -0.06em;
  line-height: 120px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-fact-num {
    font-size: 100px;
    line-height: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-fact-num {
    font-size: 80px;
    line-height: 60px;
  }
}
.tp-testi-fact-num .odometer {
  line-height: 103px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-fact-num .odometer {
    line-height: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-fact-num .odometer {
    line-height: 60px;
  }
}
.tp-testi-fact p {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-fact p {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  8.1 Video Css Here
/*----------------------------------------*/
.tp-video-title {
  font-size: 50px;
}
.tp-video-play {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  width: 140px;
  height: 140px;
  background-color: var(--tp-gray-color);
  border-radius: 50%;
  color: var(--tp-theme-color);
}
.tp-video-play:hover {
  background-color: var(--tp-secoundery-color);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-video-play {
    width: 100px;
    height: 100px;
    grid-gap: 5px;
  }
}
.tp-video-play-spacing {
  padding: 195px 0;
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-video-play-spacing {
    padding-top: 100px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-video-play-spacing {
    padding: 70px 0;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-video-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-video-spacing {
    padding-bottom: 0;
    padding-top: 70px;
  }
}
.tp-video-shape-1 {
  top: 44%;
  left: 0;
}
.tp-video-shape-2 {
  top: 110px;
  left: 225px;
}
.tp-video-shape-3 {
  top: 0;
  right: 225px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-video-shape-3 {
    top: -60px;
    right: 73px;
  }
}
.tp-video-shape-4 {
  right: 0;
  bottom: 128px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-video-shape-4 {
    bottom: auto;
    top: 0;
  }
}
.tp-video-shape-5 {
  bottom: 0;
  right: 35%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-video-shape-5 {
    bottom: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-video-shape-5 {
    bottom: -57px;
    right: 11%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-video-heading {
    text-align: center;
  }
}

/*----------------------------------------*/
/*  8.2 Faq Css Here
/*----------------------------------------*/
.tp-faq {
  background: #F5F5F5;
  border-radius: 20px;
  padding: 10px;
}
.tp-faq-item {
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: var(--tp-white-color);
}
.tp-faq-item:last-child {
  margin-bottom: 0;
}
.tp-faq-body {
  padding: 32px 30px;
  padding-top: 0;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-faq-body {
    padding: 10px 15px;
    padding-top: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-faq-body p {
    font-size: 15px;
    line-height: 1.5;
  }
}
.tp-faq-arrow {
  border-color: transparent;
  height: 30px;
  width: 30px;
  flex: 0 0 auto;
  display: inline-block;
  border-radius: 30px;
  position: relative;
  background-color: var(--tp-orange-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-faq-arrow::before {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--tp-theme-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 15px;
  color: var(--tp-white-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-faq-button {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  width: 100%;
  text-align: start;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-faq-button {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.tp-faq-button.collapsed .tp-faq-arrow {
  border: 1px solid #000000;
  background-color: transparent;
}
.tp-faq-button.collapsed .tp-faq-arrow::before {
  content: "+";
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-faq-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-faq-spacing {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-faq-heading {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-faq-btn {
    padding-top: 25px;
  }
}

/*----------------------------------------*/
/*  8.3 Brand Css Here
/*----------------------------------------*/
.tp-brand {
  padding: 20px 72px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-brand {
    padding: 15px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-brand {
    padding: 10px 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand {
    padding: 10px;
  }
}
.tp-brand-item {
  height: 140px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 15px;
  margin: 0 10px;
}
.tp-brand-item:hover {
  background-color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-brand-item {
    height: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-item {
    height: 90px;
  }
}
.tp-brand-border {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tp-brand-shape {
  left: 0;
  bottom: 0;
}
.tp-brand-black .tp-brand-item {
  color: var(--tp-theme-color);
}
.tp-brand-black .tp-brand-item:hover {
  background-color: var(--tp-theme-color);
  color: #fff;
}
.tp-brand-secoundery .tp-brand-item {
  color: var(--tp-theme-color);
}
.tp-brand-text-title {
  font-weight: 800;
  font-size: 160px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 2px #d9d9d9;
  transition: 0.5s;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-brand-text-title {
    font-size: 120px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-text-title {
    font-size: 80px;
  }
}
.tp-brand-text-title:hover {
  -webkit-text-stroke: 2px transparent;
  opacity: 0.5;
  color: var(--tp-theme-color);
}
.tp-brand-text-wrapper {
  display: flex;
  width: max-content;
  grid-gap: 70px;
  margin-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-brand-text-wrapper {
    margin-bottom: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-text-wrapper {
    margin-bottom: 40px;
    grid-gap: 30px;
  }
}
.tp-brand-spacing {
  padding-top: 80px;
}
.tp-brand-spacing-2 {
  padding-top: 100px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-brand-spacing-2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-spacing-2 {
    padding: 70px 0;
  }
}
.tp-brand-spacing-3 {
  padding-bottom: 135px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-brand-spacing-3 {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-brand-spacing-3 {
    padding-bottom: 70px;
  }
}
.tp-brand-badge {
  background: #FFFFFF;
  box-shadow: 0px 20px 40px rgba(25, 25, 25, 0.1);
  border-radius: 100px;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 32%;
  z-index: 2;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-badge {
    height: 140px;
    width: 140px;
  }
}
.tp-brand-badge-shape {
  top: 16px;
  left: 15px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-badge-shape {
    top: 10px;
    left: 8px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-badge-shape img {
    max-width: 95%;
  }
}
.tp-brand-badge span {
  width: 80px;
  height: 80px;
  background: var(--tp-secoundery-color);
  display: inline-block;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-badge span {
    height: 50px;
    width: 50px;
  }
}
.tp-brand-badge span img {
  transform: translateX(-2px);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-badge span img {
    max-width: 25%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-brand-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-brand-text {
    padding-bottom: 20px;
  }
}

.tpbrand__text {
  min-height: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpbrand__text {
    min-height: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpbrand__text {
    min-height: 100px;
  }
}
.tpbrand__text-title {
  font-size: 180px;
  display: flex;
  align-items: center;
  grid-gap: 50px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpbrand__text-title {
    font-size: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpbrand__text-title {
    font-size: 100px;
  }
}
.tpbrand__text-title:hover {
  opacity: 1;
}
.tpbrand__text-item {
  font-size: 180px;
  display: flex;
  align-items: center;
  grid-gap: 50px;
}
.tpbrand__text-wrap {
  display: flex;
  align-items: center;
  grid-gap: 50px;
}

/*----------------------------------------*/
/*  8.4 Project Css Here
/*----------------------------------------*/
.tp-project {
  border-radius: 60px;
  max-height: 930px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project {
    margin-bottom: 20px;
    border-radius: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project {
    margin-bottom: 20px;
    border-radius: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-slider-wrap {
    padding: 0 10px;
  }
}
.tp-project-title {
  font-size: 80px;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-project-title {
    font-size: 65px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-title {
    font-size: 60px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-title {
    font-size: 55px;
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-title {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
.tp-project-title-short {
  font-size: 60px;
}
.tp-project-title-short a:hover {
  color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-title-short {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-title-short {
    font-size: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-title-short {
    font-size: 35px;
  }
}
.tp-project-main {
  min-height: 930px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 110px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-main {
    min-height: 500px;
    padding: 60px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-main {
    min-height: 450px;
    padding: 30px 0;
  }
}
.tp-project-content p {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--tp-theme-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-content p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-content p {
    font-size: 18px;
  }
}
@media (max-width: 574.98px) {
  .tp-project-content p br {
    display: none;
  }
}
.tp-project-meta span, .tp-project-meta a {
  line-height: 1;
  display: inline-block;
  font-weight: 500;
  color: var(--tp-theme-color);
  padding: 9px 15px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 30px;
  margin-right: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-meta span, .tp-project-meta a {
    font-size: 15px;
    padding: 5px 10px;
    margin-bottom: 5px;
  }
}
.tp-project-meta span:hover, .tp-project-meta a:hover {
  background-color: var(--tp-secoundery-color);
  border-color: transparent;
}
.tp-project-meta-2 {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
}
.tp-project-meta-2 span {
  background-color: var(--tp-white-color);
  border-color: transparent;
}
.tp-project-meta-2 span:hover {
  background-color: var(--tp-secoundery-color);
}
.tp-project-back-text {
  font-weight: 800;
  font-size: 180px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 50px;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-project-back-text {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-back-text {
    font-size: 100px;
    z-index: -1;
    top: -33px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-back-text {
    font-size: 50px;
    z-index: -1;
  }
}
.tp-project-spacing {
  padding-top: 145px;
  padding-bottom: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-spacing {
    padding: 100px 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-spacing {
    padding-top: 70px;
    padding-bottom: 35px;
    border-radius: 0;
  }
}
.tp-project-spacing-2 {
  padding-top: 100px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-project-spacing-2 {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-project-spacing-2 {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-project-spacing-2 {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-spacing-2 {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-spacing-2 {
    padding-top: 70px;
    padding-bottom: 0;
  }
}
.tp-project-spacing-3 {
  padding: 145px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-project-spacing-3 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-spacing-3 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-project-spacing-3 {
    padding: 70px 0;
  }
}
.tp-project-btn {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-btn-2 {
    padding-top: 20px;
    justify-content: start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-project-heading {
    margin-bottom: 40px;
  }
}
.tp-project-wrap {
  grid-gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-wrap {
    flex-wrap: wrap;
    grid-gap: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-wrap {
    flex-wrap: wrap;
  }
}
.tp-project-short {
  min-height: 930px;
  padding: 75px;
  padding-right: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-project-short {
    min-height: 700px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-short {
    min-height: 550px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-short {
    min-height: 450px;
    padding: 50px;
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-short {
    min-height: 350px;
    padding: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-short-heading {
    margin-bottom: 35px;
  }
}
.tp-project-tabs {
  z-index: 9;
  padding: 10px;
  border-radius: 80px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-tabs {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-project-tabs {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-tabs {
    border-radius: 40px;
  }
}
.tp-project-tabs .nice-select {
  height: 60px;
  border-color: transparent;
  background: var(--tp-gray-color);
  padding: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-tabs .nice-select {
    padding: 0 20px;
  }
  .tp-project-tabs .nice-select::after {
    right: 20px;
  }
}
.tp-project-tabs form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-tabs form {
    flex-wrap: wrap;
  }
}
.tp-project-details-info {
  padding-top: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-details-info {
    margin-bottom: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-info {
    padding-top: 100px;
    margin-bottom: 20px;
  }
}
.tp-project-details-info-icon {
  width: 60px;
  height: 60px;
  background-color: var(--tp-secoundery-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tp-theme-color);
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-info-icon {
    margin-right: 10px;
  }
}
.tp-project-details-info-content span {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-info-content span {
    font-size: 16px;
  }
}
.tp-project-details-info-title {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-info-title {
    font-size: 18px;
  }
}
.tp-project-details-info-box {
  padding: 60px;
  border-radius: 20px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-details-info-box {
    padding: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-info-box {
    padding: 20px;
    margin-left: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-info-item {
    padding-bottom: 10px;
  }
}
.tp-project-details-info-item:hover .tp-project-details-info-icon {
  border-color: var(--tp-secoundery-color);
  background-color: transparent;
}
.tp-project-details-list ul li {
  color: var(--tp-theme-color);
}
.tp-project-details-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-title {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-details-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-details-heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-about {
    margin-bottom: 10px;
  }
}
.tp-project-about-main {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-about-main {
    padding-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-about-main {
    padding-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-about-wrap {
    flex-wrap: wrap;
  }
}
.tp-project:hover .tp-project-btn {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-feature {
    padding-top: 50px;
  }
}
.tp-project-feature-icon {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-feature-icon {
    width: 70px;
    height: 70px;
  }
  .tp-project-feature-icon svg {
    width: 35px;
  }
}
.tp-project-feature-item {
  min-width: 219px;
  padding: 60px 30px;
  padding-top: 54px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-feature-item {
    min-width: 155px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-feature-item {
    padding: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-feature-item {
    padding: 25px;
    min-width: inherit;
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-feature-item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-feature-item {
    min-width: 170px;
  }
}
.tp-project-feature-item:not(:last-child) {
  border-right: 1px solid var(--tp-white-color);
}
.tp-project-feature-item span {
  font-size: 18px;
  font-weight: 600;
}
.tp-project-feature-item:hover .tp-project-feature-icon {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  border-color: transparent;
}
.tp-project-feature-wrap:not(:last-child) {
  border-bottom: 1px solid var(--tp-white-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-feature-wrap {
    flex-wrap: wrap;
  }
}
.tp-project-feature-dot {
  width: 20px;
  height: 20px;
  background-color: var(--tp-gray-color);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: -10px;
  right: -10px;
  z-index: 1;
}
.tp-project-gallery-active {
  margin: 0 -130px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-gallery-active {
    margin: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-gallery-tabs li {
    margin-bottom: 5px;
  }
}
.tp-project-gallery-tabs li:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-gallery-tabs li:not(:last-child) {
    margin-right: 5px;
  }
}
.tp-project-gallery-tabs li button {
  color: #1D2132;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  line-height: 1;
  padding: 5px 9px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-project-gallery-tabs li button.active {
  border-color: transparent;
  background-color: var(--tp-secoundery-color);
}
.tp-project-gallery-tabs.tp-contect-tabs li button {
  color: var(--tp-theme-color);
  font-weight: 400;
  letter-spacing: -0.02em;
  padding: 7px 16px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-gallery-tab {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-des-main {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-location {
    padding-top: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-location {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-location-des {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpproject {
    margin-bottom: 40px;
  }
}
.tpproject__title {
  font-size: 20px;
}
.tpproject__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tpproject__title a:hover {
  background-size: 100% 1px;
}
.tpproject__content {
  background: var(--tp-white-color);
  border-radius: 20px;
  padding: 16px 28px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tpproject__content::before {
  position: absolute;
  content: "";
  background-color: var(--tp-secoundery-color);
  height: 0%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpproject__meta {
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.06) 17.93%, rgba(0, 0, 0, 0.015) 81.51%);
  backdrop-filter: blur(20px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  padding: 50px;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpproject__meta {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .tpproject__meta {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpproject__meta {
    flex-direction: row;
    justify-content: center;
  }
}
.tpproject__meta {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpproject__meta a {
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--tp-white-color);
}
.tpproject__meta a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tpproject:hover .tpproject__meta, .tpproject.active .tpproject__meta {
  opacity: 1;
  visibility: visible;
}
.tpproject:hover .tpproject__content::before, .tpproject.active .tpproject__content::before {
  height: 100%;
}

.tpproject2 {
  width: 308px;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 27px;
  transition: all 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpproject2 {
    min-height: 400px;
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpproject2 {
    min-height: 350px;
    padding: 15px;
    margin-bottom: 15px;
    width: 100%;
  }
}
.tpproject2__title {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpproject2__title br {
    display: none;
  }
}
.tpproject2__title-larg {
  font-size: 40px;
  position: absolute;
  bottom: 40px;
  left: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3;
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  transform: translateY(10px);
}
.tpproject2__title-larg a:hover {
  color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpproject2__title-larg {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpproject2__title-larg {
    font-size: 25px;
    left: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpproject2__title-larg {
    font-size: 20px;
  }
}
.tpproject2__date {
  margin-bottom: 7px;
}
.tpproject2__img-short {
  border-radius: 10px;
  margin-left: -17px;
  margin-top: -17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpproject2__img-short {
    margin: 0;
    max-width: 70%;
  }
}
.tpproject2__img-hover {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 100%;
  object-fit: cover;
  width: 100%;
  left: 0;
  top: 0;
  transition-duration: 1s;
  transition: all 0.3s;
}
.tpproject2__icon a {
  width: 30px;
  height: 30px;
  background: var(--tp-theme-color);
  color: var(--tp-white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  z-index: 1;
  position: relative;
}
.tpproject2.active {
  width: 645px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpproject2.active {
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpproject2.active {
    width: 100%;
  }
}
.tpproject2.active .tpproject2__img-hover {
  opacity: 1;
  visibility: visible;
}
.tpproject2.active .tpproject2__icon a {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tpproject2.active .tpproject2__content {
  opacity: 0;
  visibility: hidden;
}
.tpproject2.active .tpproject2__title-larg {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*----------------------------------------*/
/*  8.5 Error Css Here
/*----------------------------------------*/
.tp-error {
  max-width: 705px;
  padding: 60px;
  padding-top: 54px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-error {
    padding: 30px;
    padding-top: 5px;
    transform: translateY(10px);
  }
}
.tp-error-gap {
  margin: 30px 0;
}
.tp-error-main {
  min-height: 930px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-error-main {
    min-height: 800px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-error-main {
    min-height: 550px;
  }
}
.tp-error-title {
  font-size: 240px;
  line-height: 180px;
  letter-spacing: -0.04em;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-error-title {
    font-size: 150px;
    line-height: 1;
    margin-bottom: 0;
  }
}
.tp-error p {
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 24px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-error p {
    font-size: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-error-link {
    padding-top: 10px;
  }
}
.tp-error-link a {
  display: block;
  background: var(--tp-orange-color);
  line-height: 1;
  color: var(--tp-white-color);
  font-weight: 600;
  border-radius: 60px;
  padding: 22px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-error-link a {
    padding: 15px;
    font-size: 15px;
  }
}
.tp-error-link a:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tp-error-shape {
  right: 0;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: color-burn;
  height: 100%;
}
.tp-error-shape img {
  height: 100%;
}

/*----------------------------------------*/
/*  8.6 Feature Css Here
/*----------------------------------------*/
.tpfeature {
  padding: 25px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpfeature {
    padding: 18px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfeature {
    padding: 18px;
    margin-bottom: 20px;
  }
}
.tpfeature__num {
  display: inline-block;
  background: var(--tp-theme-color);
  color: var(--tp-white-color);
  font-size: 18px;
  letter-spacing: -0.02em;
  font-weight: 600;
  padding: 0 11px;
  border-radius: 20px;
  height: 30px;
}
.tpfeature__num-2 {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpfeature__title {
  margin-bottom: 13px;
  line-height: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpfeature__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfeature__title {
    font-size: 18px;
  }
}
.tpfeature__deg {
  opacity: 0;
  margin-bottom: -100px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpfeature__deg {
    margin-bottom: -125px;
  }
}
@media (max-width: 574.98px) {
  .tpfeature__deg {
    margin-bottom: -130px;
  }
}
.tpfeature__wrap {
  display: flex;
  grid-gap: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpfeature__wrap {
    grid-gap: 10px;
  }
}
.tpfeature__content {
  transform: translateY(3px);
}
.tpfeature:hover, .tpfeature.active {
  background-color: var(--tp-secoundery-color);
}
.tpfeature:hover.tpfeature__white, .tpfeature.active.tpfeature__white {
  background-color: var(--tp-white-color);
}
.tpfeature:hover .tpfeature__num-2, .tpfeature.active .tpfeature__num-2 {
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
}
.tpfeature:hover .tpfeature__title, .tpfeature.active .tpfeature__title {
  color: var(--tp-theme-color);
}
.tpfeature:hover .tpfeature__deg, .tpfeature.active .tpfeature__deg {
  opacity: 1;
  margin-bottom: 0;
}
.tpfeature:hover .tpfeature__content, .tpfeature.active .tpfeature__content {
  transform: translateY(3px);
}

.tp-feature-end {
  align-items: flex-end;
}
.tp-feature-spacing {
  padding-top: 180px;
  padding-bottom: 130px;
}
.tp-feature-bg::after {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 26.92%, #F5F5F5 60%);
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}
.tp-feature-bg-shape {
  top: 80px;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  8.7 Misson Css Here
/*----------------------------------------*/
.tp-misson-spacing {
  padding-top: 350px;
  padding-bottom: 460px;
  margin-bottom: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-misson-spacing {
    padding-bottom: 400px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-misson-spacing {
    padding-top: 260px;
    padding-bottom: 350px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-spacing {
    padding: 200px 0;
    margin-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-misson-spacing {
    padding: 70px 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-misson-shape img {
    max-width: 85%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-shape img {
    max-width: 20%;
  }
}
.tp-misson-shape-1 {
  top: 110px;
  left: -223px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-misson-shape-1 {
    top: 73px;
    left: -127px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-misson-shape-1 {
    top: 70px;
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-misson-shape-1 {
    left: -31px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-shape-1 {
    left: 0;
    top: 0;
  }
}
.tp-misson-shape-2 {
  top: 0;
  right: 29%;
}
.tp-misson-shape-3 {
  top: 41%;
  right: -230px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-misson-shape-3 {
    top: 48%;
    right: -125px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-misson-shape-3 {
    top: 50%;
    right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-misson-shape-3 {
    right: -31px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-shape-3 {
    right: 0;
    top: 65px;
  }
}
.tp-misson-shape-4 {
  bottom: 0;
  right: 21%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-misson-shape-4 {
    bottom: 55px;
    right: 34%;
  }
}
.tp-misson-shape-5 {
  left: 0;
  bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-misson-shape-5 {
    bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-shape-5 {
    bottom: 20px;
  }
}
.tp-misson-shape-back {
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  top: 64px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-misson-shape-back {
    max-width: 70%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-misson-shape-back {
    max-width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-shape-back {
    top: 25%;
    max-width: 55%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-misson-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-misson-title {
    font-size: 55px;
  }
}
@media (max-width: 574.98px) {
  .tp-misson-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-misson-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-misson-heading {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  8.8 Choose Css Here
/*----------------------------------------*/
.tp-choose-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tp-choose-bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tp-choose-spacing {
  height: 100vh;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-spacing {
    height: 65vh;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-choose-spacing {
    height: 85vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-spacing-2 {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-choose-spacing-2 {
    padding: 70px 0;
  }
}
.tp-choose-spacing-3 {
  padding: 145px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-choose-spacing-3 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-spacing-3 {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-choose-spacing-3 {
    padding: 70px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-choose-area {
    border-radius: 0;
  }
}
.tp-choose-thumb {
  grid-gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-thumb {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-choose-thumb {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.tp-choose-rating {
  background-color: var(--tp-secoundery-color);
  border-radius: 20px;
  padding: 20px;
}
.tp-choose-rating-num {
  font-size: 50px;
  letter-spacing: -0.06em;
  line-height: 1;
}
.tp-choose-rating p {
  letter-spacing: -0.015em;
}
.tp-choose-rating-icons {
  line-height: 1;
  padding: 5px 0;
  padding-top: 13px;
}
.tp-choose-feature-wrap:first-child .tpchofeat {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-heading {
    transform: translateY(-210px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-choose-heading {
    transform: translateY(0px);
    margin-top: 0px;
  }
}
.tp-choose-2 {
  position: relative;
}
.tp-choose-2::before, .tp-choose-2::after {
  position: absolute;
  content: "";
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 0;
}
.tp-choose-2::after {
  top: 0;
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-choose-2-heading {
    margin-bottom: 40px;
  }
}
.tp-choose-2-spacing {
  min-height: 930px;
  max-width: 1600px;
  margin: 0 auto;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-2-spacing {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-choose-2-spacing {
    min-height: auto;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-choose-wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-choose-wrap {
    flex-direction: row;
    grid-gap: 10px;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-choose-wrap-spacing {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
  }
}
@media (max-width: 574.98px) {
  .tp-choose-button {
    justify-content: start;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-choose-slide-item {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-choose-slide-item {
    padding-bottom: 0;
  }
}

.tpchoose {
  padding: 40px;
  padding-bottom: 25px;
  border-radius: 20px;
  max-width: 308px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpchoose {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpchoose {
    max-width: 250px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose {
    max-width: 100%;
    padding: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpchoose {
    position: inherit;
    max-width: 100%;
    padding: 20px;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
}
.tpchoose__icon svg {
  color: var(--tp-theme-color);
}
.tpchoose__icon-white svg {
  color: var(--tp-white-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__icon {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpchoose__icon {
    margin-bottom: 40px;
  }
}
.tpchoose__bluer-bg {
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.2) 17.93%, rgba(0, 0, 0, 0.05) 81.51%);
  backdrop-filter: blur(20px);
}
.tpchoose__title a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpchoose__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpchoose__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width: 574.98px) {
  .tpchoose__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.tpchoose__2 {
  max-width: 308px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__2 {
    max-width: 250px;
  }
}
@media (max-width: 574.98px) {
  .tpchoose__2 {
    max-width: 100%;
  }
}
.tpchoose__2--item-1 {
  top: 26px;
  left: 0;
}
.tpchoose__2--item-2 {
  bottom: 0;
  left: 114px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__2--item-2 {
    left: 0;
  }
}
@media (max-width: 574.98px) {
  .tpchoose__2--item-2 {
    left: 0;
  }
}
.tpchoose__2--item-3 {
  bottom: 145px;
  left: 28%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__2--item-3 {
    bottom: 38px;
    left: 30%;
  }
}
.tpchoose__2--item-4 {
  top: 275px;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__2--item-4 {
    top: 112px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpchoose__2--item-4 {
    top: 340px;
  }
}
.tpchoose__2--item-5 {
  right: 168px;
  bottom: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpchoose__2--item-5 {
    right: 58px;
    bottom: 110px;
  }
}
.tpchoose__item-2 {
  transform: translateY(50px);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpchoose__item-2 {
    transform: translateY(0);
  }
}
.tpchoose__item-3 {
  margin-right: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpchoose__item-3 {
    margin-right: 0;
  }
}
.tpchoose__item-4 {
  margin-left: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpchoose__item-4 {
    margin-right: 0;
  }
}

.tpchofeat {
  display: flex;
  grid-gap: 30px;
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpchofeat {
    padding: 15px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpchofeat {
    grid-gap: 20px;
    padding: 20px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpchofeat__title {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  8.9 Value Css Here
/*----------------------------------------*/
.tp-value-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tp-secoundery-color);
  border-radius: 100px;
  color: var(--tp-theme-color);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tp-value-icon-wrap p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 500;
}
.tp-value-item {
  width: 100%;
  height: 100%;
  padding: 60px 45px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 45px;
  margin-left: -1px;
  margin-bottom: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-value-item {
    padding: 30px;
  }
}
@media (max-width: 574.98px) {
  .tp-value-item {
    padding: 20px;
  }
}
.tp-value-item:hover .tp-value-icon {
  background-color: var(--tp-white-color);
}
.tp-value-item:hover .tp-value-icon-wrap p {
  color: var(--tp-white-color);
}
.tp-value-title {
  font-size: 20px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-value-title {
    font-size: 18px;
  }
}
.tp-value-content p {
  color: rgba(255, 255, 255, 0.6);
}
.tp-value-left-border {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-value-left-border > .col-xl-6:first-child .tp-value-item {
  padding-top: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-value-left-border > .col-xl-6:first-child .tp-value-item {
    padding-top: 60px;
  }
}
.tp-value-left-border > .col-xl-6:last-child .tp-value-item {
  padding-bottom: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-value-left-border > .col-xl-6:last-child .tp-value-item {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-value-spacing {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-value-spacing {
    margin: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-value-spacing {
    padding: 0 12px;
    padding-top: 70px;
    border-radius: 0;
  }
}
.tp-value-spacing-2 {
  padding-top: 150px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-value-spacing-2 {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-value-spacing-2 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-value-spacing-2 {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.tp-value-heading {
  padding-top: 150px;
  padding-left: 125px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-value-heading {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-value-heading {
    padding-top: 100px;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-value-heading {
    padding-top: 0;
    padding-left: 0;
  }
}

.tpvalue {
  background: var(--tp-white-color);
  padding: 45px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpvalue {
    padding: 30px;
  }
}
.tpvalue__title a {
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, var(--tp-theme-color) 0%, var(--tp-theme-color) 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}
.tpvalue__title a:hover {
  background-size: 100% 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpvalue__title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpvalue__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpvalue__icon {
    margin-bottom: 30px;
  }
  .tpvalue__icon img {
    width: 90px;
    height: 90px;
  }
}
.tpvalue:hover .tpvalue__icon img {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}

/*----------------------------------------*/
/*  9.0 Award Css Here
/*----------------------------------------*/
.tp-awards-badge {
  width: 308px;
  height: 308px;
  border-radius: 100%;
  text-align: center;
  padding-top: 107px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-awards-badge {
    width: 250px;
    height: 250px;
    padding-top: 75px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-badge {
    width: 200px;
    height: 200px;
    padding-top: 60px;
  }
}
.tp-awards-badge-deg {
  font-size: 18px;
  display: inline-block;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.tp-awards-badge-up {
  margin-top: -178px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-awards-badge-up {
    margin-top: -120px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-badge-up {
    margin-top: -75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-badge-wrap {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
  }
}
.tp-awards-num {
  font-size: 120px;
  font-weight: 800;
  line-height: 80px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}
.tp-awards-num.odometer {
  display: block;
  line-height: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-awards-num.odometer {
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-awards-num.odometer {
    line-height: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-num.odometer {
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-awards-num {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-awards-num {
    font-size: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-num {
    font-size: 60px;
  }
}
.tp-awards-shape {
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-awards-spacing {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-spacing {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-awards-spacing-2 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-awards-spacing-2 {
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-awards-spacing-2 {
    padding-top: 70px;
  }
}

.tpawards {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 25px 27px;
}
.tpawards__title {
  width: 55%;
  font-size: 20px;
  transform: translateY(-2px);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawards__title {
    margin-bottom: 10px;
    width: 100%;
  }
}
.tpawards__arrow {
  width: 12%;
  text-align: end;
  transform: translateY(-1px);
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawards__arrow {
    text-align: start;
  }
}
.tpawards__year {
  width: 18%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpawards__year {
    width: 12%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawards__year {
    margin-bottom: 10px;
    width: 100%;
  }
}
.tpawards__shape {
  top: -48px;
  right: 23%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpawards__shape {
    right: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawards__shape img {
    width: 70%;
  }
}
.tpawards__content {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  justify-content: start;
  flex-wrap: wrap;
}
.tpawards__content p {
  width: 15%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpawards__content p {
    width: 21%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawards__content p {
    width: 100%;
    margin-bottom: 10px;
  }
}
.tpawards:hover .tpawards__content .tpawards__year, .tpawards:hover .tpawards__content .tpawards__title, .tpawards:hover .tpawards__content .tpawards__arrow, .tpawards:hover .tpawards__content p {
  color: var(--tp-orange-color);
}
.tpawards:hover .tpawards__shape {
  top: -58px;
  opacity: 1;
  visibility: visible;
}
.tpawards__wrap > .tpawards:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.hover-reveal-img .tpawards__shape {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scale(0.4);
  visibility: visible;
}

.tpawpost {
  background-color: var(--tp-gray-color);
}
.tpawpost__icon {
  width: 120px;
  height: 120px;
  background-color: var(--tp-white-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 19px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawpost__icon {
    width: 90px;
    height: 90px;
    bottom: 10px;
  }
  .tpawpost__icon svg {
    width: 50px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpawpost__thumb {
    padding-bottom: 30px;
  }
}
.tpawpost__title a {
  position: relative;
}
.tpawpost__title a::before {
  position: absolute;
  content: "";
  background-color: var(--tp-theme-color);
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 2px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tpawpost__title a:hover::before {
  width: 100%;
}
.tpawpost:hover .tpawpost__icon {
  background-color: var(--tp-secoundery-color);
}

/*----------------------------------------*/
/*  9.1 Career Css Here
/*----------------------------------------*/
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-heading {
    margin-bottom: 35px;
  }
}
.tp-career-card {
  padding: 37px 40px;
  min-height: 300px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-career-card {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-card {
    min-height: auto;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-card {
    padding: 25px;
  }
}
.tp-career-card-deg {
  font-size: 18px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-card-main {
    padding-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-card-authors {
    margin-bottom: 10px;
  }
  .tp-career-card-authors img {
    max-width: 60%;
  }
}
.tp-career-slider {
  padding: 55px 60px;
  padding-bottom: 63px;
  position: relative;
  z-index: 1;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-slider {
    padding: 25px;
  }
}
.tp-career-slider::before {
  position: absolute;
  content: "";
  background-color: #E6641C;
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-slider-author {
    padding-top: 10px;
  }
}
.tp-career-slider-author-img img {
  border-radius: 50%;
}
.tp-career-slider-author-info p {
  font-size: 14px;
}
.tp-career-slider-nav {
  bottom: 50px;
  right: 50px;
  grid-gap: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-slider-wrap p br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-slider-icons {
    margin-bottom: 15px;
  }
}
.tp-career-box-icon {
  width: 80px;
  height: 80px;
  background-color: var(--tp-gray-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-box-icon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }
  .tp-career-box-icon svg {
    width: 25px;
  }
}
.tp-career-box-link {
  letter-spacing: -0.02em;
}
.tp-career-box-link:hover {
  color: var(--tp-orange-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-career-box-title {
    font-size: 22px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-box-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-box-info p {
    margin-bottom: 0;
  }
}
.tp-career-spacing {
  padding-top: 145px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-career-spacing {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-career-spacing {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-spacing {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-career-spacing-2 {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-career-spacing-2 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-spacing-2 {
    padding-bottom: 40px;
  }
}
.tp-career-apply-form input, .tp-career-apply-form textarea {
  height: 64px;
  border-radius: 10px;
  background: var(--tp-white-color);
  border-color: transparent;
  margin-bottom: 10px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-apply-form input, .tp-career-apply-form textarea {
    height: 60px;
  }
}
.tp-career-apply-form input:focus, .tp-career-apply-form textarea:focus {
  border-color: var(--tp-black-color);
}
.tp-career-apply-form input::placeholder, .tp-career-apply-form textarea::placeholder {
  font-weight: 400;
}
.tp-career-apply-form input::-moz-placeholder, .tp-career-apply-form textarea::-moz-placeholder {
  font-weight: 400;
}
.tp-career-apply-form textarea {
  height: 140px;
}
.tp-career-apply-form button {
  font-weight: 500;
  letter-spacing: -0.02em;
  background: var(--tp-theme-color);
  color: var(--tp-white-color);
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 18px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-apply-form button {
    padding: 16px;
  }
}
.tp-career-apply-form button svg {
  margin-left: 5px;
}
.tp-career-apply-box {
  padding: 40px;
  padding-top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px) {
  .tp-career-apply-box {
    padding: 20px;
    padding-top: 12px;
  }
}
.tp-career-apply-shape {
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-career-details-list {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-details-list {
    margin-bottom: 20px;
  }
}
.tp-career-details-list-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-details-list-title {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.tp-career-details-list ul li {
  list-style: none;
}
.tp-career-details-list ul li svg {
  margin-right: 5px;
}
.tp-career-details-list ul li:not(:last-child) {
  margin-bottom: 5px;
}
.tp-career-details-list ul li span {
  font-weight: 500;
  color: var(--tp-theme-color);
}
.tp-career-details-nav a {
  font-weight: 500;
  color: var(--tp-theme-color);
  background-color: var(--tp-gray-color);
  border-radius: 44px;
  display: flex;
  align-items: center;
  grid-gap: 6px;
  width: fit-content;
  padding: 14px 21px;
  line-height: 1;
}
.tp-career-details-nav a:hover {
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-career-details-wrap {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-career-details-wrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-career-details-heading {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-career-details-heading {
    margin-bottom: 20px;
  }
}

.tpcarjob {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 47px 50px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpcarjob {
    padding: 20px;
  }
}
.tpcarjob__title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpcarjob__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpcarjob__title {
    font-size: 25px;
  }
}
.tpcarjob__title a:hover {
  color: var(--tp-orange-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpcarjob__cta {
    margin-bottom: 15px;
  }
}
.tpcarjob__cta span {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--tp-theme-color);
  font-size: 17px;
  grid-gap: 10px;
}
.tpcarjob__cta span svg {
  color: var(--tp-orange-color);
}
.tpcarjob__link a {
  display: inline-block;
  line-height: 1;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
  width: fit-content;
  color: var(--tp-theme-color);
  background: var(--tp-gray-color);
  border-radius: 30px;
  padding: 15px 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpcarjob__link a {
    font-size: 15px;
    padding: 12px 18px;
  }
}
.tpcarjob__link a svg {
  margin-left: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpcarjob__link a svg {
    width: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpcarjob__main {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
.tpcarjob:hover {
  background-color: var(--tp-gray-color);
  border-color: transparent;
}
.tpcarjob:hover .tpcarjob__link a {
  background-color: var(--tp-secoundery-color);
}

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