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

    Template Name: Agntix - Digital Agency & Creative Portfolio HTML Template
    Author: Theme_Pure
    Support: https://help.themepure.net/support/
    Description: Template
    Version: 1.0.1

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

/************ 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 4


    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main menu css
		4.2 Meanmenu css
		4.3 Mobilemenu css

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

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
		6.2 Footer Style 2
		6.4 Footer Style 4


	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About css
		7.2 Award css
		7.3 Brand css
		7.4 contact css
		7.5 Course css
		7.6 funfact css
		7.7 Hero css
		7.8 Marquee css
		7.9 About css
		7.10 price css
		7.11 progress-bar css
		7.12 Services css
		7.13 Skill css
		7.14 Testimonial css
		7.15 theme-light css



**********************************************/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kalam:wght@300;400;700&display=swap");
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* transform */
@font-face {
  font-family: "ClashDisplay-Light";
  src: url("../fonts/ClashDisplay-Light.woff2") format("woff2"), url("../fonts/ClashDisplay-Light.woff") format("woff"), url("../fonts/ClashDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Regular";
  src: url("../fonts/ClashDisplay-Regular.woff2") format("woff2"), url("../fonts/ClashDisplay-Regular.woff") format("woff"), url("../fonts/ClashDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Medium";
  src: url("../fonts/ClashDisplay-Medium.woff2") format("woff2"), url("../fonts/ClashDisplay-Medium.woff") format("woff"), url("../fonts/ClashDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Semibold";
  src: url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"), url("../fonts/ClashDisplay-Semibold.woff") format("woff"), url("../fonts/ClashDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "ClashDisplay-Bold";
  src: url("../fonts/ClashDisplay-Bold.woff2") format("woff2"), url("../fonts/ClashDisplay-Bold.woff") format("woff"), url("../fonts/ClashDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Inter', sans-serif;
  --tp-ff-heading: 'ClashDisplay-Bold', serif;
  --tp-ff-clash-light: 'ClashDisplay-Light', serif;
  --tp-ff-clash-regular: 'ClashDisplay-Regular', serif;
  --tp-ff-clash-medium: 'ClashDisplay-Medium', serif;
  --tp-ff-clash-semibold: 'ClashDisplay-Semibold', serif;
  --tp-ff-clash-bold: 'ClashDisplay-Bold', serif;
  --tp-ff-kalam: 'Kalam', cursive;
  --tp-ff-p: 'Inter', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #FFFFFF;
  --tp-common-black: #07060C;
  --tp-common-black-2: #0e0f11;
  --tp-common-yellow: #EAFF48;
  --tp-common-lavender: #f9e3fc;
  --tp-heading-primary: #000000;
  --tp-text-body: #5A5A67;
  --tp-grey-1: #F4F5FA;
  --tp-grey-2: #5A5A67;
  --tp-grey-3: #494953;
  --tp-grey-4: #71717b;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1430px;
  }
  .container-1070 {
    max-width: 1070px;
  }
  .container-1030 {
    max-width: 1030px;
  }
  .container-1620 {
    max-width: 1620px;
  }
  .container-1230 {
    max-width: 1230px;
  }
}
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

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

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

p {
  font-family: var(--tp-ff-p);
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 26px;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  background-color: #fff;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--tp-common-black);
  padding-left: 26px;
  padding-right: 26px;
  border: 1px solid #E0E2E3;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #95999D;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #95999D;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: #95999D;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: #95999D;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: #95999D;
}
[dir=rtl] input[type=text],
[dir=rtl] input[type=email],
[dir=rtl] input[type=tel],
[dir=rtl] input[type=number],
[dir=rtl] input[type=password],
[dir=rtl] input[type=url],
[dir=rtl] textarea {
  text-align: right;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-common-black);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

.z-index-11 {
  z-index: 11;
}

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.demo {
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear, transform 0.2s ease;
  -moz-transition: color 0.3s linear, transform 0.2s ease;
  -ms-transition: color 0.3s linear, transform 0.2s ease;
  -o-transition: color 0.3s linear, transform 0.2s ease;
  transition: color 0.3s linear, transform 0.2s ease;
}
[dir=rtl] .demo {
  margin-left: 0;
  margin-right: 15px;
}
div.demo img {
  margin-left: 10px;
}

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

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

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

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

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

/* gutter for x axis */
.tp-gx-20 {
  --bs-gutter-x: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .tp-gx-20 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-20 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-30 {
  --bs-gutter-x: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .tp-gx-30 {
    --bs-gutter-x: 10px;
  }
}
.tp-gx-30 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* gutter for x axis */
.tp-gx-40 {
  --bs-gutter-x: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-gx-40 {
    --bs-gutter-x: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media (max-width: 767px) {
  .tp-gx-40 {
    --bs-gutter-x: 15px;
  }
}
.tp-gx-40 [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

@media (min-width: 1400px) {
  .container-large {
    max-width: 1325px;
  }
}
.tp-page-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*---------------------------------
    1.3 Default Spacing
---------------------------------*/
.pt-280 {
  padding-top: 280px;
}

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

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

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

/*----------------------------------------*/
/*  2.3 Buttons
/*----------------------------------------*/
.tp-btn-yellow {
  gap: 9px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  border-radius: 14px;
  padding: 17px 24px;
  letter-spacing: -0.16px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-common-black);
  background-color: var(--tp-common-yellow);
}
.tp-btn-yellow span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.tp-btn-yellow span span {
  line-height: 1.3;
}
.tp-btn-yellow span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.tp-btn-yellow span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.tp-btn-yellow:hover {
  color: var(--tp-common-black);
}
.tp-btn-yellow:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.tp-btn-yellow:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tp-btn-yellow.border-style {
  border-radius: 14px;
  color: #EAFF48;
  background: #0F0D14;
  border: 2px solid #EAFF48;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 15px 24px;
}

.tp-demo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  border-radius: 14px;
  padding: 10px 18px;
  padding-bottom: 7px;
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-common-black);
  background: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .tp-demo-btn {
    padding: 8px 12px;
    font-size: 14px;
  }
}
.tp-demo-btn span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.tp-demo-btn span span {
  line-height: 1.3;
}
.tp-demo-btn span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.tp-demo-btn span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.tp-demo-btn:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-yellow);
}
.tp-demo-btn:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.tp-demo-btn:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------------------------------*/
/*  2.4 Animations
/*----------------------------------------*/
@keyframes text-color-animate {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes text-color-animate {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
/* animate-pulse */
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: #a0ff27;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--tp-common-black);
  animation: preloader 1.3s linear infinite;
  -webkit-animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
/*----------------------------------------*/
/*  2.6 Background
/*----------------------------------------*/
.grey-bg {
  background-color: var(--tp-grey-1);
}

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

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

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.15 Section Title
/*----------------------------------------*/
.tp-section-title {
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  word-spacing: 8px;
  line-height: 0.9;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 40px;
  }
}
.tp-section-title span {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(90deg, #fb9a4b 0%, #fa1574 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#fb9a4b), to(#fa1574));
  background-image: -o-linear-gradient(left, #fb9a4b 0%, #fa1574 100%);
  animation: text-color-animate 8s ease infinite;
}
.tp-section-title-60 {
  font-size: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title-60 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title-60 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title-60 br {
    display: none;
  }
}
.tp-section-title-60 span {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(90deg, #ff424b 0%, #ff7177 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff424b), to(#ff7177));
  background-image: -o-linear-gradient(left, #ff424b 0%, #ff7177 100%);
  animation: text-color-animate 8s ease infinite;
}
.tp-section-title-36 {
  font-size: 36px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title-36 {
    font-size: 34px;
  }
}
.tp-section-title-160 {
  font-weight: 800;
  font-size: 160px;
  line-height: 0.8;
  font-family: var(--tp-ff-body);
  letter-spacing: -0.04em;
}
@media (max-width: 767px) {
  .tp-section-title-160 {
    font-size: 120px;
  }
}
.tp-section-title-120 {
  font-size: 120px;
  line-height: 80%;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title-120 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title-120 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title-120 {
    font-size: 60px;
  }
}
.tp-section-title-white {
  color: var(--tp-common-white);
}
.tp-section-title-white-2 {
  font-size: 60px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title-white-2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title-white-2 {
    font-size: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-section-title-white-2 {
    font-size: 39px;
  }
}
.tp-section-title-black {
  color: var(--tp-common-black-2);
}
.tp-section-title-gdn-2 span {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(137deg, #7c0c77 0%, #ff31ab 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#7c0c77), to(#ff31ab));
  background-image: -o-linear-gradient(left, #7c0c77 0%, #ff31ab 100%);
  animation: text-color-animate 8s ease infinite;
}
.tp-section-title-gdn-3 span {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(90deg, #037F9A 0%, #9BEDFF 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#037F9A), to(#9BEDFF));
  background-image: -o-linear-gradient(left, #037F9A 0%, #9BEDFF 100%);
  animation: text-color-animate 8s ease infinite;
}
.tp-section-title-gdn-4 span {
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(90deg, #ff9d4c 0%, #FFE7D3 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff9d4c), to(#FFE7D3));
  background-image: -o-linear-gradient(left, #ff9d4c 0%, #FFE7D3 100%);
  animation: text-color-animate 8s ease infinite;
}

/*----------------------------------------*/
/*  2.16 Search css start
/*----------------------------------------*/
/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-header-area {
    margin-top: 20px;
  }
}
.tp-header-box {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(29, 29, 31, 0.1);
  backdrop-filter: blur(10px);
  padding: 6px;
  padding-left: 20px;
}
.tp-header-menu nav ul li {
  list-style: none;
  margin: 0px 16px;
  display: inline-block;
}
.tp-header-menu nav ul li a {
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.16px;
  padding: 10px 0;
}

/*----------------------------------------*/
/*  7.12 hero css
/*----------------------------------------*/
.tp-hero-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-hero-bg {
    background-position: inherit;
  }
}
.tp-hero-noise {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.tp-hero-noise img {
  mix-blend-mode: overlay;
}
.tp-hero-thumb.img-5 img {
  transform: translateY(-50px);
}
.tp-hero-thumb.img-6 img {
  transform: translateY(-120px);
}
.tp-hero-subtitle {
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  border-radius: 80px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  margin-bottom: 20px;
  display: inline-block;
}
.tp-hero-subtitle i {
  display: inline-block;
  margin-right: 5px;
}
.tp-hero-subtitle i svg {
  transform: translateY(-1px);
}
.tp-hero-title {
  font-size: 80px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 25px;
  letter-spacing: -2.5px;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-body);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-hero-title {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
.tp-hero-content p {
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 45px;
  letter-spacing: -0.17px;
  color: rgba(255, 255, 255, 0.6);
}
.tp-hero-btn-box {
  gap: 12px;
  display: flex;
  justify-content: center;
}
.tp-hero-category-box {
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 -100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-hero-category-box br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-hero-category-box {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-hero-category-wrap {
    padding-bottom: 90px;
  }
}
.tp-hero-category-subtitle span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 25px;
  display: inline-block;
  text-transform: uppercase;
  font-family: var(--tp-ff-kalam);
  color: rgba(255, 255, 255, 0.3);
}
.tp-hero-category-item {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.tp-hero-category-item a {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  border-radius: 30px;
  padding: 13px 24px;
  display: inline-block;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-hero-category-item a {
    padding: 11px 16px;
  }
}
@media (max-width: 767px) {
  .tp-hero-category-item a {
    padding: 10px 14px;
    font-size: 14px;
  }
}
.tp-hero-category-item a:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-hero-middle {
    padding-top: 180px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-text-spacing {
    padding-bottom: 80px;
    padding-top: 40px;
  }
}

/*----------------------------------------*/
/*  7.12 demo css
/*----------------------------------------*/
.tp-demo-subtitle {
  color: #0E0F11;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  letter-spacing: -0.4px;
  font-family: var(--tp-ff-kalam);
}
@media (max-width: 767px) {
  .tp-demo-spacing {
    padding-top: 80px;
  }
}
.tp-demo-stroke-text {
  position: absolute;
  bottom: 95px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 440px;
  font-weight: 800;
  line-height: 0.9;
  display: inline-block;
  letter-spacing: -8.8px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(86deg, white 5%, #fff 25%, rgba(14, 15, 17, 0.1) 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-demo-stroke-text {
    font-size: 300px;
  }
}
@media (max-width: 767px) {
  .tp-demo-stroke-text {
    font-size: 180px;
  }
}
.tp-demo-title {
  color: #0E0F11;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  font-family: var(--tp-ff-body);
}
@media (max-width: 767px) {
  .tp-demo-shape-box {
    display: none;
  }
}
.tp-demo-shape-box .shape-1 {
  position: absolute;
  left: -30px;
  bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-demo-shape-box .shape-1 {
    left: 0;
  }
}
.tp-demo-shape-box .shape-2 {
  position: absolute;
  right: 0;
  top: 0;
}
.tp-demo-item {
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(14, 15, 17, 0.06);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(14, 15, 17, 0.02), 0px 4px 26px 0px rgba(14, 15, 17, 0.03);
}
.tp-demo-item:hover .tp-demo-thumb img {
  transform: scale(1.05);
}
.tp-demo-item:hover .tp-demo-thumb::after {
  opacity: 1;
  visibility: visible;
}
.tp-demo-item:hover .tp-demo-figma {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.tp-demo-item:hover .tp-demo-btn-wrap {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.tp-demo-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.tp-demo-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.4);
}
.tp-demo-thumb img {
  border-radius: 16px;
  transition: 0.5s;
  width: 100%;
}
.tp-demo-content {
  padding-right: 20px;
}
.tp-demo-content-wrap {
  padding: 25px 15px;
  padding-bottom: 5px;
}
.tp-demo-content span {
  color: #969AA1;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.tp-demo-badge span {
  color: #EE3F25;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  padding: 6.5px 10px;
  display: inline-block;
  border-radius: 20px;
  background: rgba(238, 63, 37, 0.08);
}
.tp-demo-badge span.green {
  color: #269767;
  background: rgba(38, 151, 103, 0.08);
}
.tp-demo-badge span.pop {
  color: #0db50e;
  background-color: rgba(13, 181, 14, 0.08);
}
.tp-demo-badge span.trend {
  color: rgb(182, 74, 222);
  background: rgba(182, 74, 222, 0.08);
}
.tp-demo-btn-wrap {
  position: absolute;
  padding: 25px;
  padding-bottom: 20px;
  bottom: -10px;
  left: 0;
  z-index: 2;
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.tp-demo-figma {
  margin: 25px;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 2;
  gap: 9px;
  opacity: 0;
  visibility: hidden;
  padding: 7px 18px;
  transition: 0.3s;
  border-radius: 42px;
  border: 1px solid #FFF;
  background: var(--tp-common-white);
}
.tp-demo-figma span {
  color: #0E0F11;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.anim-zoomin-wrap {
  border-radius: 16px;
}

/*----------------------------------------*/
/*  7.12 Services css
/*----------------------------------------*/
/*----------------------------------------*/
/*  7.12 hero css
/*----------------------------------------*/
.tp-feature-area {
  margin-top: -1px;
}
.tp-feature-item img {
  border-radius: 20px;
}
.tp-feature-2-subtitle {
  padding: 5px 13px;
  border-radius: 56px;
  font-size: 14px;
  font-weight: 500;
  gap: 6px;
  letter-spacing: -0.28px;
  color: var(--tp-common-black);
  background: linear-gradient(90deg, #CCEB87 0%, #F7EBCC 100%);
}
.tp-feature-2-subtitle i {
  transform: translateY(-2px);
}
.tp-feature-2-title-box p {
  color: #5A5A67;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.18px;
}
.tp-feature-2-title-box p span {
  color: #FF2A34;
}
.tp-feature-2-top {
  gap: 8px;
}
.tp-feature-2-icon .anim-img {
  position: absolute;
  top: -12px;
  left: 12px;
  z-index: 2;
  animation: rotate2 2s linear infinite;
}
.tp-feature-2-icon .icon-pos {
  position: absolute;
  top: -20px;
  left: -20px;
}
.tp-feature-2-bg {
  border-radius: 20px;
  border: 1px solid rgba(14, 15, 17, 0.06);
  background: #FFF;
}
@media (max-width: 767px) {
  .tp-feature-2-bg {
    border: none;
  }
}
.tp-feature-2-bg img {
  border-radius: 20px;
  border-radius: 20px;
}
.tp-feature-2-bg .gif-img {
  position: absolute;
  top: 25px;
  right: 10px;
  height: auto;
  width: 144px;
}
.tp-feature-2-bg .text-img {
  position: absolute;
  top: 85px;
  left: 25px;
  z-index: 2;
  border-radius: unset;
}
@media (max-width: 767px) {
  .tp-feature-2-bg .text-img {
    width: auto;
  }
}
@media (max-width: 767px) {
  .tp-feature-2-item {
    display: inline-block;
  }
}
.tp-feature-2-content {
  position: absolute;
  top: 30px;
  left: 35px;
}
.tp-feature-2-wrap {
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-feature-2-wrap {
    display: block;
  }
}
.tp-feature-2-left, .tp-feature-2-right {
  width: 280px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-feature-2-left, .tp-feature-2-right {
    display: flex;
    width: 100%;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .tp-feature-2-left, .tp-feature-2-right {
    display: block;
  }
}
.tp-feature-2-middle {
  width: 100%;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 45px 45px 0 45px;
}
.tp-feature-2-middle-content span {
  color: #0E0F11;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 6px;
  display: inline-block;
  font-family: var(--tp-ff-kalam);
}
.tp-feature-2-title {
  color: #0E0F11;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.68px;
  font-family: var(--tp-ff-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-feature-2-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tp-feature-2-title br {
    display: none;
  }
}

.tp-text-area {
  margin-top: -2px;
}

.content__img {
  width: 250px;
  aspect-ratio: 1.1;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  will-change: transform, filter;
}

.content__img-inner {
  background-position: 50% 50%;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-size: cover;
  position: absolute;
  top: -10px;
  left: -10px;
}

.icv__control-line {
  background: none !important;
  box-shadow: none !important;
}

.icv__icv--vertical .icv__theme-wrapper {
  height: 60px;
  width: 60px;
  background: #EAEAEA;
  border: 2px solid #fff;
  border-radius: 50%;
}

.icv__arrow-wrapper svg {
  width: 15px !important;
  height: 15px !important;
}
.icv__arrow-wrapper svg path {
  fill: #000;
}

.tp-video-title-box p {
  color: #5A5A67;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-video-spacing {
    padding-bottom: 50px;
  }
}
.tp-video-wrap {
  padding: 10px;
  line-height: 1;
  border-radius: 24px;
  border: 1px solid rgba(14, 15, 17, 0.06);
}
.tp-video-wrap img {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 0px -4px 30px 0px rgba(14, 15, 17, 0.03) inset, 0px 4px 6px 0px rgba(18, 26, 27, 0.11);
}
.tp-video-img {
  position: relative;
  overflow: hidden;
}
.tp-video-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background-color: rgba(7, 6, 12, 0.2);
}
.tp-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  line-height: 100px;
  text-align: center;
  display: inline-block;
  transform: translate(-50%, -50%);
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .tp-video-btn {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
}
.tp-video-btn:hover::after {
  transform: scale(1.2);
}
.tp-video-btn::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 50%;
  display: inline-block;
  transition: 0.4s;
  background-color: #EAFF48;
  animation: animate-pulse 3s linear infinite;
}
.tp-video-btn span svg {
  margin-left: 7px;
  display: inline-block;
}
.tp-video-text p {
  color: #5A5A67;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--tp-ff-kalam);
}
.tp-video-shape-1 {
  position: absolute;
  top: -29%;
  right: -16%;
  z-index: -1;
}
.tp-video-shape-2 {
  position: absolute;
  bottom: -21%;
  left: -15%;
  z-index: -1;
}
.tp-video-bg-text {
  gap: 10px;
  background-color: #EAFF48;
  padding: 14px 0;
}
@media (max-width: 767px) {
  .tp-video-bg-text {
    padding: 14px 15px;
  }
}
.tp-video-bg-text span {
  border-radius: 15px;
  padding: 6px 10px;
  color: #EAFF48;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  background-color: var(--tp-common-black);
}
.tp-video-bg-text p {
  margin-bottom: 0;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.tp-exclusive-fea-subtitle {
  color: #0E0F11;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  font-family: var(--tp-ff-kalam);
}
.tp-exclusive-fea-subtitle i {
  border-radius: 6px;
  background: #EAFF48;
  padding: 3px 6px;
  display: inline-block;
}
.tp-exclusive-fea-btn {
  margin-right: -18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-exclusive-fea-btn {
    margin-right: 0;
  }
}
.tp-exclusive-fea-btn ul.nav {
  display: inherit;
}
.tp-exclusive-fea-btn ul li:not(:last-child) {
  margin-bottom: 5px;
}
.tp-exclusive-fea-btn ul li button {
  gap: 15px;
  display: block;
  padding: 17px 25px;
  display: flex;
  align-items: center;
  color: #4B4B52;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  width: 100%;
  transition: 0.3s;
  border-radius: 6px;
  background: transparent;
  text-align: left;
}
.tp-exclusive-fea-btn ul li button.active {
  background: #EAFF48;
  color: var(--tp-common-black);
}
.tp-exclusive-fea-btn ul li button:hover {
  color: var(--tp-common-black);
  background-color: #EAFF48;
}
.tp-exclusive-fea-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tp-exclusive-fea-bg img {
  border-radius: 20px;
}
.tp-exclusive-fea-tab {
  height: 575px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-exclusive-fea-tab {
    height: 480px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-exclusive-fea-tab {
    margin-left: 0;
    margin-top: 50px;
    height: auto;
  }
}
.tp-exclusive-fea-spacing {
  padding: 100px 90px 28px 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-exclusive-fea-spacing {
    padding: 50px 40px 28px 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-exclusive-fea-spacing {
    padding: 40px 20px 18px 20px;
  }
}

.tp-elementor-bottom-video-btn span svg {
  margin-left: 6px;
}

/*----------------------------------------*/
/*  7.12 demo css
/*----------------------------------------*/
.tp-showcase-img {
  margin-bottom: 30px;
}
.tp-showcase-title {
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-syne);
}
.tp-showcase-big-text h3 {
  font-weight: 700;
  font-size: 350px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(33, 35, 41, 0.06);
  margin-bottom: -143px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-showcase-big-text h3 {
    font-size: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-showcase-big-text h3 {
    font-size: 210px;
    margin-bottom: -115px;
  }
}
.tp-showcase-active {
  margin: 0px -150px;
  margin-bottom: 90px;
}

/*----------------------------------------*/
/* text slide css
/*----------------------------------------*/
.tp-text-slide-active .swiper-slide {
  display: inline-block;
  width: auto !important;
}
.tp-text-slide-item h2 {
  font-family: var(--tp-ff-body);
  font-weight: 700;
  font-size: 340px;
  letter-spacing: -0.02em;
  color: #f4f4f5;
  margin-bottom: 0;
  line-height: 1;
  text-transform: lowercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-text-slide-item h2 {
    font-size: 240px;
  }
}
@media (max-width: 767px) {
  .tp-text-slide-item h2 {
    font-size: 170px;
  }
}
.tp-text-slide-para p {
  font-family: var(--tp-ff-kalam);
  font-weight: 700;
  font-size: 16px;
  line-height: 137%;
  text-transform: uppercase;
  color: var(--tp-common-black-2);
}
@media (max-width: 767px) {
  .tp-text-slide-para p {
    font-size: 14px;
  }
}
.tp-text-slide-shape {
  margin-right: -45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-text-slide-shape img {
    width: 200px;
  }
}
.tp-text-slide-content {
  display: flex;
  align-items: center;
  position: absolute;
  top: 11%;
  right: 358px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-text-slide-content {
    right: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-text-slide-content {
    right: 20px;
  }
}

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

/*----------------------------------------*/
/*  plugin css
/*----------------------------------------*/
.tp-plugin-subtitle {
  font-family: var(--tp-ff-kalam);
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-common-black-2);
}
.tp-plugin-subtitle span {
  background: var(--tp-common-yellow);
  border-radius: 6px;
  display: inline-block;
  padding: 4px 5px 0px 5px;
  line-height: 1;
}
.tp-plugin-subtitle svg {
  position: absolute;
  top: -21px;
  left: -17px;
}
.tp-plugin-para {
  font-size: 17px;
  line-height: 153%;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-plugin-para br {
    display: none;
  }
}
.tp-plugin-logo h6 {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  color: var(--tp-common-black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-plugin-logo h6 {
    font-size: 14px;
  }
}
.tp-plugin-free {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  font-family: var(--tp-ff-body);
  color: var(--tp-common-white);
  background: var(--tp-common-black-2);
  border-radius: 25px;
  padding: 5px 13px;
  line-height: 1;
}
.tp-plugin-discount {
  font-family: var(--tp-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: var(--tp-grey-3);
}
.tp-plugin-logo img {
  flex: 0 0 auto;
}
.tp-plugin-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid rgba(14, 15, 17, 0.05);
  border-radius: 20px;
  padding: 18px 28px 3px 18px;
}
.tp-plugin-bottom-logo {
  width: 130px;
  height: 130px;
  display: inline-block;
  border: 1px solid rgba(14, 15, 17, 0.05);
  border-radius: 400px;
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  margin-right: auto;
}
@media (max-width: 767px) {
  .tp-plugin-bottom-logo {
    margin-bottom: 10px;
  }
}
.tp-plugin-bottom-title {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  color: var(--tp-common-black-2);
}
.tp-plugin-bottom-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 171%;
  display: inline-block;
  text-align: center;
  color: var(--tp-grey-4);
  background-color: var(--tp-grey-1);
  padding: 8px 10px;
  line-height: 1;
  border-radius: 27px;
  width: 160px;
  max-width: 160px;
}
@media (max-width: 767px) {
  .tp-plugin-bottom-btn {
    width: 148px;
    max-width: 148px;
  }
}

/*----------------------------------------*/
/*  elementor css
/*----------------------------------------*/
.tp-elementor-bg {
  background: var(--tp-common-lavender);
  border-radius: 40px;
}
.tp-elementor-main-wrap {
  padding: 178px 100px 80px 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-main-wrap {
    padding: 100px 50px 60px 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-main-wrap {
    padding: 50px 20px 20px 20px;
  }
}
.tp-elementor-list {
  margin-right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-list {
    margin-right: 0;
  }
}
.tp-elementor-list ul {
  column-count: 2;
}
@media (max-width: 767px) {
  .tp-elementor-list ul {
    column-count: 1;
  }
}
.tp-elementor-list ul li {
  font-weight: 500;
  font-size: 15px;
  color: #21212d;
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-list ul li {
    font-size: 14px;
  }
}
.tp-elementor-list ul li .icons {
  border: 1px solid rgba(33, 33, 45, 0.06);
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 50px;
  text-align: center;
  line-height: 20px;
  margin-right: 14px;
}
@media (max-width: 767px) {
  .tp-elementor-list ul li .icons {
    line-height: 17px;
  }
}
.tp-elementor-thumb {
  box-shadow: 0 30px 50px -14px rgba(87, 13, 97, 0.14), 0 2px 6px 0 rgba(87, 13, 97, 0.06);
  border-radius: 6px;
  margin-left: 127px;
  z-index: -1;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-thumb {
    margin-left: 0;
  }
}
.tp-elementor-thumb-2 {
  position: absolute;
  top: 24%;
  right: -29px;
}
.tp-elementor-thumb-3 {
  position: absolute;
  bottom: -37px;
  right: -18px;
  box-shadow: 0 30px 50px -14px rgba(87, 13, 97, 0.24);
}
@media (max-width: 767px) {
  .tp-elementor-thumb-3 {
    position: inherit;
    bottom: auto;
    right: auto;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-thumb-wrap {
    margin-top: 100px;
  }
}
.tp-elementor-mask-wrap {
  position: absolute;
  top: 50%;
  width: 200px;
  transform: translateY(-50%);
  left: 0;
  box-shadow: -2px 30px 50px -14px rgba(87, 13, 97, 0.34);
}
@media (max-width: 767px) {
  .tp-elementor-mask-wrap {
    position: inherit;
    top: auto;
    transform: inherit;
    margin-bottom: 30px;
  }
}
.tp-elementor-mask-gif {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  animation: tptranslateX2 16s infinite ease-in-out;
}
.tp-elementor-shape {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  left: 0;
  right: 0;
  text-align: center;
}
.tp-elementor-shape svg {
  max-width: 650px;
  max-height: 650px;
}
.tp-elementor-bottom {
  margin-top: 170px;
  border-radius: 24px;
  padding: 55px 60px 30px 68px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-bottom {
    padding: 55px 20px 20px 28px;
  }
}
@media (max-width: 767px) {
  .tp-elementor-bottom {
    margin-top: 30px;
  }
}
.tp-elementor-bottom-title h4 {
  font-family: var(--tp-ff-body);
  font-weight: 700;
  font-size: 46px;
  line-height: 117%;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-bottom-title h4 {
    font-size: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .tp-elementor-bottom-title h4 {
    font-size: 34px;
  }
  .tp-elementor-bottom-title h4 br {
    display: none;
  }
}
.tp-elementor-bottom-title h4 span {
  color: var(--tp-common-yellow);
}
.tp-elementor-bottom-count {
  font-weight: 700;
  font-size: 26px;
  color: var(--tp-common-white);
  border-radius: 100px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.2901960784);
  flex: 0 0 auto;
}
.tp-elementor-bottom-count svg {
  position: absolute;
  top: -7px;
  right: -7px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-bottom-step {
    margin-right: 20px;
  }
}
.tp-elementor-bottom-step .step {
  font-family: var(--tp-ff-body);
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 6px 9px 6px 10px;
  display: inline-block;
  line-height: 1;
}
.tp-elementor-bottom-step .titels {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 26px;
  letter-spacing: -0.04em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-bottom-step .titels {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .tp-elementor-bottom-step .titels {
    font-size: 15px;
  }
}
.tp-elementor-bottom-video {
  display: flex;
  align-items: center;
  position: absolute;
  top: 26px;
  right: 26px;
}
.tp-elementor-bottom-video-title {
  font-family: var(--tp-ff-kalam);
  font-weight: 400;
  font-size: 18px;
  line-height: 111%;
  text-align: right;
  color: var(--tp-common-white);
  margin-right: 15px;
}
.tp-elementor-bottom-video-btn {
  width: 64px;
  height: 64px;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--tp-common-white);
  border-radius: 50%;
  animation: animate-pulse 3s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elementor-bottom-arrow {
    display: none;
  }
}

@keyframes tptranslateX2 {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-55%);
  }
}
/*----------------------------------------*/
/*  specialized-features-area-start
/*----------------------------------------*/
.tp-specialized-features-thumb {
  margin-right: -86px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-specialized-features-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .tp-specialized-features-thumb {
    text-align: left !important;
  }
}
.tp-specialized-features-list {
  backdrop-filter: blur(30px);
  box-shadow: 0 40px 60px 0 rgba(14, 15, 17, 0.1);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .tp-specialized-features-list {
    position: inherit;
    margin-top: 20px;
  }
}
.tp-specialized-features-shape {
  position: absolute;
  top: 63px;
  left: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-specialized-features-shape {
    top: 52px;
    left: -3px;
  }
}

/*----------------------------------------*/
/*  tp-template-area-start
/*----------------------------------------*/
.tp-template-bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #07060c 2.05%, rgba(7, 6, 12, 0.4) 50%, #07060c 90.44%);
}
.tp-template-content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  padding-top: 300px;
  padding-bottom: 300px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-template-content {
    padding-top: 100px;
  }
}
.tp-template-subtitle {
  font-family: var(--tp-ff-kalam);
  font-weight: 700;
  font-size: 24px;
  color: #eaff48;
  text-shadow: inset 0 2px 16px 1px rgba(255, 255, 255, 0.44);
}
.tp-template-header {
  text-align: center;
  position: sticky;
  position: -webkit-sticky;
  top: 300px;
}

/*----------------------------------------*/
/*  tp-counter-area-start
/*----------------------------------------*/
.tp-counter-title {
  font-family: var(--tp-ff-body);
  font-weight: 800;
  font-size: 100px;
  line-height: 75%;
  text-transform: uppercase;
  background: linear-gradient(180deg, rgba(247, 247, 253, 0.2) 0%, rgba(33, 33, 45, 0.1803921569) 77.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tp-counter-subtitle {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  margin-top: -11px;
}
.tp-counter-top-meinus {
  margin-top: -75px;
  position: relative;
}
.tp-counter-start {
  float: left;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-counter-start {
    float: inherit;
  }
}
.tp-counter-end {
  float: right;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-counter-end {
    float: inherit;
  }
}
.tp-counter-border > div:not(:last-child) {
  position: relative;
}
.tp-counter-border > div:not(:last-child)::before {
  position: absolute;
  content: "";
  bottom: 35px;
  right: 0;
  width: 1px;
  height: 70px;
  background: rgba(255, 255, 255, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-counter-border > div:not(:last-child)::before {
    display: none;
  }
}
.tp-counter-update-provide {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0 120px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-counter-update-provide {
    margin: 0;
  }
}
.tp-counter-update-provide p {
  font-family: var(--tp-ff-kalam);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 100px;
  display: inline-block;
  padding: 7px 20px 2px 20px;
  transform: translateY(-20px);
  background: var(--tp-common-black);
}
.tp-counter-update-provide p a {
  color: var(--tp-common-white);
}

.tp-bg-black {
  background: #242424;
}

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

/*----------------------------------------*/
/*  tp-portfolio-area-start
/*----------------------------------------*/
.tp-portfolio-thumb-text {
  font-family: var(--tp-ff-kalam);
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 94px;
  left: -88px;
  transform: rotate(-90deg);
}
.tp-portfolio-thumb-text span {
  width: 20px;
  height: 2px;
  background: rgba(255, 255, 255, 0.6);
  display: inline-block;
  margin-right: 9px;
}
.tp-portfolio-content ul li {
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 35px;
  padding-bottom: 15px;
}
.tp-portfolio-content ul li span {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
  display: inline-block;
  margin-bottom: 7px;
}
.tp-portfolio-content ul li p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 17px;
  line-height: 1.53;
  color: rgba(255, 255, 255, 0.6);
}

.section-meinus {
  margin-top: -2px;
}

/*----------------------------------------*/
/*  tp-grid-area-start
/*----------------------------------------*/
.tp-grid-item {
  text-align: center;
}
.tp-grid-item span {
  font-weight: 700;
  font-size: 13px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  display: block;
}
.tp-grid-slide-active .swiper-slide {
  display: inline-block;
  width: auto !important;
}

/*----------------------------------------*/
/*  tp-one-click-area-start
/*----------------------------------------*/
.tp-oneclick-thumb-2 {
  position: absolute;
  left: -100px;
  top: 88px;
  box-shadow: 0 20px 50px 0 #1c0d07;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-oneclick-thumb-2 {
    display: none;
  }
}
.tp-oneclick-thumb-3 {
  position: absolute;
  right: -90px;
  bottom: 130px;
  box-shadow: 0 30px 50px 0 rgba(11, 5, 2, 0.4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-oneclick-thumb-3 {
    bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-oneclick-thumb-3 {
    display: none;
  }
}
.tp-oneclick-shape {
  position: absolute;
  left: -42px;
  bottom: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-oneclick-shape {
    bottom: 20px;
  }
}
.tp-oneclick-shape-2 {
  position: absolute;
  right: -28px;
  top: 75px;
}
.tp-oneclick-text {
  font-family: var(--tp-ff-kalam);
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  text-shadow: inset 0 2px 16px 1px rgba(255, 255, 255, 0.24);
}

/*----------------------------------------*/
/*  tp-responsive-area-start
/*----------------------------------------*/
.tp-responsive-layout-subtitle {
  font-family: var(--tp-ff-kalam);
  font-weight: 400;
  font-size: 20px;
  color: var(--tp-common-white);
  display: inline-block;
}
.tp-responsive-layout-para {
  font-weight: 500;
  font-size: 17px;
  line-height: 153%;
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-responsive-layout-para br {
    display: none;
  }
}
.tp-responsive-layout-content {
  padding: 80px 100px 80px 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-responsive-layout-content {
    padding: 50px 50px 50px 50px;
  }
}
@media (max-width: 767px) {
  .tp-responsive-layout-content {
    padding: 30px 20px 20px 20px;
  }
}
.tp-responsive-layout-wrap {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-responsive-layout-wrap {
    padding-bottom: 350px;
  }
}
.tp-responsive-layout-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: luminosity;
  object-fit: cover;
  border-radius: 30px;
}
.tp-responsive-layout-bg-2 {
  position: absolute;
  bottom: 40px;
  right: -5px;
  padding-left: 40px;
  width: 100%;
  object-fit: cover;
}
.tp-responsive-layout-shape {
  position: absolute;
  bottom: 224px;
  right: 133px;
  box-shadow: -20px 20px 20px 0 rgba(0, 0, 0, 0.35);
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-responsive-layout-shape {
    right: 13px;
  }
}
.tp-responsive-layout-shape-2 {
  position: absolute;
  right: 156px;
  bottom: 55px;
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-responsive-layout-shape-2 {
    right: 20px;
    bottom: 40px;
  }
}

/*----------------------------------------*/
/*  tp-performance-area-start
/*----------------------------------------*/
.tp-performance-subtittle {
  font-weight: 700;
  font-size: 18px;
  color: var(--tp-common-white);
}
.tp-performance-subtittle span {
  border-radius: 6px;
  width: 40px;
  height: 28px;
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  display: inline-block;
  text-align: center;
  line-height: 29px;
  margin-right: 13px;
}
.tp-performance-progress-title {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-common-white);
}
.tp-performance-progress-bar {
  display: block;
  height: 10px;
  border-radius: 20px;
  background: linear-gradient(90deg, #037F9A 0%, #9BEDFF 100%);
}
.tp-performance-progress-others .tp-performance-progress-title {
  color: rgba(255, 255, 255, 0.6);
}
.tp-performance-progress-others .tp-performance-progress-bar {
  border-radius: 20px;
  width: 200px;
  height: 10px;
  background: rgba(255, 255, 255, 0.12);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-performance-progress-wrap {
    margin-left: 0;
  }
}
.tp-performance-item {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 40px 34px 25px 34px;
}
.tp-performance-item span {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--tp-common-white);
  border-radius: 60px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 75px;
}
.tp-performance-item h3 {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 22px;
  line-height: 136%;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-performance-item h3 {
    font-size: 19px;
  }
}

/*----------------------------------------*/
/*  tp-elements-area-start
/*----------------------------------------*/
.tp-elements-para {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elements-para br {
    display: none;
  }
}
.tp-elements-para span {
  font-weight: 500;
  color: var(--tp-common-black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elements-feature-list br {
    display: none;
  }
}
.tp-elements-feature-item {
  list-style: none;
  border: 1px solid rgba(14, 15, 17, 0.06);
  border-radius: 180px;
  padding: 11px 29px;
  box-shadow: 0 4px 26px 0 rgba(14, 15, 17, 0.03), 0 4px 4px 0 rgba(14, 15, 17, 0.02);
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  margin: 4px 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elements-feature-item {
    padding: 11px 23px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-elements-feature-item {
    padding: 11px 13px;
  }
}
.tp-elements-feature-item span {
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-common-black-2);
}
.tp-elements-feature-item .icons {
  margin-right: 12px;
}

/*----------------------------------------*/
/*  tp-shop-area-start
/*----------------------------------------*/
.tp-shop-bg {
  background: #f3efe9;
}
.tp-shop-thumb img {
  border-radius: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .tp-shop-thumb img {
    border-radius: 14px 0px 0px 14px;
  }
}
.tp-shop-slider-wrap {
  background: rgba(232, 224, 213, 0.4);
  border-radius: 0 20px 20px 0;
  padding: 35px 0px 22px 40px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .tp-shop-slider-wrap {
    padding: 35px 0px 22px 20px;
  }
}
.tp-shop-slider-active {
  margin-right: -550px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-shop-slider-active {
    margin-right: 0;
  }
}
.tp-shop-title {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-shop-title-wrap {
    margin-left: 20px;
  }
}
.tp-shop-para {
  font-size: 17px;
  line-height: 165%;
  color: var(--tp-common-black-2);
}
.tp-shop-navigation {
  display: flex;
  justify-content: end;
  margin-right: 22px;
}
.tp-shop-navigation span {
  border-radius: 40px;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5A5A67;
  transition: all 0.4s ease;
}
.tp-shop-navigation span:hover {
  background: #e8e0d5;
  color: var(--tp-common-black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-shop-spacing {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.tp-blog-slider-wrap {
  border-radius: 24px 0 0 24px;
}
.tp-blog-slider-wrap .tp-shop-slider-2-active {
  margin-right: -550px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-blog-slider-wrap .tp-shop-slider-2-active {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-blog-main-wrap {
    padding-top: 80px;
  }
}

.tp-btn-black {
  background: var(--tp-common-black-2);
  color: var(--tp-common-white);
}
.tp-btn-black i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 4px;
}
.tp-btn-black i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.tp-btn-black i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.tp-btn-black:hover {
  color: var(--tp-common-white);
}
.tp-btn-black:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.tp-btn-black:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}

.fraction-wrapper {
  position: absolute;
  bottom: 43px;
  left: 44px;
  width: 100px;
  z-index: 1;
  height: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .fraction-wrapper {
    margin-top: 22px;
    bottom: auto;
  }
}
.fraction-wrapper #paginations span, .fraction-wrapper #paginations-2 span {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #5a5a67;
}
.fraction-wrapper #paginations span:last-child, .fraction-wrapper #paginations-2 span:last-child {
  float: right;
}
.fraction-wrapper #paginations-2 span {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #5a5a67;
}
.fraction-wrapper #paginations-2 span:last-child {
  float: right;
}

#paginations, #paginations-2 {
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.shop-slider-progress-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 1px;
  z-index: 11;
  background-color: var(--tp-border-1);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.shop-slider-progress-bar span {
  position: absolute;
  left: 0;
  top: -1px;
  height: 1px;
  width: 100%;
  background-color: var(--tp-common-black);
  transform: scaleX(1);
  transform-origin: left;
}

/*----------------------------------------*/
/*  tp-feature-area-start
/*----------------------------------------*/
.tp-feature-include-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.tp-feature-include-tag span {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  display: inline-block;
  padding: 8px 28px;
}
.tp-feature-include-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 50px 20px 30px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-feature-include-item {
    padding: 45px 20px 25px 20px;
  }
}
@media (max-width: 767px) {
  .tp-feature-include-item {
    padding: 35px 10px 15px 10px;
  }
}
.tp-feature-include-item span {
  height: 50px;
}
.tp-feature-include-item p {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-feature-include-item p {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  tp-marquee-area-start
/*----------------------------------------*/
.tp-marquee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 14px;
  white-space: nowrap;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: scroll-1 30s linear infinite;
  animation: scroll-1 30s linear infinite;
}
.tp-marquee-item span {
  font-weight: 500;
  font-size: 20px;
  line-height: 370%;
  letter-spacing: -0.04em;
  text-align: center;
  color: var(--tp-common-white);
  text-shadow: inset 0 2px 16px 1px rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  border-radius: 300px;
  padding: 17px 36px;
  background: rgba(255, 255, 255, 0.04);
  display: inline-block;
  line-height: 1;
  flex: 0 0 auto;
}
.tp-marquee-item span img {
  margin-right: 10px;
}
.tp-marquee-scroll:hover .tp-marquee-item {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes scroll-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes scroll-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/*----------------------------------------*/
/*  tp-build-area-start
/*----------------------------------------*/
.tp-build-top-shape {
  margin-left: -45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-build-top-shape {
    margin-left: 0;
  }
}
.tp-build-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 40px;
  padding-top: 30px;
  height: 100%;
  width: 100%;
}
.tp-build-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  height: 100%;
  display: inline-block;
}
.tp-build-main-title {
  font-family: var(--tp-ff-body);
  font-weight: 700;
  font-size: 24px;
  line-height: 133%;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-build-main-title {
    font-size: 20px;
  }
  .tp-build-main-title br {
    display: none;
  }
}
.tp-build-icon {
  width: 80px;
  height: 80px;
  background: var(--tp-common-white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tp-build-subtitle {
  font-family: var(--tp-ff-kalam);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  background: linear-gradient(15deg, #FFA963 0%, #FFE7D3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tp-build-thumb img {
  border-radius: 15px;
  width: 100%;
}
@media (max-width: 767px) {
  .tp-build-thumb img {
    width: auto;
  }
}
.tp-build-langguage {
  margin-left: -20px;
}

/*----------------------------------------*/
/*  tp-faq-area-start
/*----------------------------------------*/
.tp-faq-wrapper .accordion-item:first-of-type {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.tp-faq-wrapper .accordion-item:last-of-type {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tp-faq-wrapper .accordion-button.tp-faq-btn {
  background: transparent;
  padding: 25px 30px;
  padding-right: 70px;
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 20px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-faq-wrapper .accordion-button.tp-faq-btn {
    font-size: 18px;
  }
}
.tp-faq-wrapper .accordion-button.tp-faq-btn:focus {
  box-shadow: none;
}
.tp-faq-wrapper .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.tp-faq-wrapper .accordion-button:not(.collapsed) .accordion-btn::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.tp-faq-wrapper .accordion-button::after {
  display: none;
}
.tp-faq-wrapper .accordion-body {
  padding: 0px 120px 35px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-faq-wrapper .accordion-body {
    padding: 0px 30px 35px 30px;
  }
}
.tp-faq-wrapper .accordion-btn {
  position: absolute;
  right: 24px;
  display: inline-block;
  height: 34px;
  width: 34px;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 34px;
  color: #87888B;
  transition: transform 0.2s;
}
.tp-faq-wrapper .accordion-btn::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--tp-common-white);
  border-radius: 2px;
  transition: 0.4s;
}
.tp-faq-wrapper .accordion-btn::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--tp-common-white);
  border-radius: 2px;
}
.tp-faq-wrapper .accordion-item {
  border: none;
  box-shadow: 0 2px 3px 0 rgba(50, 41, 73, 0.1);
  background: rgba(255, 255, 255, 0.04);
}
.tp-faq-wrapper .tp-faq-details-para p {
  font-size: 16px;
  line-height: 162%;
  color: #87878b;
  margin-bottom: 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  .tp-faq-wrapper .tp-faq-details-para p br {
    display: none;
  }
}
.tp-faq-wrapper .tp-faq-details-para p a {
  color: #ffc290;
}

/*----------------------------------------*/
/*  tp-review-area-start
/*----------------------------------------*/
.tp-review-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 30px 40px 40px 40px;
}
.tp-review-ratings {
  display: flex;
  margin-right: 2px;
}
.tp-review-status {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 18px;
  color: var(--tp-common-white);
}
.tp-review-dec {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-review-dec br {
    display: none;
  }
}
.tp-review-customer {
  display: flex;
  align-items: center;
}
.tp-review-customer .icons {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  display: inline-block;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.tp-review-customer .emails {
  font-weight: 600;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9);
}
.tp-review-img {
  margin-top: -80px;
  position: relative;
  z-index: 11;
}
.tp-review-wrapper {
  position: relative;
  overflow: hidden;
  height: 1080px;
}
.tp-review-wrapper-main::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 150px;
  width: 100%;
  background: linear-gradient(0deg, #07060c 40.65%, rgba(238, 240, 245, 0) 100%);
  z-index: 10;
}
.tp-review-wrapper-main::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  height: 150px;
  width: 100%;
  background: linear-gradient(-180deg, #07060c 40.65%, rgba(238, 240, 245, 0) 100%);
  z-index: 10;
}
.tp-review-scrool-item {
  animation: TestimonialScroll 30s linear infinite;
  animation-duration: 30s;
  transition: all 0.4s ease-in;
}

@keyframes TestimonialScroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
/*----------------------------------------*/
/*  tp-documentation-area-start
/*----------------------------------------*/
.tp-documentation-item {
  padding: 34px;
  border: 1px solid #161613;
  transition: all 0.3s ease-in-out;
  box-shadow: 8px 8px 0 0 rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: linear-gradient(294deg, #8CE9FF -36.29%, #EFF2B3 100.83%);
}
.tp-documentation-item:hover {
  box-shadow: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tp-documentation-item {
    padding: 20px 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-documentation-item {
    margin-bottom: 30px;
  }
}
.tp-documentation-item.bg-2 {
  background: linear-gradient(289deg, #EE9CA7 -21.69%, #FFDDE1 95.51%);
}
.tp-documentation-item.bg-3 {
  background: linear-gradient(90deg, #FEE 0%, #DDEFBB 100%);
}
.tp-documentation-icon {
  margin-right: 24px;
}
.tp-documentation-content h4 {
  font-family: var(--tp-ff-body);
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: var(--tp-common-black-2);
  margin-bottom: 4px;
}
.tp-documentation-content p {
  font-size: 16px;
  color: #5e5d63;
  margin-bottom: 18px;
}
.tp-documentation-content a {
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  padding: 7px 20px;
  color: var(--tp-common-white);
  display: inline-block;
  box-shadow: 0 0 1px 0 #05060f, 0 1px 2px 0 rgba(5, 6, 15, 0.24);
  background: #161613;
}
.tp-documentation-para p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
.tp-documentation-para p span {
  font-weight: 700;
  color: #ffa963;
}

/*----------------------------------------*/
/*  tp-footer-area-start
/*----------------------------------------*/
.tp-footer-thumb img {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-footer-thumb img {
    margin: 0 15px 30px 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-footer-thumb {
    margin-left: 0;
    margin-right: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-footer-thumb {
    margin-right: 0;
    text-align: center;
    display: block !important;
  }
}
.tp-footer-thumb-2 {
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-footer-thumb-2 {
    float: inherit;
    margin-top: 40px;
  }
}
.tp-footer-thumb .thumb-2 {
  position: absolute;
  top: 76px;
  left: 76px;
  box-shadow: -20px -20px 50px 0 rgba(0, 0, 0, 0.4), 0 20px 40px 0 rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-footer-thumb .thumb-2 {
    position: inherit;
    top: auto;
    right: auto;
    left: auto;
  }
}
@media (max-width: 767px) {
  .tp-footer-big-text {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-sm-pt {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-sm-pb {
    padding-bottom: 70px;
  }
}

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