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

    Template Name: Example HTML Template
    Author: Theme_Pure
    Support: help.themepure.net
    Description: Example HTML Template
    Version: 1.0.0

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

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

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

	-----------------
    02. COMPONENTS css
	-----------------
		2.1 Back to top
		2.2 Theme Settings
		2.3 Buttons
		2.4 Animations
		2.5 Preloader
		2.6 Background 
		2.7 Carousel
		2.8 Nice Select
		2.9 Pagination
		2.10 Offcanvas
		2.11 Breadcrumb
		2.12 Accordion
		2.13 Tab
		2.14 Modal
		2.15 Section Title
		2.16 Search
		2.17 Hotspot
		2.18 Ragne Slider
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style 1
		3.2 Header Style 2
		3.3 Header Style 3
		3.4 Header Style 5

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Meanmenu css
		4.3 Mobile css
		4.4 Category menu css

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

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

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 Slider css
		7.2 About css
		7.3 Feature css
		7.4 Subscribe css
		7.5 Instagram css
		7.6 Testimonial css
		7.7 Brand css
		7.8 CTA css
		7.9 Login css
		7.10 Contact css
		7.11 Error css
		7.12 Profile css

	---------------------------------
	08. ECOMMERCE CSS
	---------------------------------
		8.1 Ecommerce Common CSS
		8.2 Cartmini CSS
		8.3 Cart Modal CSS
		8.4 Category CSS
		8.5 Banner CSS
		8.6 Tooltip CSS
		8.7 Featured Product CSS
		8.8 Trending CSS
		8.9 Product Card CSS
		8.10 Product Card Style 2 CSS
		8.11 Product Card Style 3 CSS
		8.12 Product Card Style 4 CSS
		8.13 Product Card Style 5 CSS
		8.14 Product Details CSS
		8.15 Product Widget CSS
		8.16 Shop CSS
		8.17 Filter Offcanvas CSS
		8.18 Product Quantity CSS
		8.19 Cart CSS
		8.20 Order CSS
		8.21 Checkout CSS
		8.22 compare CSS
		8.23 Collection CSS
		8.24 Deal CSS
		8.25 Side Banner CSS
		8.26 Coupon CSS


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

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

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

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

a {
  text-decoration: none;
}

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

h1 {
  font-size: 69px;
}

h2 {
  font-size: 55px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 15px;
}

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

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

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

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

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 > 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-text-white {
  color: var(--tp-white-color);
}
.tp-text-black {
  color: var(--tp-theme-color);
}
.tp-text-orange {
  color: var(--tp-orange-color);
}
.tp-text-secoundery {
  color: var(--tp-secoundery-color);
}
.tp-text-body {
  color: var(--tp-body-color);
}

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

.tp-flex {
  display: flex;
}

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

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

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

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

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

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

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

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

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

.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-fs-15 {
  font-size: 15px;
}
.tp-fs-20 {
  font-size: 20px;
}
.tp-fs-24 {
  font-size: 24px;
}

.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;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

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

.tp-btn {
  display: flex;
  align-items: center;
  background-color: var(--tp-secoundery-color);
  font-weight: 600;
  color: var(--tp-theme-color);
  padding: 0 27px;
  padding-right: 21px;
  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 {
    height: 45px;
    padding: 0 20px;
    padding-right: 15px;
    font-size: 15px;
  }
}
.tp-btn-icon {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: var(--tp-theme-color);
  color: var(--tp-white-color);
  text-align: center;
  line-height: 34px;
  border-radius: 50px;
  margin-left: 27px;
  -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;
  -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-btn-icon {
    margin-left: 20px;
    line-height: 23px;
  }
}
.tp-btn-orange {
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
}
.tp-btn-orange .tp-btn-icon {
  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:hover {
  padding: 8px 8px 8px 25px;
  font-weight: 700;
}
@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-left: 20px;
  }
}
.tp-btn:hover .tp-btn-icon {
  width: 36px;
  height: 36px;
  margin-left: 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-btn:hover .tp-btn-icon {
    width: 25px;
    height: 25px;
  }
}
.tp-btn:hover .tp-btn-icon svg {
  opacity: 1;
  visibility: visible;
}
@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: 10px;
    height: 10px;
  }
}
.tp-btn-solid {
  display: inline-block;
  background-color: var(--tp-orange-color);
  color: var(--tp-white-color);
  line-height: 1;
  font-weight: 500;
  border-radius: 58px;
  padding: 21px 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn-solid {
    padding: 15px 20px;
    font-size: 15px;
  }
}
.tp-btn-solid:hover {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tp-btn-solid-icon {
  padding: 17px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-btn-solid-icon {
    padding: 13px 20px;
    font-size: 15px;
  }
}
.tp-btn-solid-icon svg {
  margin-left: 4px;
}
@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-btn-solid-icon svg {
    width: 10px;
  }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
/*----------------------------------------*/
/*  2.6 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.1 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 574.98px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

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

@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-section-sub-title-land {
    margin-bottom: 5px;
  }
}
.tp-section-title {
  font-size: 60px;
}
@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-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: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-section-title-larg {
    font-size: 70px;
  }
}
@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;
  }
}

.tp-footer-land-bg {
  overflow: hidden;
  padding-top: 155px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-land-bg {
    padding-top: 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-footer-land-bg {
    padding-top: 100px;
    margin-bottom: 0;
    border-radius: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-land-bg {
    padding-top: 70px;
  }
}
.tp-footer-land-bottom-text {
  font-weight: 700;
  font-size: 360px;
  line-height: 276px;
  letter-spacing: -0.02em;
  color: #D9D813;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-footer-land-bottom-text {
    font-size: 250px;
    line-height: 192px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-land-bottom-text {
    font-size: 180px;
    line-height: 138px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-land-bottom-text {
    font-size: 160px;
    line-height: 106px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-land-bottom-text {
    font-size: 80px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-footer-land-shape img {
    max-width: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-land-shape img {
    max-width: 20%;
  }
}
.tp-footer-land-shape-1 {
  top: 80px;
  left: 80px;
}
.tp-footer-land-shape-2 {
  bottom: 35%;
  left: 17%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-land-shape-2 {
    bottom: 30%;
    left: 1%;
  }
}
.tp-footer-land-shape-3 {
  top: 80px;
  right: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-land-shape-3 {
    top: 10px;
  }
}
.tp-footer-land-shape-4 {
  top: 44%;
  right: 164px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-footer-land-shape-4 {
    right: 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-footer-land-link {
    padding-top: 15px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-footer-land-content {
    margin-bottom: 50px;
  }
}

.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-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-3 {
  padding-top: 20px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-header-spacing-3 {
    padding-top: 10px;
  }
}
.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;
}
@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;
  }
}
@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-header-area {
    margin-top: 0;
  }
}

.tp-hero-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 20px;
  margin-bottom: 0;
  min-height: 960px;
  padding-top: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-area {
    min-height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-area {
    min-height: 750px;
    padding-top: 140px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-area {
    min-height: 600px;
    padding-top: 100px;
  }
}
.tp-hero-area::before {
  position: absolute;
  content: "";
  background-color: var(--tp-secoundery-color);
  mix-blend-mode: hue;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 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), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-area {
    margin: 0;
    border-radius: 0;
  }
}
.tp-hero-title {
  letter-spacing: -0.06em;
  font-size: 320px;
  line-height: 133px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-title {
    font-size: 270px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-title {
    font-size: 220px;
    line-height: 90px;
    padding-top: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-title {
    font-size: 230px;
    line-height: 90px;
    padding-top: 28px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-title {
    font-size: 140px;
    line-height: 60px;
    padding-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-title {
    font-size: 180px;
  }
}
.tp-hero-title span {
  font-size: 160px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-title span {
    font-size: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-title span {
    font-size: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-title span {
    font-size: 70px;
  }
}
.tp-hero-shape-transparent-1 {
  z-index: -1;
  width: 100%;
  height: 100%;
}
.tp-hero-shape-transparent-2 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.tp-hero-showcase-link {
  left: 50%;
  top: 50%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tp-hero-showcase-title {
  font-weight: 500;
}
.tp-hero-showcase-title b {
  font-weight: 700;
}
.tp-hero-showcase-title span {
  color: var(--tp-secoundery-color);
  font-style: italic;
  font-weight: 700;
}
.tp-hero-showcase-shape img {
  border-radius: 20px 20px 0 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-hero-showcase-shape img {
    max-width: 30%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-showcase-shape img {
    max-width: 28%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-showcase-shape img {
    max-width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-showcase-shape img {
    max-width: 40%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-showcase-shape img {
    max-width: 40%;
  }
}
.tp-hero-showcase-shape-blur {
  filter: blur(3px);
}
.tp-hero-showcase-shape-1 {
  left: 0;
  bottom: 0;
}
.tp-hero-showcase-shape-2 {
  left: 150px;
  bottom: 0;
  z-index: 1;
}
.tp-hero-showcase-shape-3 {
  bottom: 0;
  left: 32.5%;
  z-index: 1;
}
.tp-hero-showcase-shape-4 {
  bottom: 0;
  right: 21%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-showcase-shape-4 {
    right: 31%;
    width: 15%;
  }
}
.tp-hero-showcase-shape-5 {
  bottom: 0;
  right: 0;
  z-index: 1;
}
.tp-hero-showcase-shape-6 {
  bottom: 60px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-showcase-shape-6 {
    bottom: 0;
    right: 32px;
  }
}
.tp-hero-showcase-shape-7 {
  bottom: 0;
  left: 19%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-hero-showcase-shape-7 {
    left: 32%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-showcase-shape-7 {
    left: 28%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-showcase-shape-7 {
    left: 3%;
  }
}
.tp-hero-tag {
  min-height: 214px;
  max-width: 175px;
  width: fit-content;
  border-radius: 10px;
  padding: 32px 16px;
  position: absolute;
  bottom: -55px;
  left: 50%;
  left: 19%;
  z-index: 2;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-tag {
    min-height: 190px;
    padding: 20px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-tag {
    min-height: 175px;
    max-width: 140px;
    padding: 20px 16px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-tag {
    min-height: 145px;
    max-width: 130px;
    padding: 15px 0px;
  }
}
.tp-hero-tag-num {
  font-size: 70px;
  color: var(--tp-white-color);
  letter-spacing: -0.08em;
  line-height: 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-hero-tag-num {
    font-size: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-tag-num {
    font-size: 45px;
    line-height: 35px;
  }
}
.tp-hero-tag p {
  font-size: 20px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-hero-tag p {
    font-size: 17px;
    line-height: 1.2;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-tag p {
    font-size: 16px;
    line-height: 1.2;
  }
}
.tp-hero-tag-link {
  width: 40px;
  height: 40px;
  background-color: var(--tp-white-color);
  border-radius: 40px;
  color: var(--tp-theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  letter-spacing: -0.02em;
  border: 5px solid var(--tp-orange-color);
  position: absolute;
  right: 0;
  top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-tag-link {
    width: 30px;
    height: 30px;
    font-size: 20px;
    border: 3px solid var(--tp-orange-color);
    right: -9px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-hero-tag-link {
    right: 18px;
    top: 3px;
  }
}
.tp-hero-content p {
  font-size: 20px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-hero-content p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-hero-content p {
    font-size: 16px;
  }
}

.tp-solid-bg {
  min-height: 930px;
  width: auto;
  margin-bottom: 30px;
}
@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;
}
@media only screen and (min-width: 1700px) and (max-width: 1800.98px), only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-solid-bg-wrap {
    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) {
  .tp-solid-bg-wrap {
    padding: 0;
  }
}
.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;
}

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

.tptestiland {
  padding: 40px;
  display: flex;
  min-height: 330px;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tptestiland {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tptestiland {
    min-height: 250px;
  }
}
.tptestiland__content-wrap span {
  font-size: 18px;
}
.tptestiland__deg {
  font-size: 18px;
  margin-bottom: 24px;
  letter-spacing: -0.01em;
  font-family: var(--tp-sora-font);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tptestiland__deg {
    font-size: 16px;
  }
}
.tptestiland__author {
  grid-gap: 10px;
}
.tptestiland__author span {
  font-size: 15px;
}
.tptestiland__author-icon {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.tp-testi-land-main {
  margin: 0 -140px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700.98px) {
  .tp-testi-land-main {
    margin: 0 -100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-testi-land-main {
    margin: 0 -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main {
    margin: 0 -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-testi-land-main {
    margin: 0;
  }
}
.tp-testi-land-main .row > .col-xl-3:nth-child(even) .tptestiland {
  min-height: inherit;
}
.tp-testi-land-main .row > .col-xl-3:nth-child(8) .tptestiland, .tp-testi-land-main .row > .col-xl-3:nth-child(9) .tptestiland {
  margin-top: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(8) .tptestiland, .tp-testi-land-main .row > .col-xl-3:nth-child(9) .tptestiland {
    margin-top: 0;
  }
}
.tp-testi-land-main .row > .col-xl-3:nth-child(12) .tptestiland, .tp-testi-land-main .row > .col-xl-3:nth-child(11) .tptestiland {
  margin-top: -115px;
  min-height: inherit;
}
@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-testi-land-main .row > .col-xl-3:nth-child(12) .tptestiland, .tp-testi-land-main .row > .col-xl-3:nth-child(11) .tptestiland {
    margin-top: 0;
  }
}
.tp-testi-land-main .row > .col-xl-3:nth-child(7) .tptestiland, .tp-testi-land-main .row > .col-xl-3:nth-child(9) .tptestiland {
  min-height: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(4) .tptestiland {
    margin-top: -30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(4) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(5) .tptestiland {
    margin-top: -30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(5) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(7) .tptestiland {
    margin-top: -117px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(7) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(8) .tptestiland {
    margin-top: -117px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(8) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(10) .tptestiland {
    margin-top: -117px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(10) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(11) .tptestiland {
    margin-top: -90px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(11) .tptestiland {
    margin-top: 0;
  }
}
.tp-testi-land-main .row > .col-xl-3:nth-child(6) .tptestiland {
  margin-top: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(6) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(6) .tptestiland {
    margin-top: -58px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(6) .tptestiland {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(12) .tptestiland {
    margin-top: -38px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-main .row > .col-xl-3:nth-child(12) .tptestiland {
    margin-top: 0;
  }
}
.tp-testi-land-main::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #F5F5F5 77.4%);
  border-radius: 20px;
  width: 100%;
  height: 388px;
  bottom: 0;
  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-testi-land-main::before {
    height: 200px;
  }
}
.tp-testi-land-rating-box {
  background: linear-gradient(96.53deg, #E6641C -16.22%, #D9D813 102.57%);
  width: fit-content;
  display: flex;
  align-items: center;
  grid-gap: 12px;
  border-radius: 80px;
  padding: 15px 29px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-rating-box {
    flex-wrap: wrap;
    grid-gap: 5px;
  }
}
.tp-testi-land-rating-num {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--tp-white-color);
  margin: 0;
  line-height: 1;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-rating-num {
    font-size: 30px;
  }
}
.tp-testi-land-rating-content span {
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-testi-land-area {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-testi-land-area {
    padding: 70px 0;
  }
}

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

.tpsupport {
  display: flex;
  grid-gap: 35px;
  background-color: var(--tp-secoundery-color);
  box-shadow: 4px 4px 0px #05060F;
  border-radius: 16px;
  padding: 35px 25px;
  padding-bottom: 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), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpsupport {
    grid-gap: 20px;
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpsupport {
    margin-bottom: 20px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpsupport {
    padding: 20px;
    grid-gap: 20px;
    margin-bottom: 20px;
  }
}
.tpsupport__title {
  font-size: 20px;
}
.tpsupport__icon {
  color: var(--tp-theme-color);
}
.tpsupport__content p {
  color: #0D0D0D;
}
.tpsupport__link a {
  font-size: 14px;
  font-weight: 500;
  background: var(--tp-theme-color);
  color: var(--tp-white-color);
  border-radius: 6px;
  padding: 12px 20px;
  box-shadow: 0px 1px 2px rgba(5, 6, 15, 0.24), 0px 0px 1px #05060F;
  display: inline-block;
  line-height: 1;
}
.tpsupport__link a:hover {
  background-color: var(--tp-gray-color);
  color: var(--tp-theme-color);
}
.tpsupport__orange, .tpsupport__black {
  background-color: var(--tp-orange-color);
}
.tpsupport__orange .tpsupport__content p, .tpsupport__black .tpsupport__content p {
  color: var(--tp-white-color);
}
.tpsupport__orange .tpsupport__icon, .tpsupport__black .tpsupport__icon {
  color: var(--tp-white-color);
}
.tpsupport__orange .tpsupport__link a, .tpsupport__black .tpsupport__link a {
  background-color: var(--tp-white-color);
  color: var(--tp-theme-color);
}
.tpsupport__orange .tpsupport__link a:hover, .tpsupport__black .tpsupport__link a:hover {
  background-color: var(--tp-gray-color);
  color: var(--tp-theme-color);
}
.tpsupport__black {
  background-color: var(--tp-theme-color);
}
.tpsupport__black .tpsupport__link a {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
}
.tpsupport:hover {
  box-shadow: 0 0 0px #05060F;
}

.tp-support-cards-spacing {
  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-support-cards-spacing {
    padding-top: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-support-cards-spacing {
    padding-top: 50px;
  }
}

.tp-project-demo-heading p {
  letter-spacing: -0.02em;
}
@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-project-demo-heading p br {
    display: none;
  }
}
.tp-project-demo-slider {
  border-radius: 0 20px 20px 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-demo-slider {
    margin-right: 0;
    padding: 30px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-slider {
    margin-right: 0;
    padding: 20px 0;
  }
}
.tp-project-demo-slider-title {
  font-size: 28px;
}
@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-demo-slider-title {
    font-size: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-slider-title {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-demo-slider-heading {
    padding-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-slider-heading {
    padding-bottom: 15px;
    padding-left: 15px;
  }
}
.tp-project-demo-slider-heading span {
  font-size: 17px;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-slider-heading span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-project-demo-slider-thumb {
    height: 335px;
    width: 100%;
  }
}
.tp-project-demo-slider-box {
  background: var(--tp-white-color);
  width: fit-content;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 15, 17, 0.1);
  border-radius: 24px;
  padding: 10px;
}
.tp-project-demo-slider-box-content span {
  font-size: 14px;
  text-transform: uppercase;
  color: #333333;
}
.tp-project-demo-slider-box-title {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 500;
}
.tp-project-demo-slider-box-thumb img {
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-project-demo-slider-box-thumb img {
    height: 200px;
    width: 100%;
  }
}
.tp-project-demo-slider-box-content {
  padding: 12px;
  padding-bottom: 18px;
}
.tp-project-demo-slider-thumb {
  border: 3px solid #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 15, 17, 0.1);
  border-radius: 24px;
  overflow: hidden;
}
.tp-project-demo-slider-bottom {
  border-radius: 20px 0 0 20px;
}
.tp-project-demo-area .container-wide {
  max-width: 1800px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-demo-content {
    padding-left: 30px;
    padding-top: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-content {
    padding-left: 10px;
    padding-top: 30px;
  }
}
.tp-project-demo-content-bottom {
  padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-project-demo-content-bottom {
    padding-left: 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-project-demo-content-bottom {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-demo-content-bottom {
    margin-bottom: 30px;
    padding-top: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-content-bottom {
    margin-bottom: 30px;
    padding: 0;
    padding-left: 10px;
  }
}
.tp-project-demo-item-bottom {
  margin-top: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-demo-item-bottom {
    margin-top: 80px;
  }
}
@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-demo-item-bottom {
    margin-top: 50px;
  }
}
.tp-project-demo-active .swiper-slide {
  width: auto !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-project-demo-main {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-project-demo-main {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-project-demo-main {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-project-demo-link {
    padding-top: 5px;
  }
}

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

.tp-feature-end {
  align-items: flex-end;
}
.tp-feature-icon-box-main {
  margin: 0 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-feature-icon-box-main {
    padding-top: 45px;
    margin: 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-feature-icon-box-main {
    flex-wrap: wrap;
    margin: 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-icon-box-main {
    padding-top: 20px;
  }
}
.tp-feature-icon-box span {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-icon-box span {
    font-size: 18px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-icon-box span {
    font-size: 16;
    padding-top: 5px;
  }
}
.tp-feature-icon-box-icon {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 400px;
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  -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) {
  .tp-feature-icon-box-icon {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-icon-box-icon {
    width: 100px;
    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-feature-icon-box-icon img {
    max-width: 40%;
  }
}
.tp-feature-icon-box:hover .tp-feature-icon-box-icon {
  background-color: var(--tp-white-color);
  border-color: transparent;
}
.tp-feature-spacing {
  padding-top: 180px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-spacing {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-spacing {
    padding-top: 110px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-spacing {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
.tp-feature-bg::after {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 26.92%, #F5F5F5 60%);
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}
.tp-feature-bg-shape {
  top: 80px;
  right: 0;
  z-index: -1;
}
.tp-feature-demo-back-text {
  letter-spacing: -0.04em;
  font-weight: 700;
  font-size: 320px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke: 2px rgba(245, 245, 245, 0.55);
  color: transparent;
  font-family: var(--tp-poppins-font);
  line-height: 250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-feature-demo-back-text {
    font-size: 250px;
    line-height: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-demo-back-text {
    font-size: 200px;
    line-height: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-demo-back-text {
    font-size: 180px;
    line-height: 165px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-demo-back-text {
    font-size: 120px;
    line-height: 140px;
  }
}
.tp-feature-demo-title {
  font-size: 90px;
  letter-spacing: -0.04em;
  margin-top: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-feature-demo-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-demo-title {
    font-size: 70px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-demo-title {
    font-size: 55px;
    margin-bottom: 10px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-demo-title {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
.tp-feature-demo-grup {
  grid-gap: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-demo-grup {
    grid-gap: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-demo-grup {
    grid-gap: 10px;
    flex-wrap: wrap;
  }
}
.tp-feature-demo-grup span {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--tp-white-color);
}
.tp-feature-demo-grup span a {
  color: var(--tp-theme-color);
  width: 18px;
  height: 18px;
  background-color: var(--tp-secoundery-color);
  border-radius: 20px;
  line-height: 18px;
  text-align: center;
}
.tp-feature-demo-main {
  padding: 0 145px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .tp-feature-demo-main {
    padding: 0 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-feature-demo-main {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-demo-main {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px) {
  .tp-feature-demo-main {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-demo-main {
    padding: 0 50px;
  }
}
.tp-feature-demo-spacing {
  padding-top: 145px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-demo-spacing {
    padding-top: 120px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-demo-spacing {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-demo-spacing {
    padding-top: 60px;
    padding-bottom: 70px;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-demo-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-feature-demo-heading {
    padding-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-demo-heading {
    padding-bottom: 35px;
  }
}
.tp-feature-title {
  font-size: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-feature-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-feature-title {
    font-size: 40px;
  }
  .tp-feature-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-feature-title {
    font-size: 35px;
  }
  .tp-feature-title br {
    display: none;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-feature-heading-main p {
    padding-top: 0;
  }
  .tp-feature-heading-main p br {
    display: none;
  }
}

.tpstatus {
  padding: 6px;
  background-color: var(--tp-white-color);
  min-height: 420px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpstatus {
    min-height: 300px;
  }
}
@media (max-width: 574.98px) {
  .tpstatus {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpstatus {
    flex-wrap: nowrap;
    margin-bottom: 20px;
  }
}
.tpstatus__num {
  font-size: 80px;
  letter-spacing: 0;
  line-height: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpstatus__num {
    font-size: 60px;
    line-height: 1;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpstatus__num {
    font-size: 55px;
    line-height: 1;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpstatus__content {
    margin-bottom: 5px;
  }
}
.tpstatus__content span {
  font-size: 18px;
}
.tpstatus__content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 37px;
  padding-top: 32px;
}
@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) {
  .tpstatus__content-wrap {
    padding: 20px;
  }
}
.tpstatus__img {
  min-width: 338px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpstatus__img {
    min-width: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpstatus__img {
    min-width: 235px;
  }
}
@media (max-width: 574.98px) {
  .tpstatus__img {
    min-width: 100%;
    height: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpstatus__img {
    min-width: 50%;
    height: auto;
  }
}
.tpstatus__img img {
  border-radius: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpstatus__img img {
    max-width: 55%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpstatus__img img {
    max-width: 38%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpstatus__img img {
    max-width: 35%;
  }
}
.tpstatus__img-1 {
  left: 33px;
  bottom: 73px;
  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) {
  .tpstatus__img-1 {
    bottom: 30px;
  }
}
.tpstatus__img-2 {
  top: 34px;
  right: 30px;
}
.tpstatus__img-3 {
  top: 30px;
  left: 30px;
}
.tpstatus__img-4 {
  top: 73px;
  right: 27px;
}
.tpstatus__img-5 {
  bottom: 97px;
  right: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpstatus__img-5 {
    bottom: 24px;
    right: 13px;
  }
}
.tpstatus__img-6 {
  bottom: 20px;
  left: 60px;
}

.tp-status {
  z-index: 1;
  padding: 6px;
  padding-top: 64px;
  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-status {
    padding-top: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-status {
    flex-wrap: wrap;
    padding-top: 24px;
  }
}
.tp-status-thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-status-thumb {
    flex: auto;
    width: 50%;
  }
  .tp-status-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-status-thumb {
    flex: auto;
  }
}
.tp-status-content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 70px;
  padding-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-status-content-wrap {
    padding: 30px;
    padding-top: 0;
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-status-content-wrap {
    padding: 24px;
    padding-top: 0;
  }
}
.tp-status-content p a {
  font-weight: 500;
}
.tp-status-content p a:hover {
  text-decoration: underline;
}
.tp-status-title {
  font-size: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-status-title {
    font-size: 30px;
    margin-bottom: 5px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-status-title {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.tp-status-shape {
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-status-icon img {
    max-width: 10%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-status-icon img {
    max-width: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-status-area {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-status-area {
    padding-bottom: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-status-area {
    padding-bottom: 70px;
  }
}

.tpfademo {
  background-color: rgba(245, 245, 245, 0.15);
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -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) {
  .tpfademo {
    padding: 5px;
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfademo {
    padding: 5px;
    margin-bottom: 20px;
  }
}
.tpfademo__links {
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 10px;
  transform: translateY(0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tpfademo__links a {
  color: var(--tp-theme-color);
  font-weight: 500;
  display: inline-block;
  background-color: var(--tp-white-color);
  line-height: 1;
  border-radius: 48px;
  padding: 12px 62px;
}
@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) {
  .tpfademo__links a {
    padding: 10px 18px;
    font-size: 15px;
  }
}
.tpfademo__links a:not(:last-child) {
  margin-right: 5px;
}
.tpfademo__links a:hover {
  background-color: var(--tp-secoundery-color);
}
.tpfademo__thumb {
  border-radius: 10px;
}
.tpfademo__thumb::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, #000000 100%);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfademo__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.tpfademo:hover {
  background-color: var(--tp-orange-color);
}
.tpfademo:hover .tpfademo__thumb::before {
  opacity: 1;
}
.tpfademo:hover .tpfademo__links {
  opacity: 1;
  visibility: visible;
  bottom: 10px;
  transform: translateY(-25px);
}
.tpfademo__blank {
  background-color: rgba(245, 245, 245, 0.15);
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
@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) {
  .tpfademo__blank {
    padding: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpfademo__blank {
    margin-bottom: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpfademo__blank {
    margin-bottom: 20px;
  }
}
.tpfademo__blank-thumb {
  border-radius: 10px;
}
.tpfademo__blank-thumb::after {
  position: absolute;
  content: "";
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.4) 17.93%, rgba(255, 255, 255, 0.4) 81.51%);
  backdrop-filter: blur(20px);
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.tpfademo__blank-shape {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tp-spacial-feature-list {
  background-color: var(--tp-secoundery-color);
  width: fit-content;
  padding: 7px 0;
  position: absolute;
  right: 0;
  top: 85px;
}
@media (max-width: 574.98px) {
  .tp-spacial-feature-list {
    position: inherit;
    margin-top: -50px;
  }
}
.tp-spacial-feature-list ul li {
  list-style: none;
  color: #0D0D0D;
  font-weight: 500;
  font-family: var(--tp-sora-font);
  padding: 8.6px 24px;
  padding-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-spacial-feature-list ul li {
    padding: 4px 20px;
    font-size: 15px;
  }
}
.tp-spacial-feature-list ul li:not(:last-child) {
  border-bottom: 1px solid rgba(13, 13, 13, 0.1);
}
.tp-spacial-feature-list ul li svg {
  margin-right: 8px;
}
.tp-spacial-feature-shape {
  right: 0;
  bottom: 0;
  z-index: -1;
}
.tp-spacial-feature-area {
  padding-bottom: 145px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-spacial-feature-area {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-spacial-feature-area {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-spacial-feature-title {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-spacial-feature-link {
    padding-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-spacial-feature-main {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tp-spacial-feature-content {
    margin-bottom: 35px;
  }
}

.tp-element-number {
  font-size: 240px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 185px;
  margin-left: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-element-number {
    font-size: 200px;
    line-height: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-element-number {
    font-size: 120px;
    line-height: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-element-number {
    font-size: 160px;
    line-height: 125px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-number {
    font-size: 100px;
    line-height: 1;
  }
}
.tp-element-shape {
  height: 120px;
  transform: translateY(12px);
}
.tp-element-heading {
  grid-gap: 17px;
}
.tp-element-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-element-title {
    font-size: 35px;
    margin-bottom: 5px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-title {
    font-size: 30px;
    margin-bottom: 5px;
  }
}
.tp-element-btn {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--tp-theme-color);
  grid-gap: 15px;
  background-color: var(--tp-white-color);
  width: fit-content;
  line-height: 1;
  border-radius: 60px;
  padding: 20px 33px;
  -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: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-element-btn {
    padding: 15px 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-btn {
    padding: 15px 20px;
    grid-gap: 5px;
    font-display: 15px;
  }
}
.tp-element-btn:hover {
  background-color: var(--tp-secoundery-color);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-element-slider {
    padding-top: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-slider {
    padding-top: 30px;
  }
}
.tp-element-slider-wrap {
  display: flex;
  align-items: center;
  grid-gap: 15px;
}
.tp-element-slider-item {
  height: 73px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-element-slider-item {
    height: 60px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-slider-item {
    height: 55px;
  }
}
.tp-element-slider::before, .tp-element-slider::after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #F5F5F5 24.52%, rgba(245, 245, 245, 0) 100%);
  width: 300px;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tp-element-slider::before, .tp-element-slider::after {
    width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-element-slider::before, .tp-element-slider::after {
    width: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-slider::before, .tp-element-slider::after {
    width: 30px;
  }
}
.tp-element-slider::after {
  transform: matrix(-1, 0, 0, 1, 0, 0);
  left: auto;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-element-area {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-element-area {
    padding: 100px 0;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-element-area {
    padding: 70px 0;
  }
}

.tp-demo-thumb img {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-demo-thumb img {
    max-height: 330px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-demo-thumb img {
    max-height: 250px;
    width: 100%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-demo-thumb img {
    max-height: 200px;
    width: 100%;
  }
}
.tp-demo-shape-bg {
  top: 0;
  left: 0;
}
.tp-demo-shape-top {
  top: 0;
  left: 0;
}
.tp-demo-shape-bottom {
  bottom: 0;
  right: 0;
}
.tp-demo-shape-emoji {
  top: 0;
  right: 145px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-demo-shape-emoji {
    top: -70px;
    right: 110px;
    max-width: 8%;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-demo-shape-emoji {
    top: -65px;
    right: 20px;
    max-width: 20%;
  }
}
.tp-demo-responsive-box-wrap {
  display: flex;
  justify-content: center;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-demo-responsive-box-wrap {
    padding-top: 25px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-demo-responsive-box-wrap {
    flex-wrap: wrap;
    padding-top: 30px;
  }
}
.tp-demo-responsive-shape-1 {
  bottom: 0;
  left: -65px;
  right: -65px;
}
@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) {
  .tp-demo-responsive-shape-1 {
    left: 0;
    right: 0;
  }
}
.tp-demo-responsive-shape-2 {
  left: 80px;
  bottom: 12%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-demo-responsive-shape-2 {
    left: 0;
  }
}
.tp-demo-responsive-shape-left {
  top: 105px;
  left: 60px;
  filter: drop-shadow(20px 20px 40px rgba(18, 19, 23, 0.2));
}
@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-demo-responsive-shape-left {
    max-width: 25%;
    left: 0;
  }
}
.tp-demo-responsive-shape-right {
  right: 50px;
  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-demo-responsive-shape-right {
    max-width: 20%;
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-demo-responsive-area {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-demo-responsive-area {
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-demo-responsive-area {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-demo-responsive-main {
    padding-bottom: 70px;
  }
}
@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-demo-responsive-main {
    padding-bottom: 40px;
  }
}
.tp-demo-title {
  font-size: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-demo-inner-bg {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-demo-inner-bg {
    padding-top: 100px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-demo-inner-bg {
    padding-top: 70px;
  }
}
@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-demo-inner-heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-demo-inner-slider-item {
    margin-bottom: 20px;
  }
}

.tpdrbox {
  display: inline-block;
  padding: 8px 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpdrbox {
    padding: 5px 15px;
  }
}
.tpdrbox:not(:last-child) {
  border-right: 1px solid #ddd;
}
@media (max-width: 574.98px) {
  .tpdrbox:not(:last-child) {
    border: transparent;
  }
}
.tpdrbox__res {
  font-size: 18px;
  font-weight: 500;
  color: var(--tp-theme-color);
  font-family: var(--tp-sora-font);
}
.tpdrbox__content p {
  font-size: 12px;
}
@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) {
  .tpdrbox__icon {
    margin-bottom: 10px;
  }
}

.tpthemefeature {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  background-color: var(--tp-white-color);
  min-height: 400px;
  padding: 45px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpthemefeature {
    min-height: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature {
    min-height: 350px;
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpthemefeature {
    padding: 25px;
    min-height: 300px;
  }
}
.tpthemefeature__title {
  font-size: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature__title {
    font-size: 30px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpthemefeature__title br {
    display: none;
  }
  .tpthemefeature__title {
    font-size: 30px;
  }
}
.tpthemefeature__title-short {
  color: #03041C;
}
.tpthemefeature__title-larg {
  font-size: 44px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature__title-larg {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpthemefeature__title-larg {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature__content {
    width: 60%;
  }
}
.tpthemefeature__content p {
  line-height: 24px;
}
@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) {
  .tpthemefeature__content p br {
    display: none;
  }
}
@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) {
  .tpthemefeature__link {
    padding-top: 5px;
  }
}
.tpthemefeature__link a {
  background-color: var(--tp-secoundery-color);
  color: var(--tp-theme-color);
  box-shadow: none;
  padding: 11px 20px;
}
.tpthemefeature__img {
  bottom: 0;
  right: 30px;
  text-align: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpthemefeature__img {
    right: -30px;
  }
}
@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) {
  .tpthemefeature__img {
    right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpthemefeature__img img {
    max-width: 85%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature__img img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpthemefeature__img img {
    max-width: 65%;
  }
}
.tpthemefeature__img-2 {
  right: 4px;
  bottom: 4px;
}
.tpthemefeature__img-3 {
  right: 0;
  bottom: 0;
  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), (max-width: 574.98px) {
  .tpthemefeature__img-3 {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpthemefeature__img-3 {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .tpthemefeature__img-4 {
    max-width: 90%;
  }
}
.tpthemefeature__progress {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tpthemefeature__progress-deg {
  grid-gap: 35px;
}
.tpthemefeature__progress-deg p {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-theme-color);
  transform: translateY(4px);
}
.tpthemefeature__progress-deg p span {
  background: var(--tp-theme-color);
  color: var(--tp-white-color);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: 3px 9px;
  border-radius: 4px;
  display: block;
  width: fit-content;
  font-size: 16px;
}
.tpthemefeature__progress-num {
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tpthemefeature__progress-num {
    font-size: 50px;
  }
}
.tpthemefeature__progress-service {
  background: linear-gradient(96.53deg, #D9D813 -16.22%, #E6641C 102.57%);
  mix-blend-mode: normal;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 25px;
}
@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) {
  .tpthemefeature__progress-service {
    padding: 5px 15px;
    margin-bottom: 10px;
  }
}
.tpthemefeature__progress-service span {
  font-size: 14px;
  font-weight: 500;
  color: var(--tp-white-color);
  font-family: var(--tp-sora-font);
}
.tpthemefeature__progress-item .progress {
  height: 8px;
  border-radius: 10px;
  background-color: var(--tp-gray-color);
  width: 100%;
}
.tpthemefeature__progress-item .progress .progress-bar {
  background: linear-gradient(96.12deg, #D9D813 3.48%, #E6641C 102.42%);
  mix-blend-mode: normal;
  border-radius: 10px;
}
.tpthemefeature__progress-item:last-child .tpthemefeature__progress-label {
  margin-left: 30px;
}
.tpthemefeature__progress-label {
  font-size: 14px;
  letter-spacing: -0.02em;
  margin-left: 23px;
  flex: 0 0 auto;
}
.tpthemefeature__progress-shape {
  top: 0;
  left: 0;
  z-index: -1;
}
.tpthemefeature__icon {
  width: 80px;
  height: 80px;
  background: var(--tp-white-color);
  box-shadow: 0px 30px 50px rgba(3, 4, 28, 0.2);
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tpthemefeature__figma {
  padding: 40px 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpthemefeature__figma {
    min-height: 300px;
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpthemefeature__figma {
    padding: 25px;
  }
}
.tpthemefeature__figma-2 {
  padding: 35px 50px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpthemefeature__figma-2 {
    min-height: 300px;
    padding: 30px;
  }
}
.tpthemefeature__shape-2 {
  bottom: 4px;
  right: 4px;
  z-index: -1;
}
.tpthemefeature__shape-3 {
  right: 0;
  bottom: 0;
}
.tpthemefeature__shape-4 {
  left: 0;
  bottom: 40px;
}
.tpthemefeature__sections {
  padding: 60px 70px;
  padding-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature__sections {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpthemefeature__sections {
    padding: 25px;
  }
}
.tpthemefeature__editor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 574.98px) {
  .tpthemefeature__editor {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tpthemefeature__editor-content {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tpthemefeature__editor-content p br {
    display: none;
  }
}

.tp-theme-feature-spacing {
  padding-top: 145px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .tp-theme-feature-spacing {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .tp-theme-feature-spacing {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media (max-width: 574.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .tp-theme-feature-spacing {
    padding: 50px 0;
  }
}

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