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

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

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

/************ 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=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Sora:wght@100..800&display=swap");
@-webkit-keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@-moz-keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@-ms-keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
.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 */
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'IBM Plex Sans', sans-serif;
  --tp-ff-heading: 'Sora', sans-serif;
  --tp-ff-sora: 'Sora', sans-serif;
  --tp-ff-p: 'IBM Plex Sans', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #FFFFFF;
  --tp-common-black: #0D0D0D;
  --tp-common-black-2: #1E1E1E;
  --tp-common-paste: #00FFD1;
  --tp-common-yellow: #FFC107;
  --tp-theme-1: #A020F0;
  --tp-heading-primary: #0D0D0D;
  --tp-text-body: #333;
  --tp-gray-1: #f2f2f2;
  --tp-gradient-primary: linear-gradient(90deg, #a020f0 0%, #00ffd1 100%);
}

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

html {
  scroll-behavior: smooth;
}

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

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  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;
  color: var(--tp-heading-primary);
  font-family: var(--tp-ff-heading);
}

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-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 15px;
  color: var(--tp-text-body);
  font-family: var(--tp-ff-p);
}

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-purple {
  display: inline-flex;
  gap: 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  padding: 20px 30px;
  border-radius: 30px;
  position: relative;
  transition: 0.3s;
  letter-spacing: -0.34px;
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-purple {
    padding: 17px 25px;
  }
}
.tp-btn-purple .icon-left {
  opacity: 0;
  margin-left: -18px;
  transition: 0.3s;
}
.tp-btn-purple .icon-right {
  opacity: 1;
  margin-right: 0;
  transition: 0.3s;
}
.tp-btn-purple.btn-black-bg {
  padding: 15px 30px;
  color: var(--tp-common-black);
  background-color: #00FFD1;
}
.tp-btn-purple.btn-black-bg:hover {
  color: var(--tp-common-black);
}
.tp-btn-purple.btn-white-bg {
  padding: 15px 30px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tp-btn-purple.btn-white-bg:hover {
  color: var(--tp-common-black);
}
.tp-btn-purple:hover {
  color: var(--tp-common-white);
  border-radius: 29px 29px 0 29px;
}
.tp-btn-purple:hover .icon-left {
  opacity: 1;
  margin-left: 0;
}
.tp-btn-purple:hover .icon-right {
  opacity: 0;
  margin-right: -18px;
}
.tp-btn-gradiant {
  display: inline-flex;
  gap: 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  padding: 20px 30px;
  border-radius: 30px;
  position: relative;
  transition: 0.3s;
  letter-spacing: -0.34px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-btn-gradiant {
    padding: 17px 22px;
  }
}
.tp-btn-gradiant::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
  border-radius: 300px;
  border: 2px solid transparent;
  background: linear-gradient(90deg, #A020F0 0%, #00FFD1 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.tp-btn-gradiant .icon-left {
  opacity: 0;
  margin-left: -18px;
  transition: 0.3s;
}
.tp-btn-gradiant .icon-right {
  opacity: 1;
  margin-right: 0;
  transition: 0.3s;
}
.tp-btn-gradiant:hover {
  border-radius: 29px 29px 0 29px;
  color: var(--tp-common-white);
}
.tp-btn-gradiant:hover::before {
  border-radius: 29px 29px 0 29px;
  background-color: var(--tp-common-white);
}
.tp-btn-gradiant:hover .icon-left {
  opacity: 1;
  margin-left: 0;
}
.tp-btn-gradiant:hover .icon-right {
  opacity: 0;
  margin-right: -18px;
}

/*----------------------------------------*/
/*  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);
  }
}
@keyframes hero-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/*----------------------------------------*/
/*  2.5 Preloader
/*----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
  color: #fff;
  user-select: none;
  background-color: var(--tp-common-black);
}

.preloader.is-loading .preloader-circle-inner,
.preloader.is-loading .preloader-circle-shadow {
  animation-play-state: running;
}

.preloader.is-loaded {
  pointer-events: none;
}

.preloader .preloader-overlay {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tp-common-black);
  z-index: 99999999;
  opacity: 1;
  animation: tp-fade-out 2s forwards;
}

@keyframes tp-fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.preloader .preloader-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader .preloader-circle-wrap {
  gap: 10px;
  position: relative;
  display: flex;
  inset-inline-start: 0;
  align-items: center;
  justify-content: center;
  transform: translateX(16px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .preloader .preloader-circle-wrap {
    transform: translateX(-5px);
  }
}

@media only screen and (min-width: 1025px) {
  .preloader .preloader-circle-wrap {
    transform: none;
  }
}
.preloader .preloader-circle-inner-wrap {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 50%;
  inset-inline-start: -16px;
  transform: translate(-100%, -50%);
  z-index: 10000;
}
@media only screen and (min-width: 1025px) {
  .preloader .preloader-circle-inner-wrap {
    inset-inline-start: -30px;
  }
}

.preloader .preloader-circle-shadow {
  position: absolute;
  width: 16px;
  height: 4px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  background-color: #FFF;
  bottom: 0;
  border-radius: 50%;
  filter: blur(12px);
  box-shadow: 0 4px 20px 0 #fff;
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  animation-play-state: paused;
  animation: tp-shadow-blur 1s linear infinite;
}

.preloader .preloader-circle-inner {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFF;
  animation: tp-bounce-anim 1s linear infinite;
  box-shadow: 0 0 12px 0 #fdfdf9;
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  animation-play-state: paused;
}

.preloader.is-loaded .preloader-circle-shadow {
  display: none;
}

.preloader.is-loaded .preloader-circle-inner {
  animation: fadeLeftToRight 0.7s linear;
}

.preloader .preloader-circle {
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  background-color: rgba(0, 255, 194, 0.1);
  box-shadow: 0 0 20px 0 #FFF;
  filter: blur(10px);
}

@keyframes tp-shadow-blur {
  0%, 100% {
    filter: blur(12px);
    transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
  30% {
    filter: blur(2px);
    transform: translate(-50%, -0.5rem) scale(1);
    opacity: 1;
  }
}
@keyframes fadeLeftToRight {
  0% {
    filter: blur(0);
    transform: translate(0) scale(1);
    opacity: 1;
  }
  30% {
    transform: translate(-3000%, 0);
  }
  40% {
    transform: translate(-2000%, 0);
  }
  60% {
    transform: translate(0, 0);
  }
  100% {
    filter: blur(12px);
    transform: translate(1000%, 0) scale(7);
    opacity: 0.4;
  }
}
@keyframes tp-bounce-anim {
  0%, 100% {
    transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
  25% {
    transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
  }
  50% {
    transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
  }
  75% {
    transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
  }
}
/*----------------------------------------*/
/*  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: 90px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 44px;
  }
}
.tp-section-title.fs-24 {
  font-size: 24px;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-section-title.fs-24 {
    font-size: 22px;
  }
}
.tp-section-title.fs-50 {
  font-size: 50px;
  letter-spacing: -1px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-50 {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .tp-section-title.fs-50 {
    font-size: 40px;
  }
  .tp-section-title.fs-50 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-50 br {
    display: none;
  }
}
.tp-section-title.fs-60 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1.8px;
  color: var(--tp-heading-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title.fs-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) {
  .tp-section-title.fs-60 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .tp-section-title.fs-60 {
    font-size: 40px;
  }
  .tp-section-title.fs-60 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-60 br {
    display: none;
  }
}
.tp-section-title.fs-80 {
  font-size: 80px;
  letter-spacing: -2.4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title.fs-80 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-80 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .tp-section-title.fs-80 {
    font-size: 40px;
  }
  .tp-section-title.fs-80 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title.fs-80 br {
    display: none;
  }
}
.tp-section-title.fs-70 {
  font-size: 70px;
  letter-spacing: -2.4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-70 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .tp-section-title.fs-70 {
    font-size: 40px;
  }
  .tp-section-title.fs-70 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-70 br {
    display: none;
  }
}
.tp-section-title.fs-100 {
  font-size: 100px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -4px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title.fs-100 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-section-title.fs-100 {
    font-size: 62px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title.fs-100 {
    font-size: 55px;
    letter-spacing: -3px;
  }
}
@media (max-width: 767px) {
  .tp-section-title.fs-100 {
    font-size: 44px;
    letter-spacing: -2px;
  }
  .tp-section-title.fs-100 br {
    display: none;
  }
}
.tp-section-title .text-gradient {
  background: linear-gradient(90deg, #A020F0 0%, #00FFD1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tp-section-subtitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

/*----------------------------------------*/
/*  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 {
  padding: 0 8px;
  border-radius: 100px;
  display: inline-block;
  background-color: var(--tp-common-black);
}
.tp-header-menu nav ul li {
  list-style: none;
  margin: 0px 26px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-header-menu nav ul li {
    margin: 0px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-menu nav ul li {
    margin: 0px 4px;
  }
}
.tp-header-menu nav ul li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 22px 0;
  display: inline-block;
  letter-spacing: -0.16px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-header-menu nav ul li a {
    font-size: 15px;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-header-action .tp-btn-gradiant {
    gap: 5px;
    font-size: 16px;
    padding: 15px 15px;
  }
}

/*----------------------------------------*/
/*  7.12 hero css
/*----------------------------------------*/
.tp-hero-area {
  padding-top: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-area {
    padding-top: 180px;
  }
}
@media (max-width: 767px) {
  .tp-hero-area {
    padding-top: 160px;
  }
}
.tp-hero-circle {
  position: absolute;
  bottom: 20%;
  left: 8%;
  height: 210px;
  width: 210px;
  display: grid;
  border-radius: 50%;
  place-content: center;
  text-align: center;
  background: linear-gradient(90deg, #A020F0 0%, #00FFD1 120.94%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-circle {
    left: 4%;
    bottom: 14%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-circle {
    width: 180px;
    height: 180px;
    left: 5%;
    bottom: 10%;
    transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  .tp-hero-circle {
    display: none;
  }
}
.tp-hero-circle span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--tp-common-white);
}
.tp-hero-circle h4 {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -2.4px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-circle h4 {
    font-size: 50px;
    font-weight: 500;
  }
}
.tp-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tp-hero-bg img {
  width: 100%;
}
.tp-hero-btn {
  gap: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .tp-hero-btn {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.tp-hero-content > span {
  color: #00FFD1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  border-radius: 80px;
  padding: 5px 15px;
  margin-bottom: 20px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(5px);
}
.tp-hero-content > span svg {
  margin-right: 7px;
  transform: translateY(-2px);
}
.tp-hero-content p {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 45px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-content p {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-content .tp-section-title {
    margin-bottom: 10px;
  }
}
.tp-hero-bottom-img {
  margin-top: -380px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-hero-bottom-img {
    margin-top: -290px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-hero-bottom-img {
    margin-top: -250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-hero-bottom-img {
    margin-top: -180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-bottom-img {
    margin-top: -80px;
  }
}
@media (max-width: 767px) {
  .tp-hero-bottom-img {
    margin-top: -35px;
  }
}
.tp-hero-shape-1 {
  position: absolute;
  top: 27%;
  left: -13%;
}
.tp-hero-shape-1 img {
  animation: rotate2 20s linear infinite;
}
.tp-hero-shape-3 {
  position: absolute;
  top: 40%;
  left: 13%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), 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) {
  .tp-hero-shape-3 {
    left: 5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-hero-shape-3 {
    display: none;
  }
}
.tp-hero-shape-4 {
  position: absolute;
  top: 20%;
  right: 13%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-shape-4 {
    top: 14%;
    right: 10%;
  }
}
@media (max-width: 767px) {
  .tp-hero-shape-4 {
    display: none;
  }
}

.wrap-img-distortion {
  display: inline-block;
}

.wrap-distort-canvas {
  position: absolute;
  inset: 0;
  display: inline-block;
  pointer-events: none;
  object-fit: cover;
}

.wrap-img-distortion img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: inline-block;
}

/*  engine css start here
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ig-engine-ptb {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .ig-engine-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ig-engine-wrapper {
    padding-left: 100px;
  }
}
.ig-engine-white-style .ig-engine-title {
  color: var(--tp-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ig-engine-white-style .ig-engine-title {
    font-size: 68px;
  }
}
.ig-engine-white-style .ig-engine-thumb {
  opacity: 0.1;
}
.ig-engine-title {
  font-size: 100px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -6px;
  color: var(--tp-common-black);
}
.ig-engine-title svg {
  animation: rotate2 10s 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) {
  .ig-engine-title {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .ig-engine-title {
    font-size: 42px;
    letter-spacing: -2px;
  }
}
.ig-engine-title .text-gradient {
  background: linear-gradient(90deg, #a020f0 0%, #00ffd1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .ig-engine-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ig-engine-title img {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ig-engine-thumb-wrapper {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ig-engine-thumb img {
    width: 50%;
  }
}
.ig-engine-thumb-icon {
  position: absolute;
  top: 8%;
  right: 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ig-engine-thumb-icon {
    right: 15%;
  }
}
.ig-engine-thumb-icon .main-icon {
  height: 120px;
  width: 120px;
  text-align: center;
  border-radius: 50%;
  display: inline-grid;
  place-content: center;
  background-color: var(--tp-common-white);
  filter: drop-shadow(0 20px 30px rgba(3, 4, 28, 0.1));
}
.ig-engine-thumb-icon .icon-text {
  position: absolute;
  top: 8px;
  left: 8px;
  animation: rotate2 10s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-feature-area {
    padding-bottom: 100px;
  }
}
.tp-feature-item {
  padding: 6px;
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid rgba(13, 13, 13, 0.07);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-feature-item {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .tp-feature-item {
    flex-wrap: wrap;
  }
}
.tp-feature-item-1 .tp-feature-content-wrap {
  padding: 50px 30px 50px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-item-1 .tp-feature-content-wrap {
    padding: 50px 30px 50px 20px;
  }
}
@media (max-width: 767px) {
  .tp-feature-item-1 .tp-feature-content-wrap {
    width: 100%;
    padding: 50px 30px 40px 35px;
  }
}
.tp-feature-item-2 .tp-feature-img {
  position: absolute;
  bottom: 0%;
  right: 0%;
}
.tp-feature-img {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .tp-feature-img {
    width: 100%;
  }
}
.tp-feature-img img {
  border-radius: 15px;
}
@media (max-width: 767px) {
  .tp-feature-img img {
    width: 100%;
  }
}
.tp-feature-content-top h4 {
  font-size: 80px;
  font-weight: 500;
  line-height: 0.8;
  margin-bottom: 5px;
  letter-spacing: -7px;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-feature-content-top h4 {
    font-size: 72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-feature-content-top h4 {
    font-size: 60px;
    letter-spacing: -5px;
  }
}
.tp-feature-content-top span {
  font-size: 18px;
  font-weight: 500;
  line-height: 0;
  color: var(--tp-common-black);
}
.tp-feature-content-bottom p {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}

.tp-demo-top {
  gap: 10px;
  padding: 14px 30px;
  display: inline-block;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(90deg, #A020F0 0%, #00FFD1 120.94%);
}
.tp-demo-top p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--tp-common-white);
}
.tp-demo-top span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 15px;
  display: inline-block;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-demo-bg {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .tp-demo-bg {
    padding-bottom: 60px;
  }
}
.tp-demo-feature {
  gap: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .tp-demo-feature {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.tp-demo-feature span {
  font-size: 15px;
  font-weight: 500;
  line-height: 14px;
  color: var(--tp-common-black);
}
.tp-demo-feature span::before {
  content: "";
  height: 6px;
  width: 6px;
  margin-right: 15px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-1);
  transform: translateY(-2px);
}
.tp-demo-title-box p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-demo-title-box p br {
    display: none;
  }
}
.tp-demo-item:hover .tp-demo-thumb img {
  transform: scale(1.1);
}
.tp-demo-item:hover .tp-demo-thumb::after {
  opacity: 1;
  visibility: visible;
}
.tp-demo-item:hover .tp-demo-thumb.overlay-blur::after {
  display: none;
}
.tp-demo-item:hover .tp-demo-btn {
  opacity: 1;
  visibility: visible;
}
.tp-demo-item:hover .tp-demo-title {
  color: var(--tp-theme-1);
}
.tp-demo-thumb {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.tp-demo-thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-in-out;
  background-color: rgba(0, 0, 0, 0.3);
}
.tp-demo-thumb img {
  transition: all 0.9s;
}
.tp-demo-thumb-wrap {
  padding: 10px;
  transition: 0.3s;
  border-radius: 20px;
  background-color: var(--tp-common-white);
  border: 1px solid rgba(13, 13, 13, 0.15);
}
.tp-demo-thumb.overlay-blur::after {
  display: none;
}
.tp-demo-thumb.overlay-blur::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  opacity: 1;
  z-index: 22;
  visibility: visible;
  display: inline-block;
  background: linear-gradient(239deg, rgba(255, 255, 255, 0.4) 17.93%, rgba(255, 255, 255, 0.4) 81.51%);
  backdrop-filter: blur(12px);
}
.tp-demo-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  gap: 10px;
  width: 100%;
  z-index: 22;
  opacity: 0;
  visibility: hidden;
  justify-content: center;
  transition: all 0.4s ease-in-out;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-demo-btn {
    flex-wrap: wrap;
  }
}
.tp-demo-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.27px;
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  plugin css
/*----------------------------------------*/
.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-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: var(--tp-common-black);
}
.tp-plugin-bottom-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 171%;
  display: inline-block;
  text-align: center;
  padding: 8px 10px;
  line-height: 1;
  border-radius: 27px;
  width: 160px;
  max-width: 160px;
  color: #71717b;
  background-color: #f4f5FA;
}
@media (max-width: 767px) {
  .tp-plugin-bottom-btn {
    width: 148px;
    max-width: 148px;
  }
}

/*----------------------------------------*/
/*  elementor css
/*----------------------------------------*/
.tp-video-wrap-pp {
  position: absolute;
  top: 49%;
  right: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-video-wrap-pp {
    right: 11%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-video-wrap-pp {
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-video-wrap-pp {
    top: 40%;
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-video-wrap-pp {
    top: 55%;
    right: 8%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-video-wrap-pp {
    top: 53%;
  }
}
@media (max-width: 767px) {
  .tp-video-wrap-pp {
    display: none;
  }
}
.tp-video-wrap-pp video {
  width: 300px;
  height: 300px;
  mix-blend-mode: lighten;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-video-wrap-pp video {
    width: 200px;
    height: 200px;
  }
}

/*----------------------------------------*/
/*  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.2 part 2 css
/*----------------------------------------*/
/*----------------------------------------*/
/*  tp-elements-area-start
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-element-area {
    padding-top: 130px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-element-area {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-element-top {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-element-top {
    margin-bottom: 30px;
  }
}
.tp-element-top-left h4 {
  font-size: 210px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -8.4px;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-image: linear-gradient(90deg, #A020F0 0%, #00FFD1 120.94%);
  background-image: -webkit-gradient(linear, left top, right top, from(#A020F0), to(#00FFD1));
  background-image: -o-linear-gradient(left, #A020F0 0%, #00FFD1 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-element-top-left h4 {
    font-size: 175px;
  }
}
@media (max-width: 767px) {
  .tp-element-top-left h4 {
    font-size: 100px;
    letter-spacing: -5px;
  }
}
.tp-element-shape {
  position: absolute;
  top: 5%;
  right: -7%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-element-shape {
    right: -15%;
  }
}
.tp-element-text {
  position: absolute;
  top: 50px;
  right: -70px;
}
.tp-element-right {
  padding-left: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-element-right {
    padding-left: 0px;
  }
}
.tp-element-right p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #5d5d63;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-element-right p br {
    display: none;
  }
}
.tp-element-slider-style .tp-feature-slide-element span {
  height: 60px;
  line-height: 60px;
  padding: 0 32px;
  border-radius: 0px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #000;
  background: #f5f5f5;
  text-transform: capitalize;
  border-radius: 12px;
}
.tp-element-slider-style .tp-feature-slide-element span svg {
  margin-right: 15px;
}

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

.tp-inner-ptb {
  margin: 0 60px;
  border-radius: 14px;
}
@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) {
  .tp-inner-ptb {
    margin: 0 30px;
  }
}
@media (max-width: 767px) {
  .tp-inner-ptb {
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-inner-ptb {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-inner-ptb {
    padding-top: 100px;
  }
}
.tp-inner-shape {
  position: absolute;
  top: -40%;
  right: -28%;
  animation: rotate2 20s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-inner-shape {
    right: -33%;
    top: -47%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-inner-shape {
    top: -52%;
    right: -38%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-inner-shape {
    right: -45%;
    top: -56%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-inner-shape {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-inner-heading {
    padding-bottom: 0;
  }
}
.tp-inner-heading .inner-subtitle {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tp-inner-heading .tp-section-title {
    margin-bottom: 0;
  }
}
.tp-inner-img-wrap .tp-inner-img:nth-child(3) {
  position: relative;
  z-index: 2;
}
.tp-inner-img-wrap .tp-inner-img:nth-child(4) {
  position: relative;
  z-index: 1;
}
.tp-inner-img-wrap .tp-inner-img:nth-child(5) {
  position: relative;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-inner-img-wrap .tp-inner-img img {
    max-width: inherit;
  }
}
.tp-inner-img-wrap .tp-inner-img.img7 {
  transform: translateX(68px);
}
.tp-inner-img-wrap .tp-inner-img.img6 {
  transform: translateX(105px);
}
.tp-inner-img-wrap .tp-inner-img.img9 {
  transform: translateX(-68px);
}
.tp-inner-img-wrap .tp-inner-img.img10 {
  transform: translateX(-105px);
}

@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) {
  .tp-responsive-ptb {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-responsive-ptb {
    padding-bottom: 0;
  }
}
.tp-responsive-big-circle {
  position: absolute;
  bottom: -660px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.tp-responsive-big-circle span {
  height: 1300px;
  width: 1300px;
  border-radius: 50%;
  text-align: center;
  background: #F6F6F6;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-responsive-big-circle span {
    width: 1190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-responsive-big-circle span {
    width: 980px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-responsive-big-circle span {
    width: 760px;
    height: 1130px;
  }
}
.tp-responsive-icon {
  margin-bottom: 30px;
}
.tp-responsive-icon.icon-space {
  margin-bottom: 40px;
}
.tp-responsive-content span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-aladin);
}
.tp-responsive-content p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #828289;
  margin-bottom: 0;
}
.tp-responsive-layout-border {
  position: relative;
}
.tp-responsive-layout-border::after {
  position: absolute;
  top: 0;
  right: -11px;
  width: 1px;
  height: 100%;
  background: rgba(33, 35, 41, 0.1);
  content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-responsive-layout-border::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-responsive-layout {
    margin-bottom: 60px;
  }
}
.tp-responsive-layout-text-shape {
  position: absolute;
  top: -50px;
  left: 5%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-responsive-layout-text-shape {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-responsive-layout-text-shape {
    display: none;
  }
}
.tp-responsive-img-1 {
  position: absolute;
  top: 70px;
  left: 13%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-responsive-img-1 {
    left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-responsive-img-1 {
    left: 0px;
  }
}
.tp-responsive-img-2 {
  position: absolute;
  bottom: 30px;
  right: 16%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-responsive-img-2 {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-responsive-img-2 {
    right: 0px;
    bottom: -12px;
  }
}

@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) {
  .ig-faq-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ig-faq-ptb {
    padding-top: 55px;
    padding-bottom: 80px;
  }
}
@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) {
  .ig-faq-heading {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ig-faq-heading {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .am-faq-ptb {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .am-faq-ptb {
    padding-bottom: 80px;
  }
}
.am-faq-bg {
  padding: 40px;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .am-faq-bg {
    padding: 20px;
  }
}
.am-faq-gradient-overly {
  position: absolute;
  top: 35%;
  right: -1%;
  width: 512.878px;
  height: 607.504px;
  display: inline-block;
  border-radius: 607.504px;
  background: linear-gradient(180deg, rgba(160, 32, 240, 0.15) 0%, rgba(0, 255, 209, 0.15) 100%);
  filter: blur(80px);
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-box {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-box {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-heading {
    margin-bottom: 20px;
  }
}
.am-faq-thumb {
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-thumb {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-thumb img {
    width: 100%;
  }
}
.am-faq-thumb-text {
  position: absolute;
  top: 0;
  left: -20px;
}
.am-faq-thumb-text h4 {
  font-size: 120px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -3.6px;
  color: var(--tp-gray-1);
  writing-mode: sideways-lr;
  transform: rotate(180deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .am-faq-thumb-text h4 {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .am-faq-thumb-text h4 {
    font-size: 70px;
  }
}
.am-faq-wrapper .accordion-items {
  border-bottom: 1px solid var(--tp-common-black);
}
.am-faq-wrapper .accordion-buttons {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  text-align: left;
  padding: 20px 0px 28px;
  padding-left: 50px;
  padding-right: 35px;
  letter-spacing: -0.36px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-sora);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-wrapper .accordion-buttons {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .am-faq-wrapper .accordion-buttons {
    line-height: 1.3;
    padding: 20px 30px 20px 50px;
  }
  .am-faq-wrapper .accordion-buttons br {
    display: none;
  }
}
.am-faq-wrapper .accordion-buttons i {
  position: absolute;
  top: 22px;
  left: 0;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  font-family: var(--tp-ff-body);
}
.am-faq-wrapper .accordion-buttons:not(.collapsed) .tp-accordion-icon svg {
  transform: rotate(180deg);
}
.am-faq-wrapper .accordion-body {
  padding: 0 52px;
  padding-right: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .am-faq-wrapper .accordion-body {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .am-faq-wrapper .accordion-body {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .am-faq-wrapper .accordion-body {
    padding-right: 30px;
  }
}
.am-faq-wrapper .accordion-body p {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.7;
  padding-bottom: 30px;
}
.am-faq-wrapper .accordion-body p a {
  color: red;
  font-weight: 700;
}
@media (max-width: 767px) {
  .am-faq-wrapper .accordion-body p br {
    display: none;
  }
}
.am-faq-wrapper .tp-accordion-icon {
  position: absolute;
  top: 45%;
  right: 0px;
  transform: translateY(-50%);
}
.am-faq-wrapper .tp-accordion-icon svg {
  transition: 0.3s;
}

.tp-documentation-item {
  padding: 34px;
  border-radius: 16px;
  border: 1px solid #161613;
  transition: all 0.3s ease-in-out;
  box-shadow: 4px 4px 0px 0px #05060F;
}
.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.item-white .tp-documentation-icon span {
  color: var(--tp-common-white);
}
.tp-documentation-item.item-white .tp-documentation-content h4, .tp-documentation-item.item-white .tp-documentation-content p {
  color: var(--tp-common-white);
}
.tp-documentation-icon {
  margin-right: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-documentation-icon {
    margin-right: 15px;
  }
}
.tp-documentation-content h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #161613;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-documentation-content h4 {
    font-size: 23px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-documentation-content h4 {
    font-size: 20px;
  }
}
.tp-documentation-content p {
  color: #4F5158;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 22px;
  font-family: var(--tp-ff-secondary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-documentation-content p {
    font-size: 16px;
  }
}
.tp-documentation-content a {
  font-size: 16px;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 6px;
  color: var(--tp-common-white);
  background: var(--tp-heading-primary);
  box-shadow: 0px 1px 2px 0px rgba(5, 6, 15, 0.24), 0px 0px 1px 0px #05060F;
}
.tp-documentation-content a.bg-pest {
  color: var(--tp-common-black);
  background-color: #00FFD1;
}

.tp-shop-bg {
  margin: 0 60px;
  border-radius: 20px;
  background: #F2F2F2;
}
@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) {
  .tp-shop-bg {
    margin: 0 30px;
  }
}
@media (max-width: 767px) {
  .tp-shop-bg {
    margin: 0;
  }
}
.tp-shop-thumb img {
  border-radius: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .tp-shop-thumb img {
    border-radius: 14px 0px 0px 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-main-wrap {
    padding-bottom: 0;
  }
}
.tp-shop-slider-wrap {
  overflow: hidden;
  background: #E5E5E5;
  padding: 35px 0px 22px 40px;
  border-radius: 0 20px 20px 0;
}
@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-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -0.02em;
  font-family: var(--tp-ff-body);
  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-title-wrap .tp-plugin-para {
  font-size: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-shop-title-wrap .tp-plugin-para br {
    display: none;
  }
}
.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: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-shop-spacing {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@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-spacing {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.tp-shop-btn .tp-btn-purple {
  padding: 16px 25px;
}

.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-blog-main-wrap .tp-plugin-subtitle {
  font-size: 20px;
  font-weight: 400;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-build-ptb {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-build-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.tp-build-heading .tp-section-title.fs-50 {
  line-height: 1.15;
}
.tp-build-item {
  padding: 50px;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  border-radius: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-build-item {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .tp-build-item {
    padding: 25px;
  }
}
.tp-build-item-title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 15px;
  letter-spacing: -0.8px;
}
@media (max-width: 767px) {
  .tp-build-item-title {
    font-size: 25px;
  }
}
.tp-build-item-thumb {
  bottom: 0;
  right: 40px;
  position: absolute;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-build-item-thumb {
    right: -15px;
    bottom: -7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-build-item-thumb {
    right: -39px;
    bottom: -30px;
  }
}
@media (max-width: 767px) {
  .tp-build-item-thumb {
    right: 0;
    z-index: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-build-item-thumb img {
    transform: scale(0.8);
  }
}
.tp-build-item-content {
  position: relative;
  z-index: 1;
}
.tp-build-item-content p {
  font-size: 15px;
}
@media (max-width: 767px) {
  .tp-build-item-content p br {
    display: none;
  }
}
.tp-build-item-btn a {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 22px;
  border-radius: 6px;
  letter-spacing: -0.28px;
  border: 1px solid #0D0D0D;
  color: var(--tp-heading-primary);
}
.tp-build-item-btn a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-heading-primary);
}
.tp-build-item.item-2 .tp-build-item-title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.96px;
}
.tp-build-item.item-2 .tp-build-item-thumb {
  left: -20px;
  bottom: -95px;
}
@media (max-width: 767px) {
  .tp-build-item.item-2 .tp-build-item-thumb {
    bottom: -32px;
    left: -50px;
  }
}
.tp-build-item.item-3 .tp-build-item-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.96px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-build-item.item-3 .tp-build-item-title br {
    display: none;
  }
}
.tp-build-item.item-3 .tp-build-item-thumb {
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-build-item.item-3 .tp-build-item-thumb {
    bottom: -30px;
    right: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-build-item.item-3 .tp-build-item-thumb {
    bottom: -29px;
    right: -35px;
  }
}
.tp-build-item.item-4 .tp-build-item-thumb {
  left: 0;
  right: 0;
  bottom: 25px;
  margin: 0 auto;
  text-align: center;
}
.tp-build-item.item-5 {
  min-height: 820px;
}
@media (max-width: 767px) {
  .tp-build-item.item-5 {
    min-height: 600px;
  }
}
.tp-build-item.item-5 .tp-build-item-thumb {
  left: 0;
  right: 0;
  bottom: 25px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-build-item.item-5 .tp-build-item-thumb img {
    transform: scale(0.9);
  }
}
.tp-build-item.item-6 {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-build-item.item-6 .tp-build-item-thumb {
    bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-build-item.item-6 .tp-build-item-thumb {
    bottom: 35px;
  }
}
@media (max-width: 767px) {
  .tp-build-item.item-6 .tp-build-item-thumb {
    display: none;
  }
}

.tp-elementor-ptb {
  z-index: 1;
  margin: 0 60px;
  position: relative;
  border-radius: 60px;
  mix-blend-mode: plus-lighter;
}
@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) {
  .tp-elementor-ptb {
    margin: 0 30px;
  }
}
@media (max-width: 767px) {
  .tp-elementor-ptb {
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-elementor-ptb {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-elementor-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.tp-elementor-shape {
  left: 0;
  top: -5%;
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-elementor-shape {
    top: -12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-elementor-shape {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-elementor-thumb-shape {
    display: none;
  }
}
.tp-elementor-thumb-shape .shape-1 {
  left: 0;
  top: 18%;
  position: absolute;
}
.tp-elementor-thumb-shape .shape-2 {
  right: 0;
  top: 16%;
  position: absolute;
}
.tp-elementor-thumb-shape .shape-3 {
  top: 32%;
  right: 3%;
  position: absolute;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-specialized-ptb {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-specialized-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-specialized-heading {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-specialized-heading-text p br {
    display: none;
  }
}
.tp-specialized-thumb::before {
  position: absolute;
  content: "";
  top: -25%;
  right: -28%;
  z-index: 0;
  width: 410px;
  height: 400px;
  filter: blur(100px);
  background-image: linear-gradient(40deg, #A020F0 23.76%, #00FFD1 70.73%);
}
@media (max-width: 767px) {
  .tp-specialized-thumb::before {
    display: none;
  }
}
.tp-specialized-thumb .robot {
  position: absolute;
  right: -26%;
  top: -20%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-specialized-thumb .robot {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-specialized-thumb .robot {
    display: none;
  }
}
.tp-specialized-list {
  right: -4%;
  bottom: 17%;
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-specialized-list {
    right: -3%;
  }
}
@media (max-width: 767px) {
  .tp-specialized-list {
    position: static;
    margin-top: 30px;
    margin-right: 30px;
  }
}
.tp-specialized-btn .tp-btn-purple {
  padding: 16px 25px;
}

/*----------------------------------------*/
/*  tp-review-area-start
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-review-ptb {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-review-ptb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.tp-review-item {
  border-radius: 24px;
  padding: 30px 40px 40px 40px;
  border: 1px solid rgba(13, 13, 13, 0.15);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-review-item {
    padding: 25px 25px 32px 26px;
  }
}
.tp-review-ratings {
  display: flex;
  margin-right: 2px;
}
.tp-review-status {
  font-weight: 600;
  font-size: 18px;
  font-family: var(--tp-ff-body);
  color: var(--tp-common-black);
}
.tp-review-dec {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), 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-radius: 50px;
  display: inline-block;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  border: 1px solid rgba(13, 13, 13, 0.15);
}
.tp-review-customer .emails {
  font-weight: 600;
  font-size: 15px;
  color: var(--tp-common-black);
}
.tp-review-img {
  margin-top: -80px;
  position: relative;
  z-index: 11;
}
.tp-review-wrapper {
  position: relative;
  overflow: hidden;
  height: 1080px;
}
.tp-review-wrapper-main {
  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), (max-width: 767px) {
  .tp-review-wrapper-main {
    margin: 0 20px;
  }
}
.tp-review-wrapper-main::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 150px;
  width: 100%;
  z-index: 10;
  background: linear-gradient(180deg, rgba(242, 242, 242, 0) 0%, #F2F2F2 100%);
}
.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-banner-ptb {
  margin: 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-banner-ptb {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .tp-banner-ptb {
    margin: 0 10px;
  }
}
.tp-banner-wrap {
  height: 740px;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-banner-wrap {
    height: 620px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-banner-wrap {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .tp-banner-wrap {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .tp-banner-wrap img {
    margin-top: -200px;
  }
}

.tp-footer-ptb {
  margin: 0 60px;
  margin-bottom: 20px;
  border-radius: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-ptb {
    padding-top: 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) {
  .tp-footer-ptb {
    margin: 0 30px;
  }
}
@media (max-width: 767px) {
  .tp-footer-ptb {
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-heading {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-heading .tp-section-title.fs-80 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-heading .tp-section-title.fs-80 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-shapes {
    display: none;
  }
}
.tp-footer-shapes img {
  border-radius: 10px;
}
.tp-footer-shapes .shape-1 {
  position: absolute;
  top: 70px;
  left: -10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-footer-shapes .shape-1 {
    display: none;
  }
}
.tp-footer-shapes .shape-2 {
  position: absolute;
  left: 65px;
  top: 55%;
}
.tp-footer-shapes .shape-3 {
  position: absolute;
  top: 70px;
  right: -10px;
}
.tp-footer-shapes .shape-4 {
  position: absolute;
  right: 65px;
  top: 55%;
}
.tp-footer-big-text {
  margin-bottom: -70px;
  margin-left: -70px;
}
@media (max-width: 767px) {
  .tp-footer-big-text {
    margin-bottom: 0;
    margin-left: 0;
  }
}
.tp-footer-big-text h4 {
  margin: 0;
  line-height: 1;
  font-size: 360px;
  font-weight: 700;
  letter-spacing: -7.2px;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-footer-big-text h4 {
    font-size: 320px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-footer-big-text h4 {
    font-size: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-footer-big-text h4 {
    font-size: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-footer-big-text h4 {
    font-size: 180px;
  }
}
@media (max-width: 767px) {
  .tp-footer-big-text h4 {
    font-size: 100px;
  }
}

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