@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: #3d5a80;
  --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: #ffffff;
  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-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.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.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.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: #fff;
  -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-secoundery-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: #fff;
  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: #fff;
}

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

/*----------------------------------------*/
/*  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: rgba(1, 34, 58, 0.28);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);

  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

.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.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.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.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: 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-spacing-2 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@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: 50px;
  }
}

.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;
  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--tp-gray-color);
  border-radius: 50%;

  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 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  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: #7b7b7b5e;
}

.tpserv:hover .tpserv__icon {
  background-color: #fff;
}

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

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


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


.tp-footer-bottom-logo {
  width: 200px;
  margin: 0 auto;
  /* centraliza a div */
  display: flex;
  justify-content: center;
  align-items: center;
}

.tp-footer-bottom-logo img {
  width: 100%;
  height: auto;
  display: block;
}

.tp-footer-bottom {
  background-image: url('../../assets/img/footer/BG.png');
  background-repeat: repeat;
  background-position: top left;
}

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

.org {
  display: flex;
  align-items: flex-end;
}

.tp-btn-text {
  color: #fff;
}


/* ===========================================================
   CARROSSEL DE SERVIÇOS — 1 card por vez, autoplay
=========================================================== */

.svcarousel {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
}

.svcarousel__track {
  display: flex;
  width: 100%;
  transition: transform .5s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.svcarousel__track .svc-card {
  flex: 0 0 100%;
  width: 100%;
}

/* dots */
.svcarousel__dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 2;
}

.svcarousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .45);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: var(--transition, .3s cubic-bezier(.4, 0, .2, 1));
}

.svcarousel__dot.is-active {
  width: 22px;
  border-radius: 6px;
  background: #fff;
}

/* setas de navegação */
.svcarousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .35);
  color: #fff;
  cursor: pointer;
  transition: var(--transition, .3s cubic-bezier(.4, 0, .2, 1));
}

.svcarousel__arrow:hover {
  background: rgba(0, 0, 0, .55);
}

.svcarousel__arrow--prev { left: 14px; }
.svcarousel__arrow--next { right: 14px; }

@media (max-width: 576px) {
  .svcarousel__arrow { width: 34px; height: 34px; }
}

/* ---------- CARD (igual ao anterior) ---------- */
.svc-card {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(26, 45, 74, .10);
}

.svc-hero {
  position: relative;
  height: 220px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
}

.svc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(26, 45, 74, 0) 25%,
      rgba(26, 45, 74, .60) 100%);
  pointer-events: none;
}

.svc-hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.svc-title {
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.2px;
  color: #fff;
  text-transform: uppercase;
}

.svc-subtitle {
  margin: 0 0 12px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  opacity: .75;
}

.svc-cta {
  align-self: flex-start;
  height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, .20);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
  transition: var(--transition, .3s cubic-bezier(.4, 0, .2, 1));
}

.svc-cta:hover {
  background: rgba(255, 255, 255, .32);
  color: #fff;
}

.svc-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.svc-toprow {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.svc-name {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.2px;
  color: var(--cream, #1a2d4a);
}

.svc-author {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--cream-dim, #3d5a80);
  opacity: .85;
}

.svc-bottomrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.svc-stats {
  display: flex;
  gap: 20px;
}

.svc-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.svc-stat-value {
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--ochre, #2d6ec4);
}

.svc-stat-label {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #9a9a9a;
  opacity: .55;
}

.svc-mini {
  background: var(--ink-2, #e2f0fb);
  border-radius: 24px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 60%;
}

.svc-mini-title {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: var(--cream, #1a2d4a);
}

.svc-mini-desc {
  font-family: "Inter", sans-serif;
  font-size: 9px;
  font-weight: 400;
  color: var(--cream-dim, #3d5a80);
  opacity: .75;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .svc-hero {
    height: 180px;
  }

  .svc-bottomrow {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .svc-mini {
    max-width: 100%;
  }
}


/* ===========================================================
   MOBILE CTA — bottom nav
=========================================================== */
.mnav {
  --mnav-bg: #ffffff;
  --mnav-body-bg: var(--ink, #f0f8ff);
  --mnav-accent: var(--ochre, #2d6ec4);
  --mnav-muted: var(--cream-dim, #3d5a80);
  --mnav-radius: 18px;
  --mnav-height: 64px;
  --mnav-plus: 72px;
  --mnav-gap: 20px;

  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--mnav-gap) + env(safe-area-inset-bottom, 0px));
  z-index: 9999;
  width: min(720px, calc(100% - 32px));
}

.mnav__shell {
  position: relative;
  background: var(--mnav-bg);
  border-radius: var(--mnav-radius);
  height: var(--mnav-height);
  display: flex;
  align-items: center;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .10), 0 2px 6px rgba(16, 24, 40, .06);
}

.mnav__shell::before {
  content: '';
  position: absolute;
  top: calc(-1 * (var(--mnav-plus) / 2) + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--mnav-plus) + 8px);
  height: calc(var(--mnav-plus) + 8px);
  background: var(--mnav-body-bg);
  border-radius: 50%;
  box-shadow: 0 10px 18px rgba(16, 24, 40, .05), inset 0 -8px 14px rgba(0, 0, 0, .02);
  z-index: 2;
  pointer-events: none;
}

.mnav__shell::after {
  content: '';
  position: absolute;
  top: calc(-1 * (var(--mnav-plus) / 2) + 4px);
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--mnav-plus) + 12px);
  height: calc(var(--mnav-plus) + 12px);
  border-radius: 50%;
  border: 1px solid rgba(45, 110, 196, .10);
  z-index: 2;
  pointer-events: none;
}

.mnav__list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  z-index: 3;
  padding: 0 12px;
}

.mnav__group {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mnav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 7px 10px;
  border-radius: 12px;
  cursor: pointer;
  color: var(--mnav-muted);
  text-decoration: none;
  font-family: "Inter", sans-serif;
  transition: .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.mnav__item i {
  font-size: 20px;
}

.mnav__item:hover {
  color: var(--mnav-accent);
  background: rgba(45, 110, 196, .06);
}

.mnav__item.is-active {
  color: var(--mnav-accent);
  transform: translateY(-3px);
}

.mnav__label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  opacity: .8;
}

.mnav__item.is-active .mnav__label {
  opacity: 1;
}

.mnav__center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-1 * (var(--mnav-plus) / 2));
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: var(--mnav-plus);
  height: var(--mnav-plus);
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, .92);
  background: linear-gradient(135deg, var(--ochre, #2d6ec4) 0%, var(--aqua, #5ab0e8) 100%);
  box-shadow: 0 12px 28px rgba(45, 110, 196, .36), 0 4px 8px rgba(45, 110, 196, .18);
  cursor: pointer;
  color: #fff;
  font-size: 22px;
  animation: mnavPulse 3.5s ease-in-out infinite;
  transition: .18s cubic-bezier(.2, .9, .3, 1);
}

.mnav__center:hover {
  transform: translateX(-50%) translateY(-4px) scale(1.05);
  animation-play-state: paused;
}

.mnav__center:active {
  transform: translateX(-50%) scale(.95);
}

.mnav__center-label {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .9);
}

@keyframes mnavPulse {

  0%,
  100% {
    box-shadow: 0 12px 28px rgba(45, 110, 196, .36), 0 4px 8px rgba(45, 110, 196, .18);
  }

  50% {
    box-shadow: 0 16px 38px rgba(45, 110, 196, .55), 0 6px 14px rgba(45, 110, 196, .30);
  }
}

@media (max-width:360px) {
  .mnav {
    --mnav-plus: 62px;
    --mnav-height: 58px;
    --mnav-radius: 14px;
  }

  .mnav__label {
    display: none;
  }
}