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

    Template Name: Tamai - Ai Agency & Technology HTML Template 
    Author: WebTend
    Template URI: https://webtend.net/demo/html/tamai/
    Author URI:  https://webtend.net/
    Description: Tamai - Ai Agency & Technology HTML Template  
    Version: 1.0

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

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

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

	-----------------
    02. COMPONENTS CSS
	-----------------
		2.1 Accordion
		2.2 Animations
		2.3 Background 
		2.4 Back to top
		2.5 Breadcrumb
		2.6 Buttons
		2.7 Carousel
		2.8 Contact Form
		2.9 cursor
		2.10 Hotspot
		2.11 Hover Animation
		2.12 Nice Select
		2.13 Offcanvas
		2.14 Pagination
		2.15 Preloader
		2.16 Search
		2.17 Section Title
		2.18 Tab

	-----------------
    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 Meanmenu Css
		4.2 Main menu Css
		4.3 Mobile Css

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

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
		6.2 Footer Style 2
		6.3 Footer Style 3
		6.4 Footer Style 4
	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About Css
		7.2 Award Css
		7.3 Case Studie Css
		7.4 Choose Us Css
		7.5 Contact Css
		7.6 Counter Css
		7.7 Faq Css
		7.8 Fun-Fack Css
		7.9 Hero Css
		7.10 Maps Css
		7.11 Maquee Css
		7.12 Partner Css
		7.13 Pricing Css
		7.14 Process Css
		7.15 Project Css
		7.16 Service Css
		7.17 Skill Css 
		7.18 Team Css
		7.19 Testimonial Css


**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
.mean-container .mean-nav ul li > a.mean-expand i, .wt-product-tab-2 .nav-tabs .nav-link .wt-product-tab-tooltip, .wt-tab-line, .wt-offcanvas__logo, .wt-offcanvas__right-info, .wt-offcanvas__social-link ul li a::before, .wt-swiper-dot .swiper-pagination-bullet, .wt-swiper-dot .swiper-pagination-bullet::after, .wt-swiper-dot .swiper-pagination-bullet::before, .wt-swiper-scrollbar, .back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.4s 0s ease-out;
  -moz-transition: all 0.4s 0s ease-out;
  -ms-transition: all 0.4s 0s ease-out;
  -o-transition: all 0.4s 0s ease-out;
  transition: all 0.4s 0s ease-out;
}

.wt-hotspot svg, .wt-pagination ul li a svg, .wt-pagination ul li span svg, .wt-swiper-arrow button svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* transform */
.wt-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

:root {
  /**
  @color declaration
  */
  --wt-common-white: #ffffff;
  --wt-common-black: #07000E;
  --wt-common-1: #210951;
  --wt-heading-primary: #07000E;
  --wt-grey-1: #EAF0FF;
  --wt-grey-2: #F5E7FB;
  --wt-text-body: #AFA2BD;
  --wt-text-p: #AFA2BD;
  --wt-text-1: #5E5962;
  --wt-theme-primary: #2466FF;
  --wt-theme-secondary: #09ff00;
  --wt-theme-purple: #921FEA;
  --wt-theme-pink: #E22EAB;
  --wt-border-primary: #2466FF;
  /**
  @Font-Size Declaration
  */
  --wt-fz-body: 16px;
  --wt-fz-p: 16px;
  --wt-fz-h1: 74px;
  --wt-fz-h2: 48px;
  --wt-fz-h3: 38px;
  --wt-fz-h4: 24px;
  --wt-fz-h5: 20px;
  --wt-fz-h6: 16px;
  /**
  @font wight declaration
  */
  --wt-fw-normal: normal;
  --wt-fw-thin: 100;
  --wt-fw-elight: 200;
  --wt-fw-light: 300;
  --wt-fw-regular: 400;
  --wt-fw-medium: 500;
  --wt-fw-sbold: 600;
  --wt-fw-bold: 700;
  --wt-fw-ebold: 800;
  --wt-fw-black: 900;
  /**
  @font family declaration
  */
  --wt-ff-body: "Sora", serif;
  --wt-ff-heading: "Sora", serif;
  --wt-ff-p: "Sora", serif;
  --wt-ff-fontawesome: "Font Awesome 6 Pro";
}

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

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  background: var(--wt-common-black);
  color: var(--wt-text-body);
  font-family: var(--wt-ff-body);
  font-size: var(--wt-fz-p);
  font-weight: var(--wt-fw-regular);
  line-height: 30px;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
  font-family: var(--wt-ff-heading);
  line-height: 1.2;
  margin-top: 0px;
}

h1 {
  font-size: 80px;
}

h2 {
  font-size: 60px;
}

h3 {
  font-size: 50px;
}

h4 {
  font-size: var(--wt-fz-h4);
}

h5 {
  font-size: var(--wt-fz-h5);
}

h6 {
  font-size: var(--wt-fz-p);
}

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

p {
  font-family: var(--wt-ff-p);
  font-size: var(--wt-fz-p);
  font-weight: var(--wt-fw-regular);
  color: var(--wt-text-body);
  margin-bottom: 15px;
  line-height: 30px;
}

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: 60px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--wt-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(--wt-theme-primary);
}
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(--wt-common-black);
  color: var(--wt-common-white);
  text-shadow: none;
}

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

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

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

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

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

.coustom-container-faq-inner {
  max-width: 1170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coustom-container-faq-inner {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coustom-container-faq-inner {
    max-width: 700px;
  }
}
@media (max-width: 767px) {
  .coustom-container-faq-inner {
    max-width: 360px;
  }
}
@media (max-width: 767px) {
  .coustom-container-faq-inner {
    max-width: 520px;
  }
}

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

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

.z-index-11 {
  position: relative;
  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 0s linear;
  -moz-transition: color 0.3s 0s linear;
  -ms-transition: color 0.3s 0s linear;
  -o-transition: color 0.3s 0s linear;
  transition: color 0.3s 0s 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;
}

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

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

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

/* dropcap */
.wt-dropcap::first-letter {
  font-size: 90px;
  font-weight: var(--wt-fw-medium);
  float: left;
  text-align: center;
  color: var(--wt-common-black);
  margin-right: 5px;
  line-height: inherit;
  text-transform: capitalize;
}

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

/* gutter for x axis */
.wt-gx-20 {
  --bs-gutter-x: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-gx-20 {
    --bs-gutter-x: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-gx-20 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .wt-gx-20 {
    --bs-gutter-x: 10px;
  }
}
.wt-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 */
.wt-gx-30 {
  --bs-gutter-x: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-gx-30 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-gx-30 {
    --bs-gutter-x: 15px;
  }
}
@media (max-width: 767px) {
  .wt-gx-30 {
    --bs-gutter-x: 10px;
  }
}
.wt-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 */
.wt-gx-40 {
  --bs-gutter-x: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-gx-40 {
    --bs-gutter-x: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-gx-40 {
    --bs-gutter-x: 30px;
  }
}
@media (max-width: 767px) {
  .wt-gx-40 {
    --bs-gutter-x: 15px;
  }
}
.wt-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;
  }
}
/*---------------------------------
    1.3 Default Spacing
---------------------------------*/
.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-5 {
  padding-bottom: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-205 {
  padding-bottom: 200px;
}

.pb-200 {
  padding-bottom: 205px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/*----------------------------------------*/
/*  2.4 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: linear-gradient(136deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--wt-common-white);
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s 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);
}
.back-to-top-btn.two {
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
}

/*----------------------------------------*/
/*  2.6 Buttons
/*----------------------------------------*/
.wt-primary-btn {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  color: var(--wt-common-white);
  display: inline-block;
  border-radius: 30px;
  padding: 13px 36px;
  font-size: 16px;
  font-weight: var(--wt-fw-sbold);
  transition: 0.4s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.wt-primary-btn::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  border-radius: 30px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-primary-btn:hover {
  color: var(--wt-common-white);
}
.wt-primary-btn:hover::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.wt-primary-2-btn {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.wt-primary-2-btn::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-primary-2-btn:hover {
  color: var(--wt-common-white);
}
.wt-primary-2-btn:hover::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.wt-border-btn {
  color: var(--wt-text-p);
  font-weight: var(--wt-fw-sbold);
  font-size: 14px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 30px;
  padding: 11px 32px;
  display: inline-block;
  transition: 0.4s;
}
.wt-border-btn:hover {
  border: 1px solid transparent;
  background: var(--wt-theme-pink);
  color: var(--wt-common-white);
}

.icon_box {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  rotate: -45deg;
}
.icon_box .icon_first,
.icon_box .icon_second {
  color: var(--wt-common-white);
  font-size: 16px;
  transition: all 0.3s ease-in-out 0s;
  line-height: 1;
}
.icon_box .icon_second {
  position: absolute;
  transform: translateX(-150%);
}

.icon_main:hover .icon_box .icon_first {
  transform: translateX(150%);
}
.icon_main:hover .icon_box .icon_second {
  transform: translateX(0%);
}

/*----------------------------------------*/
/*  2.2 Animations
/*----------------------------------------*/
@keyframes bounce-thum-1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounce-thum-2 {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.3, 0.3);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.3, 0.3);
  }
}
@keyframes rotate-thum {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(160deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-40px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes bounce-thum-3 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes rotate-infinte {
  0% {
    transform: rotate(0deg);
    filter: hue-rotate(0);
  }
  100% {
    transform: rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
@keyframes spinAround-360deg {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes bicycle {
  from {
    transform: translateX(-640px);
  }
  to {
    transform: translatex(1380px);
  }
}
@keyframes micro {
  from {
    transform: translateX(620px);
  }
  to {
    transform: translateX(-1500px);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes fadeInDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes fadeInDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce-filter {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    filter: hue-rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    filter: hue-rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    filter: hue-rotate(360deg);
  }
}
/*----------------------------------------*/
/*  2.15 Preloader
/*----------------------------------------*/
.preloader {
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: transparent;
  z-index: 999;
}

.preloader svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
  fill: #000000;
}

.preloader .preloader-heading .load-text {
  font-size: 30px;
  font-weight: var(--wt-fw-regular);
  letter-spacing: 15px;
  font-family: var(--wt-ff-heading);
  text-transform: uppercase;
  z-index: 20;
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*----------------------------------------*/
/*  2.3 Background 
/*----------------------------------------*/
.white-bg {
  background-color: var(--wt-common-white);
}

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

.grey-bg {
  background-color: var(--wt-grey-1);
}

.primary-bg {
  background-color: var(--wt-theme-primary);
}

.secondary-bg {
  background-color: var(--wt-theme-secondary);
}

.footer-bg {
  background: #0F001F;
}

/*----------------------------------------*/
/*  2.7 Carousel
/*----------------------------------------*/
/* tp range slider css */
.wt-range-slider .inside-slider {
  padding-left: 7px;
  padding-right: 17px;
}
.wt-range-slider .noUi-target {
  background-color: #191C3C;
  border-radius: 12px;
  border: 0;
  box-shadow: none;
}
.wt-range-slider .noUi-connect {
  background-color: var(--wt-theme-primary);
}
.wt-range-slider .noUi-horizontal {
  height: 6px;
}
.wt-range-slider .noUi-handle {
  height: 24px;
  width: 24px;
  background-color: var(--wt-theme-primary);
  border-radius: 50%;
  border: 4px solid var(--wt-common-white);
  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
  top: -9px;
}
.wt-range-slider .noUi-handle:hover {
  cursor: pointer;
}
.wt-range-slider .noUi-handle::before, .wt-range-slider .noUi-handle::after {
  display: none;
}
.wt-range-slider-dark .noUi-handle {
  border: 4px solid #2D314B;
}

/* tp swiper slider dot */
.wt-swiper-dot .swiper-pagination-bullet {
  width: 4px;
  height: 40px;
  opacity: 1;
  background-color: transparent;
  margin: 0 4px;
  position: relative;
  border-radius: 0;
  position: relative;
}
.wt-swiper-dot .swiper-pagination-bullet::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  content: "";
  display: inline-block;
}
.wt-swiper-dot .swiper-pagination-bullet::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  opacity: 1;
  content: "";
  display: inline-block;
  background-color: #c8cce6;
}
.wt-swiper-dot .swiper-pagination-bullet button {
  font-size: 0;
  display: none;
}
.wt-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: var(--wt-theme-primary);
  width: 100%;
  height: 100%;
}
.wt-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: transparent;
}
.wt-swiper-dot.wt-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--wt-theme-secondary);
}

.wt-swiper-dot-border {
  line-height: 1;
}
.wt-swiper-dot-border .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: transparent;
  opacity: 1;
  margin: 0 3px;
  position: relative;
}
.wt-swiper-dot-border .swiper-pagination-bullet button {
  font-size: 0;
}
.wt-swiper-dot-border .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--wt-common-black);
  border-color: var(--wt-common-black);
}
.wt-swiper-dot-border .swiper-pagination-bullet:hover {
  border-color: var(--wt-common-black);
}
.wt-swiper-dot-border.wt-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--wt-theme-secondary);
}

.wt-swiper-arrow button {
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: var(--wt-fz-h5);
  text-align: center;
  background-color: transparent;
  color: var(--wt-text-2);
  border-radius: 50%;
}
.wt-swiper-arrow button:hover {
  background-color: var(--wt-theme-primary);
  color: var(--wt-common-white);
}
/* tp swiper scrollbar */
.wt-swiper-scrollbar {
  background-color: #EDEFF2;
  height: 2px;
}
.wt-swiper-scrollbar .wt-swiper-scrollbar-drag {
  background-color: var(--wt-common-black);
  height: 100%;
}
.wt-swiper-scrollbar .wt-swiper-scrollbar-drag:hover {
  cursor: pointer;
}
.wt-swiper-scrollbar:hover, .wt-swiper-scrollbar:focus {
  -webkit-transform: scaleY(3);
  -moz-transform: scaleY(3);
  -ms-transform: scaleY(3);
  -o-transform: scaleY(3);
  transform: scaleY(3);
}

/* tp slick arrow */
.wt-slick-dot .slick-dots li {
  display: inline-block;
  margin: 0 4px;
}
.wt-slick-dot .slick-dots li.slick-active button {
  background-color: var(--wt-common-white);
}
.wt-slick-dot .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.wt-slick-dot-blue .slick-dots li.slick-active button {
  background-color: var(--wt-theme-primary);
}
.wt-slick-dot-blue .slick-dots li button {
  background-color: var(--wt-grey-3);
}

/*----------------------------------------*/
/*  2.12 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--wt-ff-fontawesome);
  color: var(--wt-common-black);
  font-weight: var(--wt-fw-medium);
  pointer-events: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: var(--wt-fw-regular);
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.wt-shop-filter-box .nice-select {
  width: 420px;
  height: 60px;
  border-radius: 0;
  line-height: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-shop-filter-box .nice-select {
    width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-shop-filter-box .nice-select {
    width: 290px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-shop-filter-box .nice-select {
    width: 330px;
  }
}
@media (max-width: 767px) {
  .wt-shop-filter-box .nice-select {
    width: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-shop-filter-box .nice-select {
    width: 510px;
  }
}
.wt-shop-filter-box .nice-select::after {
  right: 30px;
}
.wt-shop-filter-box .nice-select.open .list {
  width: 100%;
  top: 95%;
  border-radius: 0;
}
.wt-shop-filter-box .nice-select:active, .wt-shop-filter-box .nice-select.open, .wt-shop-filter-box .nice-select:focus {
  border-color: #999;
}

/*----------------------------------------*/
/*  2.14 Pagination
/*----------------------------------------*/
.wt-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.wt-pagination ul li {
  display: inline-block;
}
.wt-pagination ul li:not(:last-child) {
  margin-right: 6px;
}
.wt-pagination ul li a, .wt-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: var(--wt-fz-p);
  font-weight: var(--wt-fw-medium);
  color: var(--wt-text-body);
}
.wt-pagination ul li a:hover, .wt-pagination ul li a.current, .wt-pagination ul li span:hover, .wt-pagination ul li span.current {
  background: var(--wt-theme-primary);
  border-color: var(--wt-theme-primary);
  color: var(--wt-common-white);
}
/*----------------------------------------*/
/*  2.13 Offcanvas
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgb(24, 24, 24);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 0.7;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.png), pointer;
}

.wtoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 420px;
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px;
  background-color: var(--wt-common-black);
  z-index: 999999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wtoffcanvas {
    width: 480px;
  }
}
.wtoffcanvas .homemenu {
  margin-bottom: 30px;
}
.wtoffcanvas .homemenu-title {
  color: var(--wt-heading-primary);
  font-size: var(--wt-fz-p);
  font-weight: var(--wt-fw-sbold);
  font-family: var(--wt-ff-p);
}
.wtoffcanvas .homemenu-title:hover {
  color: var(--wt-theme-primary);
}
.wtoffcanvas .wt-main-menu-mobile {
  margin-bottom: 50px;
}
.wtoffcanvas .wt-main-menu-mobile {
  margin-bottom: 50px;
}
.wtoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .wtoffcanvas {
    width: 100%;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wtoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.wtoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.wtoffcanvas__title p {
  margin-bottom: 50px;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .wtoffcanvas__title p {
    font-size: 17px;
  }
}
.wtoffcanvas__contact-title h5 {
  font-size: var(--wt-fz-h4);
  text-transform: uppercase;
  margin-bottom: 30px;
  display: inline-block;
  color: var(--wt-common-white);
}
.wtoffcanvas__input-title h4 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: inline-block;
  color: var(--wt-common-white);
  letter-spacing: 1px;
}
.wtoffcanvas__input {
  margin-bottom: 100px;
}
.wtoffcanvas__input input {
  background: transparent;
  border: transparent;
  height: 60px;
  width: 100%;
  padding-left: 20px;
  padding-right: 80px;
  color: var(--wt-common-white);
  border: 1px solid #EAEAEF;
}
.wtoffcanvas__input input:focus {
  border-color: var(--wt-theme-purple);
}
.wtoffcanvas__input button {
  height: 62px;
  width: 60px;
  background-color: var(--wt-theme-purple);
  color: var(--wt-common-white);
  font-size: var(--wt-fz-p);
  position: absolute;
  top: 50%;
  right: 0;
  border: 1px solid var(--wt-theme-purple);
  transform: translateY(-50%);
}
.wtoffcanvas__contact-info {
  margin-bottom: 50px;
}
.wtoffcanvas__contact-info ul li {
  font-size: var(--wt-fz-p);
  color: var(--wt-common-white);
  margin-bottom: 15px;
  list-style-type: none;
}
@media (max-width: 767px) {
  .wtoffcanvas__contact-info ul li {
    font-size: 14px;
  }
}
.wtoffcanvas__contact-info ul li i {
  color: var(--wt-theme-purple);
}
.wtoffcanvas__contact-info ul li:last-child {
  margin-bottom: 0;
}
.wtoffcanvas__contact-info ul li a {
  margin-left: 10px;
  color: var(--wt-common-white);
}
.wtoffcanvas__contact-info ul li a:hover {
  color: var(--wt-theme-purple);
}
.wtoffcanvas__logo {
  margin-bottom: 60px;
  max-width: 180px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wtoffcanvas__logo {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .wtoffcanvas__logo {
    padding-top: 0;
  }
}
.wtoffcanvas__close-btn button {
  position: absolute;
  right: 40px;
  top: 50px;
  transition: 1s;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
  height: 40px;
  width: 40px;
  line-height: 45px;
  background-color: var(--wt-theme-purple);
  color: var(--wt-common-white);
}
.wtoffcanvas__close-btn button:hover i {
  transform: rotate(360deg);
}
.wtoffcanvas__close-btn button i {
  font-weight: var(--wt-fw-light);
  font-size: var(--wt-fz-h5);
  transition: 0.9s;
}
.wtoffcanvas__social {
  margin-top: 30px;
}
.wtoffcanvas__social .social-icon a {
  height: 40px;
  width: 40px;
  line-height: 1;
  font-size: var(--wt-fz-p);
  background-color: transparent;
  color: var(--wt-common-white);
  margin-right: 10px;
  transition: 0.3s;
  border: 1px solid #EAEAEF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .wtoffcanvas__social .social-icon a {
    margin-right: 3px;
    height: 50px;
    width: 50px;
    line-height: 53px;
    font-size: 15px;
  }
}
.wtoffcanvas__social .social-icon a:hover {
  background: var(--wt-theme-purple);
  color: var(--wt-common-white);
  border-color: var(--wt-theme-purple);
}

.wt-offcanvas__logo {
  opacity: 0;
  padding-left: 90px;
  padding-top: 35px;
  visibility: hidden;
  transition-delay: 0s;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-offcanvas__logo {
    padding-left: 30px;
  }
}
.wt-offcanvas__logo img {
  width: 85px;
  height: 100%;
}
.wt-offcanvas__right-wrap {
  height: 100%;
  padding: 100px;
  padding-right: 60px;
}
.wt-offcanvas__right-info {
  opacity: 0;
  text-align: right;
  visibility: hidden;
  transition-delay: 0.6s;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
}
.wt-offcanvas__tel a, .wt-offcanvas__mail a, .wt-offcanvas__text p {
  padding: 8px 0px;
  font-weight: 300;
  font-size: 22px;
  line-height: 20px;
  letter-spacing: 0.04em;
  color: var(--wt-common-black);
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-offcanvas__tel a, .wt-offcanvas__mail a, .wt-offcanvas__text p {
    font-size: 18px;
  }
}
.wt-offcanvas__social-link {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  transition-delay: 0.9s;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.wt-offcanvas__social-link ul li {
  list-style: none;
}
.wt-offcanvas__social-link ul li:not(:last-child) {
  margin-bottom: 10px;
}
.wt-offcanvas__social-link ul li a {
  display: inline-block;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  padding-left: 16px;
  color: var(--wt-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-offcanvas__social-link ul li a {
    font-size: 22px;
  }
}
.wt-offcanvas__social-link ul li a::before {
  position: absolute;
  content: "";
  left: 16px;
  bottom: 3px;
  width: 0;
  height: 1px;
  background-color: var(--wt-common-black);
}
.wt-offcanvas__social-link ul li a:hover::before {
  width: calc(100% - 16px);
}

/*----------------------------------------*/
/*  2.5 Breadcrumb
/*----------------------------------------*/
.wt-breadcrumb-area {
  padding: 260px 0 140px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-breadcrumb-area {
    padding: 170px 0 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-breadcrumb-area {
    padding: 200px 0 90px;
  }
}
@media (max-width: 767px) {
  .wt-breadcrumb-area {
    padding: 170px 0 80px;
  }
}
.wt-breadcrumb-area::before {
  content: "";
  position: absolute;
  top: -280px;
  left: -220px;
  width: 618px;
  height: 618px;
  border-radius: 50%;
  background: rgba(255, 0, 64, 0.1);
  filter: blur(900px);
  z-index: -1;
}
.wt-breadcrumb-area::after {
  content: "";
  position: absolute;
  top: -210px;
  right: -320px;
  width: 618px;
  height: 618px;
  border-radius: 50%;
  background: rgba(255, 0, 64, 0.1);
  filter: blur(900px);
  z-index: -1;
}
.wt-breadcrumb-overlay {
  content: "";
  position: absolute;
  width: 100%;
  height: 830px;
  top: 0;
  left: 0;
  background: #10041D;
  z-index: -2;
}
.wt-breadcrumb-overlay.details-overlay {
  height: 1020px;
}
.wt-breadcrumb-overlay.project-overlay {
  height: 830px;
}
.wt-breadcrumb-wrapper {
  padding-left: 300px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .wt-breadcrumb-wrapper {
    padding-left: 220px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-breadcrumb-wrapper {
    padding-left: 202px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-breadcrumb-wrapper {
    padding-left: 137px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-breadcrumb-wrapper {
    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) {
  .wt-breadcrumb-wrapper {
    padding-left: 0;
  }
}
.wt-breadcrumb-wrapper.details-wrapper {
  padding-left: 0;
}
.wt-breadcrumb-wrapper.project-details {
  margin-bottom: 130px;
}
.wt-breadcrumb-title {
  font-size: 80px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .wt-breadcrumb-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-breadcrumb-title {
    font-size: 80px;
  }
}
.wt-breadcrumb-title.details-title {
  font-size: 55px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  margin-bottom: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
@media (max-width: 767px) {
  .wt-breadcrumb-title.details-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-breadcrumb-title.details-title {
    font-size: 40px;
  }
}
.wt-breadcrumb-title.project-details {
  margin-bottom: 30px;
  padding-bottom: 0;
  border-bottom: none;
}
.wt-breadcrumb-title.service-details {
  font-size: 52px;
}
.wt-breadcrumb-scroll {
  width: 70px;
  height: 130px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 35px;
  margin-bottom: 75px;
}
.wt-breadcrumb-body {
  font-size: 22px;
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
}
.wt-breadcrumb-body span a {
  font-weight: var(--wt-fw-regular);
}
.wt-breadcrumb-body span a:hover {
  color: #2DBEF6;
}
.wt-breadcrumb-body .spacing {
  margin: 0 17px 0;
  display: inline-block;
  line-height: 1;
  transform: translateY(2px);
  font-size: 18px;
}
.wt-breadcrumb-body .spacing i {
  display: inline-block;
  line-height: 1;
}
.wt-breadcrumb-body.details-body {
  margin-bottom: 35px;
}
.wt-breadcrumb-thumb {
  margin-top: 83px;
  margin-right: 8px;
  text-align: right;
}
.wt-breadcrumb-thumb img {
  border-radius: 15px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-breadcrumb-thumb img {
    width: 100%;
  }
}
.wt-breadcrumb-thumb.details-thumb {
  margin-top: 0;
  margin-right: 0;
  text-align: center;
}

/*----------------------------------------*/
/*  2.1 Accordion
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.18 Tab
/*----------------------------------------*/
.wt-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.wt-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

.wt-product-tab-2 .nav-tabs .nav-link {
  font-size: var(--wt-fz-h5);
  color: #A0A2A4;
  position: relative;
}
@media (max-width: 767px) {
  .wt-product-tab-2 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.wt-product-tab-2 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 28px;
}
.wt-product-tab-2 .nav-tabs .nav-link:not(:first-child)::after {
  position: absolute;
  left: -17px;
  top: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #CED2D6;
}
.wt-product-tab-2 .nav-tabs .nav-link.active {
  color: var(--wt-theme-secondary);
}
.wt-product-tab-2 .nav-tabs .nav-link.active .wt-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.wt-product-tab-2 .nav-tabs .nav-link .wt-product-tab-tooltip {
  position: absolute;
  top: -24px;
  right: 0;
  background-color: var(--wt-theme-secondary);
  color: var(--wt-common-white);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  font-weight: var(--wt-fw-bold);
}
.wt-product-tab-2 .nav-tabs .nav-link .wt-product-tab-tooltip::after {
  position: absolute;
  content: "";
  bottom: 0;
  bottom: -5px;
  left: 7px;
  width: 13px;
  height: 6px;
  background-color: var(--wt-theme-secondary);
  clip-path: polygon(100% 0, 0 0, 28% 100%);
}
.wt-product-tab-3 .nav-tabs .nav-link {
  font-size: var(--wt-fz-p);
  padding: 0 0;
}
@media (max-width: 767px) {
  .wt-product-tab-3 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.wt-product-tab-3 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 23px;
}
.wt-product-tab-3 .nav-tabs .nav-link:not(:first-child)::after {
  width: 4px;
  height: 4px;
  left: -14px;
}
.wt-product-tab-3 .nav-tabs .nav-link.active {
  color: var(--wt-common-black);
}
.wt-product-tab-3 .nav-tabs .nav-link.active .wt-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.wt-product-tab-3 .nav-tabs .nav-link .wt-product-tab-tooltip {
  background-color: var(--wt-theme-primary);
}
.wt-product-tab-3 .nav-tabs .nav-link .wt-product-tab-tooltip::after {
  background-color: var(--wt-theme-primary);
}
.wt-product-tab-5 .nav-tabs .nav-link {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .wt-product-tab-5 .nav-tabs .nav-link {
    font-size: 15px;
  }
}
.wt-product-tab-5 .nav-tabs .nav-link:not(:last-child)::after {
  left: -15px;
}
.wt-product-tab-5 .nav-tabs .nav-link:not(:first-child) {
  margin-left: 22px;
}
.wt-product-tab-5 .nav-tabs .nav-link.active {
  color: var(--wt-common-black);
}
.wt-product-tab-5 .nav-tabs .nav-link.active .wt-product-tab-tooltip {
  opacity: 1;
  visibility: visible;
}
.wt-product-tab-5 .nav-tabs .nav-link .wt-product-tab-tooltip {
  background-color: var(--wt-theme-green);
}
.wt-product-tab-5 .nav-tabs .nav-link .wt-product-tab-tooltip::after {
  background-color: var(--wt-theme-green);
}

.wt-tab-line {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 38%;
  height: 2px;
  background-color: var(--wt-common-black);
}

/*----------------------------------------*/
/*  2.17 Section Title
/*----------------------------------------*/
.wt-section-subtitle {
  background: rgba(15, 0, 31, 0.3);
  padding: 10px 22px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 30px;
  display: inline-block;
  font-size: 18px;
  font-weight: var(--wt-fw-medium);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .wt-section-subtitle {
    font-size: 16px;
  }
}
.wt-section-title {
  font-size: 55px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-section-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .wt-section-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-section-title {
    font-size: 40px;
  }
}
.wt-section-2-subtitle {
  background: rgba(146, 31, 234, 0.1);
  padding: 10px 20px;
  color: var(--wt-text-p);
  border: 1px solid rgba(146, 31, 234, 0.1);
  border-radius: 30px;
  display: inline-block;
  font-size: 18px;
  font-weight: var(--wt-fw-medium);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .wt-section-2-subtitle {
    font-size: 16px;
  }
}
.wt-section-2-title {
  font-size: 55px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-section-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-section-2-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-section-2-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .wt-section-2-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-section-2-title {
    font-size: 40px;
  }
}
.wt-section-2-title.black {
  color: var(--wt-common-black);
}
.wt-section-3-subtitle {
  background: rgba(146, 31, 234, 0.1);
  padding: 10px 20px;
  color: #921FEA;
  border: 1px solid rgba(146, 31, 234, 0.1);
  border-radius: 30px;
  display: inline-block;
  font-size: 18px;
  font-weight: var(--wt-fw-medium);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .wt-section-3-subtitle {
    font-size: 16px;
  }
}
.wt-section-3-title {
  font-size: 55px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-section-3-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-section-3-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-section-3-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .wt-section-3-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-section-3-title {
    font-size: 40px;
  }
}
.wt-section-3-paragraph {
  color: var(--wt-text-1);
  line-height: 162%;
}

.wt-text-invert > div {
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.35) 50%);
}

.wt-reveal-line {
  overflow: hidden;
  display: block;
}

/*----------------------------------------*/
/*  2.16 Search
/*----------------------------------------*/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.search-popup {
  width: 100%;
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background: linear-gradient(136deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--wt-common-white);
  border-top: 3px solid var(--wt-common-white);
  border-right: 3px solid rgba(0, 0, 0, 0.9);
  border-left: 3px solid rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: var(--wt-common-white);
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: var(--wt-fw-medium);
  text-transform: capitalize;
  border: none;
  border-bottom: 1px solid var(--wt-theme-pink);
  outline: 0;
}

.search-popup .form-group input[type=search] {
  padding: 10px 70px 10px 30px;
}

.search-popup .form-group input[type=submit], .search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: var(--wt-fz-h4);
  color: var(--wt-common-white);
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
  color: var(--wt-theme-pink);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: var(--wt-common-white);
  border: none;
}

.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: var(--wt-common-white);
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-box-btn {
  display: inline-block;
  padding-left: 22px;
}

.search-box-btn i {
  display: inline-block;
  color: var(--wt-common-white);
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.upp.search-box-btn i {
  color: #9E9FA1;
}

.search-box-btn.search-box-outer span i {
  font-size: var(--wt-fz-h5);
  display: inline-block;
  color: var(--wt-common-white);
  padding-left: 17px;
  position: relative;
  z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
  color: #9E9FA1;
}

.search-box-btn.search-box-outer span i:after {
  position: absolute;
  content: "0";
  right: -10px;
  top: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #1552F6;
  color: var(--wt-common-white);
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
}

.flaticon-multiply:before {
  content: inherit;
}

button.close-search i {
  font-size: 25px;
  color: var(--wt-common-white);
  display: inline-block;
}

span.flaticon-multiply i {
  display: inline-block;
  color: var(--wt-common-white);
}

/*----------------------------------------*/
/*  2.10 Hotspot
/*----------------------------------------*/
.wt-hotspot {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: var(--wt-fz-p);
  color: var(--wt-common-black);
  border-radius: 50%;
  background-color: var(--wt-common-white);
  position: absolute;
  z-index: 1;
}
.wt-hotspot:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  2.9 cursor
/*----------------------------------------*/
.cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  mix-blend-mode: difference;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 1000;
  transition: 0.15s;
  border: 1px solid var(--wt-theme-purple);
}

.grow,
.grow-small {
  transform: scale(2);
  background: var(--wt-theme-purple);
  mix-blend-mode: difference;
  border: none;
  transition: 0.5s;
  opacity: 0;
}

body.wt-magic-cursor #magic-cursor {
  display: block;
}

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

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

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  line-height: 1.1;
  text-align: center;
  transform: scale(0);
  font-family: var(--wt-ff-common);
  font-weight: var(--wt-fw-regular);
  font-size: var(--wt-fz-p);
  text-transform: capitalize;
  color: var(--wt-common-white);
}

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  2.11 Hover Animation
/*----------------------------------------*/
.wt-hover__reveal-item {
  position: relative;
}
.wt-hover__reveal-item:hover .wt-hover__reveal-bg {
  opacity: 1;
}
.wt-hover__reveal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 405px;
  height: 270px;
  opacity: 0;
  margin: -150px 0 0 -150px;
  overflow: hidden;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 5;
}
@media (max-width: 767px) {
  .wt-hover__reveal-bg {
    width: 285px;
    height: 200px;
  }
}
.wt-hover__widget {
  position: relative;
  z-index: 5;
}
.wt-hover__widget .active-bg {
  position: absolute;
  width: 1300px;
  height: 165px !important;
  bottom: 0;
  right: 0;
  mask-image: url(../img/project/project-shape.svg);
  background: var(--wt-theme-primary);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(80px);
  z-index: -1;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hover__widget .active-bg {
    width: 1170px;
    height: 145px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hover__widget .active-bg {
    width: 975px;
    height: 121px !important;
  }
}
@media (max-width: 767px) {
  .wt-hover__widget .active-bg {
    width: 1380px;
    height: 172px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hover__widget .active-bg {
    width: 888px;
    height: 111px !important;
  }
}
.wt-hover__btn {
  font-weight: 700;
  font-size: 16px;
  width: 213px;
  height: 213px;
  line-height: 178px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  backdrop-filter: blur(80px);
  color: var(--wt-common-white);
  border: 1px solid var(--wt-common-white);
}
.wt-hover__btn-wrap {
  display: inline-block;
}

/*----------------------------------------*/
/*   2.8 Contact Form 
/*----------------------------------------*/
.form-input {
  margin-bottom: 30px;
}
.form-input input {
  background: transparent !important;
  border: transparent;
  color: #616161;
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding-left: 0;
  height: 50px;
}
.form-input input::placeholder {
  color: var(--wt-text-p);
  font-size: 16px;
}
.form-input input:focus {
  border-color: var(--wt-theme-primary-4);
}
.form-input textarea {
  background: transparent !important;
  border: transparent;
  resize: none;
  font-size: 16px;
  color: #616161;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding-left: 0;
  height: 100px;
}
.form-input textarea::placeholder {
  color: var(--wt-text-p);
  font-size: 16px;
}
.form-input textarea:focus {
  border-color: var(--wt-theme-primary-4);
}

.wt-nice-select-box .nice-select {
  width: 100%;
  height: 50px;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background: transparent;
  color: var(--wt-text-p);
  border: transparent;
  font-size: 16px;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding-left: 0;
}
.wt-nice-select-box .nice-select::after {
  color: var(--wt-text-p);
  font-size: 14px;
  font-weight: var(--wt-fw-medium);
  right: 0;
}
.wt-nice-select-box .nice-select .list {
  width: 100%;
  margin-top: 0;
  border-radius: 0;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
}
.wt-nice-select-box .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scaleY(1) !important;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.wt-header-height {
  position: relative;
  z-index: 99;
}
.wt-header-top {
  padding: 13px 58px 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-header-top {
    padding: 13px 10px 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-top {
    padding: 13px 0 16px;
  }
}
.wt-header-top-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
}
.wt-header-top-left p {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: var(--wt-fw-medium);
  margin-bottom: 0;
}
.wt-header-top-left p span {
  color: var(--wt-theme-purple);
  line-height: 1;
  display: inline-block;
  font-size: 25px;
}
.wt-header-top-left p span i {
  display: inline-block;
  line-height: 1;
}
.wt-header-top-right {
  display: flex;
  align-items: center;
}
.wt-header-top-call {
  display: flex;
  align-items: center;
}
.wt-header-top-call p {
  font-weight: var(--wt-fw-medium);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
}
.wt-header-top-call p span {
  line-height: 1;
  display: inline-block;
  color: var(--wt-theme-purple);
  font-size: 24px;
}
.wt-header-top-call p span i {
  line-height: 1;
  display: inline-block;
}
.wt-header-top-call a {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-medium);
  margin-left: 6px;
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-header-top-call a:hover {
  background-size: 100% 1px;
}
.wt-header-social {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 50px;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-social {
    margin-left: 20px;
    padding-left: 20px;
    gap: 10px;
  }
}
.wt-header-social a {
  font-size: 18px;
}
.wt-header-social a:hover {
  color: var(--wt-common-white);
}
.wt-header-bottom {
  background: #17002f;
  padding: 0 38px;
  margin: 0 20px;
  backdrop-filter: blur(200px);
  border-radius: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-header-bottom {
    padding: 0 0;
    margin: 0 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-bottom {
    border-radius: 0;
    margin: 0 0;
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-header-bottom {
    border-radius: 0;
    margin: 0 0;
    padding: 24px 32px;
  }
}
@media (max-width: 767px) {
  .wt-header-bottom {
    padding: 24px 0;
    border-radius: 0;
    margin: 0 0;
  }
}
.wt-header-logo {
  margin-top: -8px;
}
.wt-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wt-header-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
}
.wt-header-search button {
  font-size: 18px;
  color: var(--wt-common-white);
}
.wt-header-button {
  margin-left: 30px;
}
.wt-header-btn {
  padding: 10px 32px;
  font-size: 14px;
}
.wt-header-toggle button {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  margin-left: 20px;
  position: relative;
  z-index: 1;
}
.wt-header-toggle button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 30px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-header-toggle button:hover {
  color: var(--wt-common-white);
}
.wt-header-toggle button:hover::before {
  opacity: 1;
  visibility: visible;
}

.wt-header-transparent {
  position: absolute !important;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: transparent;
}

.header-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  background-color: var(--wt-common-black);
  backdrop-filter: blur(200px);
  animation: 0.95s ease 0s normal forwards 1 running fadeInDown;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
  transition: 0.3s ease;
  border-bottom: none;
}
.header-sticky.wt-header-bottom {
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.header-sticky .wt-header-main-menu > nav > ul > li > a {
  padding: 35px 0;
}
.header-sticky.wt-header-2-bottom {
  background-color: var(--wt-common-black);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-sticky.wt-header-2-bottom {
    padding: 20px 0;
  }
}
.header-sticky .wt-header-2-main-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky .wt-header-2-center {
  background: none;
  border: none;
}

/*----------------------------------------*/
/*  3.2 Header Style 2
/*----------------------------------------*/
.wt-header-2-area {
  padding-top: 20px;
}
.wt-header-2-bottom {
  background: transparent;
  backdrop-filter: none;
  padding: 0 38px;
  margin: 0;
  border: none;
  border-radius: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-2-bottom {
    padding: 0 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) {
  .wt-header-2-bottom {
    padding: 0 0;
  }
}
.wt-header-2-center {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(200px);
  max-width: 850px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-header-2-center {
    max-width: 790px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-2-center {
    max-width: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-header-2-center {
    display: none;
  }
}
.wt-header-2-toggle button {
  position: relative;
  z-index: 2;
}
.wt-header-2-toggle button::before {
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
}

/*----------------------------------------*/
/*  3.3 Header Style 3
/*----------------------------------------*/
.wt-header-3-toggle button {
  background: #921FEA;
}
.wt-header-3-center {
  background: #030014;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-3-center {
    background: transparent;
    border: none;
    backdrop-filter: inherit;
  }
}

/*----------------------------------------*/
/*  4.2 Main menu Css
/*----------------------------------------*/
.wt-header-main-menu > nav > ul {
  display: flex;
  align-items: center;
}
.wt-header-main-menu > nav > ul > li {
  list-style: none;
  display: inline-block;
  position: relative;
}
.wt-header-main-menu > nav > ul > li:hover a {
  color: var(--wt-theme-purple);
}
.wt-header-main-menu > nav > ul > li:not(:last-child) {
  margin-right: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-main-menu > nav > ul > li:not(:last-child) {
    margin-right: 30px;
  }
}
.wt-header-main-menu > nav > ul > li > a {
  display: inline-flex;
  padding: 27px 0;
  font-weight: var(--wt-fw-medium);
  position: relative;
  color: var(--wt-text-body);
  font-size: 18px;
  text-transform: capitalize;
  align-items: center;
  gap: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-main-menu > nav > ul > li > a {
    font-size: 16px;
  }
}
.wt-header-main-menu > nav > ul > li:hover .submenu {
  transform: scaleY(1);
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.wt-header-main-menu > nav > ul > li:last-child {
  margin-right: 0;
}
.wt-header-main-menu > nav > ul .submenu {
  position: absolute;
  left: 0;
  width: 260px;
  background-color: var(--wt-common-black);
  border-top: 6px solid var(--wt-theme-purple);
  padding: 20px 0;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  transition: 0.4s;
  visibility: hidden;
  z-index: 9;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
  top: 100%;
}
.wt-header-main-menu > nav > ul .submenu > li {
  display: block;
}
.wt-header-main-menu > nav > ul .submenu > li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  left: 100%;
}
.wt-header-main-menu > nav > ul .submenu > li:hover > a {
  color: var(--wt-heading-primary);
}
.wt-header-main-menu > nav > ul .submenu > li > a {
  line-height: 38px;
  padding: 0px 0px 0px 32px;
  margin: 0px 0 0 0;
  display: block;
  text-transform: capitalize;
  font-size: var(--wt-fz-p);
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
  position: relative;
}
.wt-header-main-menu > nav > ul .submenu > li > a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  background: var(--wt-theme-purple);
  left: 14px;
  bottom: 18px;
  transition: all 0.4s ease-in-out;
}
.wt-header-main-menu > nav > ul .submenu > li > a:hover {
  color: var(--wt-theme-purple);
  margin-left: 10px;
}
.wt-header-main-menu > nav > ul .submenu > li > a:hover::before {
  width: 10px;
}
.wt-header-main-menu > nav > ul .submenu > li > .submenu {
  left: 120%;
  top: 25px;
  opacity: 0;
  visibility: hidden;
}
.wt-header-main-menu > nav > ul .submenu > li > .submenu > li:hover .submenu {
  visibility: visible;
  opacity: 1;
}
.wt-header-main-menu > nav > ul .submenu > li > .submenu > li:hover > a {
  color: var(--wt-heading-primary);
}
.wt-header-main-menu > nav > ul .submenu > li > .submenu > li > .submenu {
  visibility: hidden;
  opacity: 0;
}
.wt-header-main-menu > nav > ul.wt-onepage-menu li a.active {
  color: var(--wt-theme-primary);
}
.wt-header-2-main-menu > nav > ul > li > a {
  color: var(--wt-common-white);
  padding: 22px 0;
}
.wt-header-3-main-menu > nav > ul > li:not(:last-child) {
  margin-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-3-main-menu > nav > ul > li:not(:last-child) {
    margin-right: 30px;
  }
}
.wt-header-3-main-menu > nav > ul > li > a {
  color: var(--wt-text-p);
  padding: 22px 0;
}
.wt-header-3-main-menu > nav > ul > li > a::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 100%;
  filter: blur(20px);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.wt-header-3-main-menu > nav > ul > li > a:hover::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu {
  top: 100%;
  width: 1170px;
  padding: 30px 30px 10px 30px;
  background-color: var(--wt-common-black);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
  left: -245px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu {
    left: -200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu {
    left: -200px;
    width: 1070px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu {
    left: -190px;
    width: 1070px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu {
    width: 900px;
    left: -220px;
  }
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu {
  position: relative;
  padding: 0px 10px;
  margin-bottom: 20px;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb {
  position: relative;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(38, 34, 33, 0.7);
  transition: all 0.3s 0s ease-out;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb img {
  width: 100%;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb:hover::before {
  opacity: 1;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn .menu-btn.show-1 {
  transform: translateY(0);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn .menu-btn.show-2 {
  transform: translateY(0);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-thumb:hover .homemenu-btn .menu-btn::before {
  display: none;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-title {
  font-size: 18px;
  font-weight: var(--wt-fw-sbold);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-title a {
  color: var(--wt-common-white);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-title a:hover {
  color: var(--wt-theme-purple);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-title a:hover::before {
  display: none;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-btn {
  position: absolute;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  transition: all 0.3s 0s ease-out;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-btn .menu-btn {
  font-size: 14px;
  text-transform: capitalize;
  padding: 8px 14px;
  color: var(--wt-common-white);
  background: var(--wt-theme-purple);
  display: block;
  margin-bottom: 10px;
  width: 140px;
  font-weight: var(--wt-fw-medium);
  font-family: var(--wt-ff-body);
  border-radius: 30px;
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-btn .menu-btn:hover {
  background: var(--wt-common-black);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-1 {
  transform: translateY(15px);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-2 {
  transform: translateY(20px);
  color: var(--wt-common-white);
  background: var(--wt-theme-primary);
}
.wt-header-main-menu ul li .wt-submenu.submenu.has-homemenu .homemenu-btn .menu-btn.show-2:hover {
  background: var(--wt-common-black);
  color: var(--wt-common-white);
}
.wt-header-main-menu ul li.p-static {
  position: static;
}
.wt-header-main-menu ul li.p-static .wt-submenu.submenu.has-homemenu {
  left: 0;
  width: 100%;
}

/*----------------------------------------*/
/*  4.1 Meanmenu css
/*----------------------------------------*/
.mean-remove {
  display: none !important;
}

.mean-container {
  margin-bottom: 40px;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: var(--wt-fz-p);
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: var(--wt-fw-bold);
  display: none !important;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
  background: transparent;
}
.mean-container .mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  color: var(--wt-theme-primary);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li.has-dropdown:hover > a {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li.has-dropdown:hover .mean-expand {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li.mean-last {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}
.mean-container .mean-nav ul li > a > i {
  display: none;
}
.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #e0e3ed;
  text-decoration: none;
  width: 100%;
  padding: 10px 0;
  color: var(--wt-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: var(--wt-fw-medium);
}
[dir=rtl] .mean-container .mean-nav ul li a {
  float: right;
  text-align: right;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li a:hover i {
  color: var(--wt-common-white);
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: var(--wt-fw-bold);
  background: transparent;
  border: none !important;
  font-size: 14px;
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  height: 30px;
  width: auto;
  line-height: 30px;
  color: var(--wt-common-black);
  line-height: 30px;
  top: 0;
  font-weight: var(--wt-fw-regular);
}
[dir=rtl] .mean-container .mean-nav ul li a.mean-expand {
  right: auto;
  left: 0;
  text-align: center;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: var(--wt-theme-primary);
  border-color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand:hover i {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover i {
  color: var(--wt-theme-primary);
}
.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10%;
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 10px 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 10px 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 10px 25%;
}
.mean-container .mean-bar, .mean-container .mean-bar * {
  /* Fix for box sizing on Foundation Framework etc. */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*----------------------------------------*/
/*  4.3 Mobile Css
/*----------------------------------------*/
.wt-main-menu-mobile .wt-submenu {
  display: none;
}
.wt-main-menu-mobile .header-icon {
  display: none;
}
.wt-main-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.wt-main-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.wt-main-menu-mobile ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 30%;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--wt-common-white);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid #ebebeb !important;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.wt-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
}
.wt-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wt-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--wt-theme-purple);
  border-color: var(--wt-theme-purple) !important;
  color: var(--wt-common-white);
}
.wt-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--wt-common-white);
}
.wt-main-menu-mobile ul li.has-dropdown > a.expanded {
  color: var(--wt-theme-purple);
}
.wt-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--wt-theme-purple);
  border-color: var(--wt-theme-purple) !important;
  color: var(--wt-common-white);
}
.wt-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--wt-common-white);
}
.wt-main-menu-mobile ul li.has-dropdown:hover > a::after {
  color: var(--wt-theme-green);
}
.wt-main-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.wt-main-menu-mobile ul li > a {
  display: block;
  font-size: var(--wt-fz-p);
  color: var(--wt-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 0px;
  padding-right: 0px;
  padding-right: 20px;
  text-transform: capitalize;
  font-weight: var(--wt-fw-sbold);
}
.wt-main-menu-mobile ul li > a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.wt-main-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
  display: none;
}
.wt-main-menu-mobile ul li > a .menu-text {
  font-size: var(--wt-fz-p);
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.wt-main-menu-mobile ul li img {
  width: 100%;
}
.wt-main-menu-mobile ul li ul {
  padding: 0;
}
.wt-main-menu-mobile ul li ul li {
  padding: 0;
}
.wt-main-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 8px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.wt-main-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.wt-main-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.wt-main-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.wt-main-menu-mobile ul li:hover > a {
  color: var(--wt-theme-purple);
}
.wt-main-menu-mobile ul li:hover > a::after {
  color: var(--wt-theme-1);
}
.wt-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--wt-theme-1);
}
.wt-main-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.wt-main-menu-mobile ul li .mega-menu, .wt-main-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.wt-main-menu-mobile ul li .mega-menu li, .wt-main-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.wt-main-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .wt-main-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--wt-theme-1);
}
.wt-main-menu-mobile .wt-main-menu-content ul li:not(:last-child) .home-menu-title a {
  border-bottom: none;
}
.wt-main-menu-mobile * ul, .wt-main-menu-mobile * li {
  transition: none !important;
}

.wt-main-menu-mobile .homemenu-thumb {
  position: relative;
}
.wt-main-menu-mobile .homemenu-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(38, 34, 33, 0.9);
  transition: all 0.3s 0s ease-out;
}
.wt-main-menu-mobile .homemenu-thumb:hover::before {
  opacity: 1;
}
.wt-main-menu-mobile .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
}
.wt-main-menu-mobile .homemenu-thumb:hover .homemenu-btn .menu-btn.show-1 {
  transform: translateY(0);
}
.wt-main-menu-mobile .homemenu-thumb:hover .homemenu-btn .menu-btn.show-2 {
  transform: translateY(0);
}
.wt-main-menu-mobile .homemenu-thumb .homemenu-btn {
  position: absolute;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  transition: all 0.3s 0s ease-out;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wt-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn {
  font-size: 14px;
  text-transform: capitalize;
  padding: 8px 14px;
  color: var(--wt-common-white);
  background: var(--wt-theme-purple);
  display: block;
  margin-bottom: 10px;
  width: 140px;
  letter-spacing: 1px;
  font-weight: var(--wt-fw-medium);
}
.wt-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn:hover {
  background: var(--wt-heading-primary);
  color: var(--wt-common-white);
}
.wt-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn.show-1 {
  transform: translateY(15px);
}
.wt-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn.show-2 {
  transform: translateY(20px);
  background: var(--wt-common-white);
  color: var(--wt-heading-primary);
}
.wt-main-menu-mobile .homemenu-thumb .homemenu-btn .menu-btn.show-2:hover {
  background: var(--wt-heading-primary);
  color: var(--wt-common-white);
}

/*----------------------------------------*/
/*   5.1 Blog Css
/*----------------------------------------*/
.wt-blog-area {
  background: var(--wt-common-black);
  padding: 130px 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-area {
    padding: 80px 0 50px;
  }
}
.wt-blog-area .wt-section-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-top-button {
    justify-content: left !important;
    margin-top: 30px;
  }
}
.wt-blog-wrapper {
  background: #10041D;
  padding: 10px;
  margin-bottom: 30px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.wt-blog-wrapper:hover .wt-blog-main-thumb img:nth-child(1) {
  transform: translatex(0) scalex(1);
  opacity: 1;
  filter: blur(0);
}
.wt-blog-wrapper:hover .wt-blog-main-thumb img:nth-child(2) {
  transform: translatex(-50%) scalex(2);
  opacity: 0;
  filter: blur(10px);
}
.wt-blog-wrapper:hover .wt-blog-main-thumb a {
  transform: translateY(0);
  opacity: 1;
}
.wt-blog-main-thumb {
  overflow: hidden;
  border-radius: 15px;
}
.wt-blog-main-thumb img {
  background-size: cover;
  border-radius: 10px;
  transition: 0.5s;
  width: 100%;
}
.wt-blog-main-thumb img:nth-child(1) {
  transform: translatex(50%) scalex(2);
  opacity: 0;
  filter: blur(10px);
}
.wt-blog-main-thumb img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
}
.wt-blog-card-image-link {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 26, 29, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 500ms ease, transform 500ms ease;
}
.wt-blog-content {
  padding: 30px 40px 20px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-content {
    padding: 30px 20px 20px 20px;
  }
}
@media (max-width: 767px) {
  .wt-blog-content {
    padding: 30px 15px 20px;
  }
}
.wt-blog-content-top {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 26px;
}
.wt-blog-content-top::before {
  content: "";
  position: absolute;
  width: 85%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.07);
}
.wt-blog-content.stander-page {
  padding: 30px 60px 20px 30px;
}
.wt-blog-content.stander-page .wt-blog-content-top::before {
  width: 100%;
}
.wt-blog-author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.wt-blog-author-thumb img {
  border: 2px solid #D9D9D9;
  border-radius: 50%;
}
.wt-blog-author-title {
  color: var(--wt-common-white);
  margin-bottom: 0;
}
.wt-blog-title {
  color: var(--wt-common-white);
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-title {
    font-size: 19px;
    line-height: 1.2;
  }
}
.wt-blog-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-blog-title:hover a {
  background-size: 100% 1px;
}
.wt-blog-paragraph {
  color: var(--wt-text-p);
}
.wt-blog-category ul {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 15px;
}
.wt-blog-category ul li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--wt-text-p);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-category ul li {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .wt-blog-category ul li {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-blog-category ul li {
    font-size: 16px;
  }
}
.wt-blog-category ul li span {
  line-height: 1;
  display: inline-flex;
  transform: translateY(-1px);
}
.wt-blog-category.details-category {
  display: flex;
  justify-content: center;
  margin-bottom: 130px;
}
.wt-blog-category.details-category ul li {
  color: var(--wt-text-body);
}
.wt-blog-button {
  position: absolute;
  z-index: 3;
  width: 70px;
  height: 70px;
  background: var(--wt-common-black);
  display: inline-flex;
  align-items: end;
  justify-content: end;
  inset: calc(100% - 4.4em) 0 0 calc(100% - 4.4em);
  border-top-left-radius: 50%;
  transition: 1s ease 0.5s;
}
.wt-blog-button::before {
  inset: calc(100% - 1.3em) 0 0 -1.3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-blog-button::after {
  inset: -1.25em 0 0 3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-blog-button.stander-page {
  width: 126px;
  height: 52px;
  inset: calc(100% - 3.3em) 0 0 calc(100% - 7.9em);
  border-top-left-radius: 1.25em;
}
.wt-blog-button.stander-page::after {
  inset: -1.4em 0 0 6.4em;
}
.wt-blog-btn {
  width: 55px;
  height: 55px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #130526;
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--wt-text-p);
  font-size: 16px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.wt-blog-btn i {
  rotate: -45deg;
}
.wt-blog-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 30px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-blog-btn:hover {
  color: var(--wt-common-white);
}
.wt-blog-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-blog-btn.stander-page {
  width: 116px;
  height: 40px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #0f001f;
  color: var(--wt-text-1);
  font-size: 12px;
  position: relative;
  z-index: 1;
  border-radius: 30px;
  padding: 12px 50px;
  font-weight: var(--wt-fw-sbold);
  padding: 12px 20px;
  border: none;
}
.wt-blog-btn.stander-page:hover {
  color: var(--wt-common-white);
}
.wt-blog-2-area {
  padding: 0 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-2-area {
    padding: 0 0 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-2-area .wt-blog-title {
    font-size: 24px;
    line-height: 1.4;
  }
}
.wt-blog-2-wrapper {
  display: flex;
  align-items: center;
  gap: 42px;
  margin-bottom: 30px;
  background: #130223;
  border-radius: 31px 31px 22px 31px;
  overflow: hidden;
  padding-right: 40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-2-wrapper {
    flex-wrap: wrap;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .wt-blog-2-wrapper {
    flex-wrap: wrap;
    padding-right: 0;
  }
}
.wt-blog-2-wrapper:hover .wt-blog-2-thumb img:nth-child(1) {
  transform: translatex(0) scalex(1);
  opacity: 1;
  filter: blur(0);
}
.wt-blog-2-wrapper:hover .wt-blog-2-thumb img:nth-child(2) {
  transform: translatex(-50%) scalex(2);
  opacity: 0;
  filter: blur(10px);
}
.wt-blog-2-wrapper:hover .wt-blog-2-thumb a {
  transform: translateY(0);
  opacity: 1;
}
.wt-blog-2-thumb {
  overflow: hidden;
  overflow: hidden;
  max-width: 265px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-2-thumb {
    max-width: 100%;
    height: 500px;
  }
}
@media (max-width: 767px) {
  .wt-blog-2-thumb {
    max-width: 100%;
    height: 350px;
  }
}
.wt-blog-2-thumb img {
  background-size: cover;
  transition: 0.5s;
  width: 100%;
}
.wt-blog-2-thumb img:nth-child(1) {
  transform: translatex(50%) scalex(2);
  opacity: 0;
  filter: blur(10px);
}
.wt-blog-2-thumb img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-2-wrap {
    padding: 0 130px 40px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-blog-2-wrap {
    padding-right: 225px;
  }
}
@media (max-width: 767px) {
  .wt-blog-2-wrap {
    padding: 0 20px 30px 30px;
  }
}
.wt-blog-2-content-top {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .wt-blog-2-content-top {
    margin-bottom: 20px;
  }
}
.wt-blog-2-author {
  margin-bottom: 0;
}
.wt-blog-2-author .wt-blog-author-thumb img {
  border: none;
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.wt-blog-2-author .wt-blog-author-title {
  margin-bottom: 0;
  font-weight: var(--wt-fw-medium);
  color: var(--wt-text-1);
}
.wt-blog-2-button {
  position: absolute;
  z-index: 3;
  width: 70px;
  height: 70px;
  background: var(--wt-common-black);
  display: inline-flex;
  align-items: end;
  justify-content: end;
  inset: calc(100% - 4.4em) 0 0 calc(100% - 4.4em);
  border-top-left-radius: 50%;
  transition: 1s ease 0.5s;
}
.wt-blog-2-button::before {
  inset: calc(100% - 1.3em) 0 0 -1.3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-blog-2-button::after {
  inset: -1.25em 0 0 3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-blog-2-btn {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #130223;
  color: var(--wt-common-white);
  border-radius: 50%;
  position: relative;
  transition: 0.4s linear-gradient;
  z-index: 1;
}
.wt-blog-2-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
  border-radius: 30px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-blog-2-btn:hover {
  color: var(--wt-common-white);
}
.wt-blog-2-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-blog-3-area {
  padding: 130px 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-3-area {
    padding: 80px 0 50px;
  }
}
.wt-blog-3-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-blog-3-button {
  text-align: right;
}
@media (max-width: 767px) {
  .wt-blog-3-button {
    margin-bottom: 30px;
    margin-top: -50px;
    text-align: left;
  }
}
.wt-blog-3-wrapper {
  background: rgba(255, 255, 255, 0.03);
  box-shadow: inherit;
  display: flex;
  align-items: center;
  gap: 40px;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-blog-3-wrapper {
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-3-wrapper {
    gap: 0;
    flex-direction: column;
  }
}
.wt-blog-3-wrapper .wt-blog-main-thumb {
  max-width: 390px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-blog-3-wrapper .wt-blog-main-thumb {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-3-wrapper .wt-blog-main-thumb {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-blog-3-wrapper .wt-blog-main-thumb img {
    width: 100%;
  }
}
.wt-blog-3-wrapper .wt-blog-content.stander-page {
  padding: 30px 70px 20px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-blog-3-wrapper .wt-blog-content.stander-page {
    padding: 30px 60px 20px 20px;
  }
}
@media (max-width: 767px) {
  .wt-blog-3-wrapper .wt-blog-content.stander-page {
    padding: 30px 0 20px 0;
  }
}
.wt-blog-3-wrapper .wt-blog-content-top::before {
  background: rgba(146, 31, 234, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-blog-3-wrapper .wt-blog-paragraph {
    font-size: 14px;
  }
}
.wt-blog-3-wrapper:hover {
  background: #422b62;
}
.wt-blog-3-wrapper:hover .wt-blog-title {
  color: var(--wt-common-white);
}
.wt-blog-3-wrapper:hover .wt-blog-paragraph {
  color: var(--wt-common-white);
}
.wt-blog-3-wrapper:hover .wt-blog-category ul li {
  color: var(--wt-common-white);
}
.wt-blog-3-wrapper:hover .wt-blog-title a {
  background-size: 100% 1px;
}
.wt-blog-3-wrapper.active {
  background: #422b62;
}
.wt-blog-3-wrapper.active .wt-blog-title {
  color: var(--wt-common-white);
}
.wt-blog-3-wrapper.active .wt-blog-paragraph {
  color: var(--wt-common-white);
}
.wt-blog-3-wrapper.active .wt-blog-category ul li {
  color: var(--wt-common-white);
}
.wt-blog-3-wrapper.active .wt-blog-title a {
  background-size: 100% 1px;
}
.wt-blog-3-button.stander-page {
  background: var(--wt-common-black);
  inset: calc(100% - 3.2em) 0 0 calc(100% - 7.9em);
  padding-bottom: 3px;
}
@media (max-width: 767px) {
  .wt-blog-3-button.stander-page {
    inset: calc(100% - 0em) 0 0 calc(100% - 7.9em);
  }
}
.wt-blog-3-button.stander-page::after {
  inset: -1.2em 0 0 6.7em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
}
.wt-blog-3-btn.stander-page {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--wt-common-white);
}
.wt-blog-3-btn.stander-page::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
}
.wt-blog-3-btn.stander-page:hover::before {
  width: 100%;
}
.wt-blog-grid-area {
  padding: 0 0 130px;
}

/*----------------------------------------*/
/*  5.2 Postbox Css
/*----------------------------------------*/
.blog-details-content h2 {
  font-size: 85px;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-bottom: 52px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-details-content h2 {
    font-size: 74px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-content h2 {
    font-size: 61px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-content h2 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .blog-details-content h2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-details-content h2 {
    font-size: 52px;
  }
}
.blog-details-content h4 {
  font-size: 35px;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  .blog-details-content h4 {
    margin-top: 30px;
    font-size: 26px;
  }
}
.blog-details-content p {
  color: var(--wt-text-p);
}
.blog-details-content p span {
  text-decoration: underline;
  color: var(--wt-theme-pink);
}
.blog-details-content .image img {
  border-radius: 10px;
}
.blog-details-wrapper {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.blog-details-button .wt-btn-circle {
  width: 50px;
  height: 50px;
}
.blog-details-button .wt-btn-circle .wt-btn-circle-icon {
  font-size: 12px;
  transition: 0.4s;
}

blockquote {
  background: #0f001f;
  padding: 28px 60px 28px 50px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  gap: 42px;
}
@media (max-width: 767px) {
  blockquote {
    padding: 28px 30px 28px;
    flex-direction: column;
  }
}
blockquote .text {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  blockquote .text {
    font-size: 20px;
  }
}
blockquote .blockquote-footer {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--wt-common-white) !important;
  padding-left: 60px;
  position: relative;
  font-weight: var(--wt-fw-regular);
  font-size: 16px;
  letter-spacing: -0.03em;
}
blockquote .blockquote-footer::before {
  display: none;
}
blockquote .blockquote-footer::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--wt-theme-pink);
}
blockquote i {
  font-size: 60px;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Comments */
.comment-title {
  color: var(--wt-common-black);
}

.comment-body {
  display: flex;
  gap: 50px;
  row-gap: 50px;
  padding: 34px 30px 26px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.comment-body .author-thumb {
  max-width: 130px;
  width: 100%;
  height: 130px;
  margin-bottom: 15px;
}
.comment-body .author-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .comment-body .content {
    max-width: 470px;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comment-body .content {
    max-width: 360px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comment-body .content {
    max-width: 445px;
    width: 100%;
  }
}
.comment-body .content h6 {
  color: var(--wt-common-white);
}
.comment-body .content h5 {
  font-size: 20px;
  margin-bottom: 16px;
}
.comment-body .content p {
  max-width: 569px;
  font-size: 16px;
  line-height: 162%;
  color: var(--wt-text-p);
}
.comment-body .social-icons {
  display: flex;
  align-items: center;
  gap: 26px;
}
.comment-body .social-icons a {
  color: var(--wt-text-p);
  display: inline-block;
}
.comment-body .social-icons a:hover {
  color: var(--wt-theme-pink);
}

/* Next Prev Blog */
.next-prev-blog {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 70px 0 30px;
}
.next-prev-blog .item {
  display: flex;
  max-width: 365px;
  width: 100%;
  align-items: center;
  margin-bottom: 30px;
  gap: 30px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.next-prev-blog .item .content {
  max-width: 225px;
  width: 100%;
}
.next-prev-blog .item .image {
  max-width: 110px;
  width: 100%;
  height: 120px;
}
.next-prev-blog .item .image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.next-prev-blog .item h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.62;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 8px;
  padding-bottom: 16px;
}
.next-prev-blog .item .date {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--wt-text-p);
}
.next-prev-blog .item .date i {
  font-size: 14px;
}

/* Comments Author */
.comment-body.comments {
  padding: 34px 40px 26px 0;
}

.comment-body:not(:last-child) {
  margin-bottom: 35px;
}
.comment-body .author-thumb {
  max-width: 85px;
  width: 100%;
  height: 85px;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 15px;
}
.comment-body .author-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.comment-body .content h6 {
  font-size: 20px;
  margin-bottom: 20px;
}
.comment-body .content .date {
  line-height: 1;
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
  color: var(--wt-text-p);
}
.comment-body .content .date i {
  margin-right: 5px;
}
.comment-body .content .ratting {
  margin-bottom: 15px;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
.comment-body .content .ratting i {
  font-size: 12px;
  margin: 0 5px 0 0;
}
.comment-body .content p {
  margin-bottom: 5px;
}
.comment-body .content .read-more {
  text-decoration: none;
  color: var(--wt-text-p);
  font-weight: var(--wt-fw-sbold);
}
.comment-body .content .read-more i {
  margin-top: 10px;
}

.comment-body.comment-child {
  padding-top: 0;
  border-top: none;
  padding-left: 90px;
}

.admin-comment {
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.admin-comment .comment-body {
  max-width: none;
  margin-bottom: 0;
  padding: 30px 40px;
  align-items: center;
  background: #0f001f;
}
.admin-comment .comment-body .content h5 {
  margin-bottom: 8px;
}
.admin-comment .comment-body .content .social-icons {
  margin-top: 10px;
}
.admin-comment .comment-body .content .social-icons a {
  margin-right: 20px;
}
.admin-comment .comment-body .content .social-icons a:hover {
  color: var(--wt-text-p);
}

/* Comment Form */
.comment-form {
  max-width: 100% !important;
  position: relative;
  z-index: 1;
  background: #0f001f !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.comment-form-shape {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .widget-pagination {
    margin-bottom: 60px;
  }
}
.widget-pagination ul {
  display: flex;
  gap: 10px;
  align-items: center;
}
.widget-pagination ul li {
  cursor: pointer;
  transition: 0.4s;
}
.widget-pagination ul li:hover {
  color: var(--wt-theme-primary-4);
}
.widget-pagination ul li i {
  width: 44px;
  height: 44px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: transparent;
  color: var(--wt-text-1);
  border: 1px solid rgba(255, 255, 255, 0.07);
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s;
}
.widget-pagination ul li a {
  width: 44px;
  height: 44px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: transparent;
  color: var(--wt-text-1);
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s;
}
.widget-pagination ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(136deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: -1;
}
.widget-pagination ul li a:hover {
  color: var(--wt-common-white);
  border: 1px solid var(--wt-theme-pink) !important;
}
.widget-pagination ul li a:hover::before {
  visibility: visible;
  opacity: 1;
}

/*----------------------------------------*/
/*  5.3 Recent Post Css
/*----------------------------------------*/
.widget-news li {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-news li {
    align-items: flex-start;
    gap: 15px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-news li {
    align-items: flex-start;
    gap: 15px;
    flex-direction: inherit;
  }
}
@media (max-width: 767px) {
  .widget-news li {
    align-items: flex-start;
    gap: 15px;
    flex-direction: inherit;
  }
}
.widget-news li:not(:last-child) {
  margin-bottom: 20px;
}
.widget-news li .image {
  max-width: 100px;
  width: 100%;
  height: 100px;
}
.widget-news li .image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.widget-news li .content h6 {
  font-size: 16px;
  font-weight: var(--wt-fw-sbold);
  line-height: 1.62;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-news li .content h6 {
    font-size: 16px;
  }
}
.widget-news li .content h6 a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.widget-news li .content h6:hover a {
  background-size: 100% 1px;
}
.widget-news li .content .date {
  display: block;
  margin-top: -3px;
  margin-bottom: 5px;
  color: var(--wt-text-p);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-news li .content .date {
    font-size: 14px;
  }
}
.widget-news li .content .date i {
  margin-right: 5px;
  font-size: 12px;
}

.tag-clouds {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  row-gap: 7px;
}
.tag-clouds a {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 3px 16px;
  display: inline-block;
  color: var(--wt-text-p);
  position: relative;
  z-index: 1;
}
.tag-clouds a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.tag-clouds a:hover {
  color: var(--wt-common-white);
}
.tag-clouds a:hover::before {
  opacity: 1;
  visibility: visible;
}

/* Tag Cloud */
.tag-share {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.tag-share .item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.tag-share .item h6 {
  margin-right: 15px;
  margin-bottom: 0;
  font-weight: var(--wt-fw-sbold);
  font-size: 20px;
}
.tag-share .social a {
  font-size: 12px;
  margin-right: 6px;
  transition: all 0.3s 0s ease-out;
  color: var(--wt-text-1);
  width: 35px;
  height: 35px;
  line-height: 1;
  border-radius: 25px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tag-share .social a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.tag-share .social a:hover {
  color: var(--wt-common-white);
  border: 1px solid transparent;
}
.tag-share .social a:hover::before {
  visibility: visible;
  opacity: 1;
}

/*----------------------------------------*/
/*   5.4 Sidebar Css
/*----------------------------------------*/
.blog-sidebar {
  background: #10041D;
  border-radius: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-sidebar {
    margin-top: 30px;
  }
}

.widget:not(:last-child) {
  padding: 45px 30px 0;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.widget:last-child {
  padding: 45px 30px 0;
  padding-bottom: 50px;
}
.widget-title {
  font-size: 20px;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}

.widget-search form {
  position: relative;
}
.widget-search form input {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border-radius: 15px;
  padding-right: 80px;
}
.widget-search form input::placeholder {
  font-family: var(--font-family);
  font-weight: var(--wt-fw-regular);
  font-size: 16px;
  color: #a9a9a9;
}
.widget-search form input:focus {
  box-shadow: none;
  border: 1px solid var(--wt-theme-pink);
}
.widget-search form button {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 15px;
  color: var(--wt-common-white);
  font-size: 18px;
  font-weight: var(--wt-fw-black);
}

.widget-category li {
  list-style: none;
  color: var(--wt-text-p);
  display: flex;
  align-items: center;
  gap: 12px;
}
.widget-category li:not(:last-child) {
  margin-bottom: 10px;
}
.widget-category li span {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.widget-category li span::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 49%;
  left: 49%;
  transform: translate(-50%, -50%);
  background: var(--wt-theme-pink);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.widget-category li a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.widget-category li:hover a {
  color: var(--wt-common-white);
  background-size: 100% 1px;
}
.widget-category li:hover span {
  border: 1px solid var(--wt-theme-pink);
}
.widget-category li:hover span::before {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*   6.1 Footer Style 1
/*----------------------------------------*/
.wt-footer-top {
  padding: 40px 0 30px;
}
.wt-footer-top-title {
  font-size: 150px;
  color: #1b0d2a !important;
  letter-spacing: -0.03em;
  white-space: nowrap;
  margin-bottom: 0;
  position: relative;
  z-index: -2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-footer-top-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-top-title {
    font-size: 115px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-top-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-top-title {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .wt-footer-top-title {
    font-size: 35px;
    z-index: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-footer-top-title {
    font-size: 55px;
  }
}
.wt-footer-center {
  border-radius: 20px;
  background: var(--wt-common-black);
  border: 1px solid rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(100px);
  margin: 0 165px 0;
  padding: 80px 0 45px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-footer-center {
    margin: 0 70px 0;
  }
}
@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) {
  .wt-footer-center {
    margin: 0 0 0;
  }
}
@media (max-width: 767px) {
  .wt-footer-cols-1 {
    margin-bottom: 40px;
  }
}
.wt-footer-cols-2 {
  margin-left: 73px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-cols-2 {
    margin-left: 0;
    margin-bottom: 42px;
  }
}
.wt-footer-cols-3 {
  margin-left: 46px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-cols-3 {
    margin-left: 0;
  }
}
.wt-footer-logo {
  max-width: 180px;
  width: 100%;
  margin-bottom: 28px;
}
.wt-footer-logo img {
  width: 100%;
}
.wt-footer-title {
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-widget {
    margin-bottom: 30px;
  }
}
.wt-footer-widget p {
  color: var(--wt-text-p);
  line-height: 162%;
  margin-bottom: 32px;
}
.wt-footer-widget-check-box .wt-checkout-option {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wt-footer-widget-check-box label {
  font-size: 14px;
  color: var(--wt-text-p);
  display: inline-block;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .wt-footer-widget-check-box label {
    font-size: 12px;
  }
}
.wt-footer-widget-check-box label::before {
  top: 1px;
  left: 3px;
  font-size: 8px;
}
.wt-footer-widget-check-box label::after {
  top: 13px;
  width: 12px;
  height: 12px;
  line-height: 16px;
  border: 1px solid #423264;
}
.wt-footer-bottom {
  padding: 25px 0 25px;
  position: relative;
  z-index: 2;
}
.wt-footer-bottom-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.wt-footer-bottom-text p {
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  text-align: center;
  color: var(--wt-text-p);
  margin-bottom: 0;
}
.wt-footer-bottom-text .wt-border-btn {
  font-size: 12px;
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3px 26px 5px;
}
@media (max-width: 767px) {
  .wt-footer-scroll-button {
    margin: 10px 0;
  }
}
.wt-footer-scroll-button a {
  width: 46px;
  height: 46px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 15px;
  color: var(--wt-common-white);
  font-size: 18px;
}
.wt-footer-copyright {
  padding-top: 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-footer-copyright-paragraph {
    text-align: center;
  }
}
.wt-footer-copyright-paragraph p {
  color: var(--wt-text-p);
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-copyright-paragraph p {
    font-size: 14px;
    margin-left: -18px;
  }
}
.wt-footer-copyright-paragraph p a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-footer-copyright-paragraph p a:hover {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-medium);
  background-size: 100% 1px;
}
.wt-footer-color-shape::before {
  content: "";
  position: absolute;
  width: 504px;
  height: 504px;
  left: 50%;
  bottom: 7%;
  transform: translateX(-50%);
  border-radius: 100%;
  background: rgba(255, 0, 64, 0.2);
  filter: blur(43px);
  z-index: -1;
}

.widget-info .wt-primary-btn {
  padding: 5px 25px;
  font-weight: var(--wt-fw-sbold);
  font-size: 12px;
}

.widget-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget-links ul li {
  margin-bottom: 5px;
}
.widget-links ul li:last-child {
  margin-bottom: 0;
}
.widget-links ul li a {
  color: var(--wt-text-p);
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.widget-links ul li a:hover {
  color: var(--wt-common-white);
  background-size: 100% 1px;
}

.widget-newsletter .form-input {
  position: relative;
  z-index: 1;
  margin-bottom: 7px;
}
.widget-newsletter .form-input input {
  background: var(--wt-common-white) !important;
  height: 60px;
  padding-left: 25px;
  padding-right: 70px;
  border-radius: 15px;
}
.widget-newsletter .form-input button {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 15px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--wt-common-white);
  font-size: 18px;
}
.widget-newsletter p {
  margin-bottom: 19px;
}

.widget-nav ul {
  list-style: none;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-nav ul {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .widget-nav ul {
    gap: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .widget-nav ul {
    justify-content: center;
  }
}
.widget-nav ul li a {
  color: rgba(175, 162, 189, 0.5);
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-nav ul li a {
    font-size: 14px;
  }
}
.widget-nav ul li a:hover {
  background-size: 100% 1px;
  color: var(--wt-common-white);
}

/*----------------------------------------*/
/*   6.2 Footer Style 2
/*----------------------------------------*/
.wt-footer-2-area {
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-2-area {
    padding: 0 0 40px;
  }
}
.wt-footer-2-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 14, 54, 0.7);
  z-index: -1;
}
.wt-footer-2-area .widget-nav ul li a {
  color: var(--wt-text-p);
}
.wt-footer-2-area .widget-nav ul li a:hover {
  color: var(--wt-common-white);
}
.wt-footer-2-area .widget-newsletter .form-input button {
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
}
.wt-footer-2-area .wt-footer-scroll-button a {
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-2-area .wt-footer-widget {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wt-footer-2-area .wt-footer-widget {
    margin-bottom: 30px;
  }
}
.wt-footer-2-top {
  padding: 80px 0 0;
}
.wt-footer-2-top-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 70px;
  margin-bottom: 70px;
}
.wt-footer-2-top-title {
  font-weight: var(--wt-fw-medium);
  font-size: 65px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-2-top-title {
    font-size: 59px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-2-top-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-2-top-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .wt-footer-2-top-title {
    font-size: 50px;
    margin-bottom: 30px;
  }
}
.wt-footer-2-top-title span {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-footer-2-top-button {
  text-align: right;
}
@media (max-width: 767px) {
  .wt-footer-2-top-button {
    text-align: left;
  }
}
.wt-footer-2-top-button .wt-primary-2-btn {
  padding: 16px 36px;
}
.wt-footer-2-cols-3 {
  margin-left: 58px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-2-cols-3 {
    margin-left: 0;
  }
}
.wt-footer-2-cols-4 {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-2-cols-4 {
    margin-left: 0;
  }
}
.wt-footer-2-cols-7 {
  margin-left: -48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-2-cols-7 {
    margin-left: 0;
  }
}
.wt-footer-2-cols-8 {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-2-cols-8 {
    margin-left: 0;
  }
}
.wt-footer-2-title {
  font-weight: var(--wt-fw-regular);
  font-size: 30px;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  margin-bottom: 40px;
}
.wt-footer-2-location a {
  color: #afa2bd;
  display: inline-block;
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
  max-width: 210px;
  width: 100%;
}
.wt-footer-2-location a:hover {
  background-size: 100% 1px;
}
.wt-footer-2-email a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-footer-2-email a:hover {
  background-size: 100% 1px;
}
.wt-footer-2-call a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-2-call a {
    display: block;
  }
}
.wt-footer-2-call a:hover {
  background-size: 100% 1px;
}

/*----------------------------------------*/
/*   6.3 Footer Style 3
/*----------------------------------------*/
.wt-footer-3-area {
  background: var(--wt-common-black);
  padding: 0 0 105px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-3-area {
    padding: 0 0 60px;
  }
}
.wt-footer-3-area::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -80px;
  left: -40px;
  background: rgba(255, 0, 64, 0.2);
  filter: blur(400px);
  border-radius: 100%;
  z-index: -1;
}
.wt-footer-3-area::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -25px;
  right: -60px;
  background: rgba(255, 0, 64, 0.2);
  filter: blur(400px);
  border-radius: 100%;
  z-index: -1;
}
.wt-footer-3-area .wt-maquee-3-animated-heading {
  color: rgba(255, 255, 255, 0.02);
}
.wt-footer-3-top {
  padding: 130px 0 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-3-top {
    padding: 80px 0 80px;
  }
}
.wt-footer-3-top-wrapper {
  text-align: center;
}
.wt-footer-3-top-wrapper h2 {
  font-weight: var(--wt-fw-medium);
  font-size: 65px;
  line-height: 1.11;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-3-top-wrapper h2 {
    font-size: 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-3-top-wrapper h2 {
    font-size: 63px;
  }
}
@media (max-width: 767px) {
  .wt-footer-3-top-wrapper h2 {
    font-size: 50px;
  }
}
.wt-footer-3-top-wrapper h2 span {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-footer-3-top-wrapper p {
  font-size: 20px;
  font-weight: var(--wt-fw-medium);
  color: var(--wt-common-white);
  margin-bottom: 52px;
}
.wt-footer-3-cols-2 {
  margin-left: -9px;
}
@media (max-width: 767px) {
  .wt-footer-3-cols-2 {
    margin-left: 0;
  }
}
.wt-footer-3-cols-3 {
  margin-left: -48px;
}
@media (max-width: 767px) {
  .wt-footer-3-cols-3 {
    margin-left: 0;
  }
}
.wt-footer-3-cols-4 {
  margin-left: -60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-3-cols-4 {
    margin-left: 0;
  }
}
.wt-footer-3-cols-5 {
  margin-left: -73px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-3-cols-5 {
    margin-left: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-3-cols-5 {
    margin-left: 0;
    margin-right: -65px;
  }
}
@media (max-width: 767px) {
  .wt-footer-3-cols-5 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-footer-3-cols-5 {
    margin-right: -60px;
  }
}
.wt-footer-3-bg-shape-1 {
  position: absolute;
  top: 185px;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-3-bg-shape-1 {
    display: none;
  }
}
.wt-footer-3-bg-shape-2 {
  position: absolute;
  right: 7%;
  top: 13%;
  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) {
  .wt-footer-3-bg-shape-2 {
    right: 1%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-3-bg-shape-2 {
    display: none;
  }
}
.wt-footer-3-bg-shape-3 {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-footer-3-bg-shape-3 {
    display: none;
  }
}
.wt-footer-3-scroll-shape {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  7.9 Hero Css
/*----------------------------------------*/
.wt-hero-area {
  background: var(--wt-common-black);
  padding: 294px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-area {
    padding: 200px 0 0;
  }
}
@media (max-width: 767px) {
  .wt-hero-area {
    padding: 180px 0 0;
  }
}
.wt-hero-area::before {
  content: "";
  position: absolute;
  top: -280px;
  left: -220px;
  width: 618px;
  height: 618px;
  border-radius: 50%;
  background: rgba(255, 0, 64, 0.1);
  filter: blur(900px);
  z-index: -1;
}
.wt-hero-area::after {
  content: "";
  position: absolute;
  top: -210px;
  right: -320px;
  width: 618px;
  height: 618px;
  border-radius: 50%;
  background: rgba(255, 0, 64, 0.1);
  filter: blur(900px);
  z-index: -1;
}
.wt-hero-bg {
  position: absolute;
  width: 100%;
  height: 1000px;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.wt-hero-top {
  margin-bottom: 166px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-top {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .wt-hero-top {
    margin-bottom: 50px;
  }
}
.wt-hero-top-content {
  text-align: center;
}
.wt-hero-top-subtitle {
  font-size: 22px;
  color: #E22EAB;
  margin-bottom: 8px;
}
.wt-hero-top-title {
  font-size: 100px;
  letter-spacing: -0.03em;
  line-height: 1.3;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-top-title {
    font-size: 86px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-top-title {
    font-size: 75px;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-top-title {
    font-size: 59px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .wt-hero-top-title {
    font-size: 39px;
    line-height: 1.1;
  }
}
.wt-hero-top-paragraph {
  max-width: 900px;
  width: 100%;
  margin: auto;
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  line-height: 194%;
  color: var(--wt-common-white);
}
@media (max-width: 767px) {
  .wt-hero-top-paragraph {
    font-size: 14px;
  }
}
.wt-hero-top-button {
  margin-top: 35px;
}
.wt-hero-thumb-shape {
  position: absolute;
  top: 85px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.wt-hero-thumb-shape img {
  animation: bounce-filter 7s forwards infinite alternate;
}
.wt-hero-btn {
  padding: 13px 36px;
  font-size: 16px;
}
.wt-hero-bottom-thumb img {
  width: 100%;
  border-radius: 15px;
}
.wt-hero-counter-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 50px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-hero-counter-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-counter-item {
    margin-bottom: 30px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-counter-item {
    margin-bottom: 27px;
    padding-bottom: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-counter-item {
    margin-bottom: 40px;
    padding-bottom: 28px;
  }
}
.wt-hero-bottom-counter {
  background: linear-gradient(136deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  padding: 50px 30px 40px;
  border-radius: 10px;
  text-align: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-hero-bottom-counter {
    padding: 20px 30px 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-bottom-counter {
    padding: 20px 30px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-bottom-counter {
    padding: 20px 15px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-bottom-counter {
    padding: 30px 30px 30px;
  }
}
.wt-hero-bottom-counter.two {
  background: var(--wt-theme-purple);
}
.wt-hero-bottom-counter.two .wt-hero-counter-item {
  padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-bottom-counter.two .wt-hero-counter-item {
    padding-bottom: 10px;
  }
}
.wt-hero-member {
  display: flex;
  justify-content: center;
}
.wt-hero-member-title {
  font-weight: var(--wt-fw-sbold);
  font-size: 30px;
  text-transform: uppercase;
  color: var(--wt-common-white);
  margin-bottom: 22px;
}
.wt-hero-member ul {
  display: flex;
}
.wt-hero-member ul li {
  list-style: none;
  margin-left: -13px;
  transition: ease-out 0.4s;
}
.wt-hero-member ul li:first-child {
  margin-left: 0;
}
.wt-hero-member ul li:last-child {
  border: none;
}
.wt-hero-member ul li a {
  width: 55px;
  height: 55px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--wt-common-white);
  color: var(--wt-common-black);
  border-radius: 50%;
  font-size: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-member ul li a {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-member ul li a {
    width: 40px;
    height: 40px;
  }
}
.wt-hero-member ul li img {
  width: 55px;
  height: 55px;
  border: 2px solid var(--wt-common-white);
  border-radius: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-member ul li img {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-member ul li img {
    width: 40px;
    height: 40px;
  }
}
.wt-hero-member ul:hover li {
  margin-left: -10px;
}
.wt-hero-member ul:hover li:first-child {
  margin-left: 0;
}
.wt-hero-counter-title {
  font-size: 65px;
  letter-spacing: -0.03em;
  margin-bottom: -4px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-counter-title {
    font-size: 45px;
  }
}
.wt-hero-counter-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 20px;
  color: var(--wt-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-counter-paragraph {
    font-size: 16px;
  }
}
.wt-hero-2-area {
  padding: 170px 15px 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-2-area {
    padding: 100px 15px 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-2-area {
    padding: 100px 15px 80px;
  }
}
@media (max-width: 767px) {
  .wt-hero-2-area {
    padding: 50px 15px 80px;
  }
}
.wt-hero-2-bg-overlay {
  position: absolute;
  width: 100%;
  height: 1144px;
  top: 0;
  left: 0;
  background: #180E36;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-2-bg-overlay {
    height: 1030px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-2-bg-overlay {
    height: 940px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-2-bg-overlay {
    height: 1080px;
  }
}
@media (max-width: 767px) {
  .wt-hero-2-bg-overlay {
    height: 620px;
  }
}
.wt-hero-2-left-thumb img {
  border-radius: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-2-left-thumb img {
    width: 90%;
  }
}
.wt-hero-2-left-shape {
  position: absolute;
  top: -172px;
  left: -31px;
  z-index: -1;
}
.wt-hero-2-wrapper {
  max-width: 671px;
  width: 100%;
  margin-top: 70px;
  margin-left: -23px;
}
@media (max-width: 767px) {
  .wt-hero-2-wrapper {
    margin-left: 0;
  }
}
.wt-hero-2-title {
  font-size: 85px;
  line-height: 1.1;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-hero-2-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-2-title {
    font-size: 69px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-2-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-2-title {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .wt-hero-2-title {
    font-size: 41px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-2-title {
    font-size: 46px;
  }
}
.wt-hero-2-title span {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-hero-2-right-thumb {
  margin-top: 80px;
  margin-left: -40px;
}
.wt-hero-2-right-thumb > img {
  animation: bounce-thum-3 4s forwards infinite alternate;
}
.wt-hero-2-right-shape {
  position: absolute;
  top: 50px;
  left: -90px;
  z-index: -1;
  opacity: 0.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-2-right-shape img {
    width: 130%;
  }
}
.wt-hero-2-bottom-content {
  padding: 110px 0 0 70px;
  max-width: 500px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-2-bottom-content {
    padding: 30px 0 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-2-bottom-content {
    padding: 30px 0 50px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-2-bottom-content {
    padding: 40px 0 40px 70px;
  }
}
@media (max-width: 767px) {
  .wt-hero-2-bottom-content {
    padding: 30px 0 0 0;
  }
}
.wt-hero-2-bottom-pagaraph {
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  line-height: 194%;
  color: var(--wt-common-white);
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-2-bottom-pagaraph {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wt-hero-2-bottom-pagaraph {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.wt-hero-2-bottom-thumb {
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
.wt-hero-2-bottom-thumb img {
  border-radius: 102px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-hero-2-bottom-thumb img {
    width: 100%;
  }
}
.wt-hero-3-area {
  padding: 175px 50px 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-3-area {
    padding: 175px 0 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-area {
    padding: 140px 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-hero-3-area {
    padding: 70px 0 10px;
  }
}
.wt-hero-3-area::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  top: -230px;
  left: -210px;
  background: rgba(255, 0, 64, 0.1);
  filter: blur(700px);
  border-radius: 100%;
}
.wt-hero-3-area::after {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  top: -165px;
  right: -105px;
  background: rgba(255, 0, 64, 0.1);
  filter: blur(700px);
  border-radius: 100%;
}
.wt-hero-3-bg-overlay {
  position: absolute;
  width: 100%;
  height: 1005px;
  top: 0;
  left: 0;
  background: var(--wt-common-black);
  z-index: -1;
}
.wt-hero-3-bottom {
  position: absolute;
  bottom: 95px;
  left: 0;
  z-index: -1;
}
.wt-hero-3-left {
  margin-top: 80px;
}
.wt-hero-3-content {
  max-width: 471px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-hero-3-content {
    max-width: 100%;
  }
}
.wt-hero-3-title {
  font-size: 60px;
  letter-spacing: -0.03em;
  padding-bottom: 50px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-3-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-3-title {
    font-size: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-title {
    font-size: 82px;
  }
}
@media (max-width: 767px) {
  .wt-hero-3-title {
    font-size: 44px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-3-title {
    font-size: 65px;
  }
}
.wt-hero-3-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ad86ff 48.62%, rgba(115, 48, 255, 0) 100%);
  z-index: -1;
}
.wt-hero-3-text {
  font-weight: var(--wt-fw-medium);
  font-size: 22px;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-3-text {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .wt-hero-3-text {
    font-size: 18px;
    margin-bottom: 30px;
    display: inline-block;
  }
}
.wt-hero-3-thumb {
  margin-left: -30px;
}
@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) {
  .wt-hero-3-thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-thumb {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .wt-hero-3-thumb {
    margin-left: 0;
    margin-top: 30px;
  }
}
.wt-hero-3-thumb img {
  border-radius: 15px;
}
@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), (max-width: 767px) {
  .wt-hero-3-thumb img {
    width: 100%;
  }
}
.wt-hero-3-right {
  max-width: 470px;
  width: 100%;
  margin-top: 70px;
  margin-left: 100px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-3-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-3-right {
    margin-top: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-right {
    max-width: 100%;
    margin-left: 0;
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-right {
    max-width: 100%;
    margin-left: 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .wt-hero-3-right {
    max-width: 100%;
    margin-top: 70px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-right-content {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-right-content {
    display: revert;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-button {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-button {
    margin-left: 0;
  }
}
.wt-hero-3-member {
  justify-content: left;
  position: relative;
  z-index: 1;
  padding-bottom: 65px;
  margin-bottom: 55px;
}
.wt-hero-3-member::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ad86ff 48.62%, rgba(115, 48, 255, 0) 100%);
  z-index: -1;
}
.wt-hero-3-member ul li img {
  width: 45px;
  height: 45px;
}
.wt-hero-3-member ul li a {
  width: 45px;
  height: 45px;
  font-size: 16px;
  color: #921FEA;
}
.wt-hero-3-member ul li a i {
  rotate: -45deg;
}
.wt-hero-3-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  line-height: 178%;
  margin-bottom: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-paragraph {
    max-width: 400px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-paragraph {
    max-width: 370px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.wt-hero-3-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.wt-hero-3-color-shape {
  position: absolute;
  width: 610px;
  height: 610px;
  top: -570px;
  left: 50%;
  background: rgba(255, 0, 64, 0.4);
  filter: blur(40px);
  border-radius: 100%;
  z-index: -1;
  transform: translateX(-50%);
}

/*----------------------------------------*/
/*  7.16 Service Css
/*----------------------------------------*/
.wt-service-area {
  background: var(--wt-common-black);
  padding: 120px 0 60px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-area {
    padding: 70px 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-area .wt-section-wrapper {
    margin-bottom: 30px;
  }
}
.wt-service-area .wt-section-subtitle {
  color: var(--wt-text-p);
}
.wt-service-wrapper {
  background: #0F001F;
  padding: 45px 40px 60px 50px;
  border-radius: 20px;
  margin-bottom: 75px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-wrapper {
    padding: 45px 30px 60px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .wt-service-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-service-wrapper {
    padding: 45px 140px 60px 50px;
  }
}
.wt-service-wrapper::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  background: rgba(255, 0, 64, 0.4);
  filter: blur(100px);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}
.wt-service-wrapper:hover::before {
  visibility: visible;
  opacity: 1;
}
.wt-service-wrapper:hover .wt-service-icon span {
  color: var(--wt-common-white);
}
.wt-service-wrapper.active::before {
  visibility: visible;
  opacity: 1;
}
.wt-service-wrapper.active .wt-service-icon span {
  color: var(--wt-common-white);
}
.wt-service-icon {
  margin-bottom: 26px;
}
.wt-service-icon span {
  color: #E22EAB;
  font-size: 56px;
  line-height: 1;
  display: inline-block;
  transition: 0.4s;
}
.wt-service-icon span i {
  line-height: 1;
  display: inline-block;
}
.wt-service-title {
  font-size: 22px;
  line-height: 1.36;
  margin-bottom: 20px;
}
.wt-service-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-service-title:hover a {
  background-size: 100% 1px;
}
.wt-service-paragraph {
  line-height: 162%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-paragraph {
    font-size: 14px;
  }
}
.wt-service-paragraph:last-child {
  margin-bottom: 0;
}
.wt-service-button {
  position: absolute;
  z-index: 3;
  width: 70px;
  height: 70px;
  background: var(--wt-common-black);
  display: inline-flex;
  align-items: end;
  justify-content: end;
  inset: calc(100% - 4.3em) 0 0 calc(100% - 4.4em);
  border-top-left-radius: 50%;
  transition: 1s ease 0.5s;
  padding-bottom: 1px;
}
.wt-service-button::before {
  inset: calc(100% - 1.3em) 0 0 -1.3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-service-button::after {
  inset: -1.25em 0 0 3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-service-btn {
  width: 55px;
  height: 55px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #0F001F;
  color: var(--wt-common-white);
  font-size: 18px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.wt-service-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 30px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-service-btn:hover {
  color: var(--wt-common-white);
}
.wt-service-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-service-bg-shape-1 {
  position: absolute;
  bottom: 65px;
  right: 210px;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-service-bg-shape-1 {
    right: 180px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-service-bg-shape-1 {
    right: 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) {
  .wt-service-bg-shape-1 {
    right: 0;
  }
}
@media (max-width: 767px) {
  .wt-service-bg-shape-1 {
    display: none;
  }
}
.wt-service-bg-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-service-bg-shape-2 {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-bg-shape-2 {
    width: 30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-bg-shape-2 {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-bg-shape-2 {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .wt-service-bg-shape-2 {
    display: none;
  }
}
.wt-service-2-area {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50px;
  padding: 120px 0 0;
  margin: 0 70px 0;
  border: 1px solid rgb(146, 31, 234);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-2-area {
    margin: 0 20px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-2-area {
    border-radius: 0;
    padding: 120px 0 0;
    margin: 0 0 0;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-2-area {
    border-radius: 0;
    padding: 80px 0 50px;
    margin: 0 0 0;
    border: none;
  }
}
.wt-service-2-area .wt-section-2-subtitle {
  background: #21102f;
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-service-2-area .wt-section-2-title {
  margin-bottom: 25px;
}
.wt-service-2-area .wt-section-2-paragraph {
  line-height: 162%;
  color: var(--wt-text-p);
  margin-bottom: 42px;
  max-width: 542px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-2-area .wt-section-2-paragraph {
    max-width: 480px;
  }
}
.wt-service-2-left-button .wt-border-btn {
  color: #921FEA;
  border: 1px solid #921FEA;
}
.wt-service-2-left-button .wt-border-btn:hover {
  background: #921FEA;
  color: var(--wt-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-2-wrapper {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-2-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 0;
  }
}
.wt-service-2-thumb {
  margin-left: -45px;
  margin-top: 135px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-2-thumb {
    margin-left: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-2-thumb {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wt-service-2-thumb {
    margin-top: 40px;
    margin-bottom: 30px;
    margin: 0 55px 0;
  }
}
@media (max-width: 767px) {
  .wt-service-2-thumb img {
    width: 100%;
  }
}
.wt-service-2-thumb.about {
  position: relative;
  z-index: 1;
}
.wt-service-2-thumb.about::before {
  content: "";
  position: absolute;
  width: 538px;
  height: 538px;
  bottom: -200px;
  left: 30%;
  transform: translateX(-50%);
  border-radius: 100%;
  background: rgba(255, 0, 64, 0.3);
  filter: blur(300px);
  z-index: -1;
}
@media (max-width: 767px) {
  .wt-service-2-thumb.about::before {
    display: none;
  }
}
.wt-service-2-item {
  display: flex;
  align-items: center;
  background: var(--wt-common-black);
  border-radius: 20px 20px 0 20px;
  padding: 20px 38px 20px;
  margin-bottom: 20px;
  transition: 0.4s;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .wt-service-2-item {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.wt-service-2-item:last-child {
  margin-bottom: 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) {
  .wt-service-2-item:last-child {
    margin-bottom: 30px;
  }
}
.wt-service-2-left-content {
  max-width: 143px;
  width: 100%;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .wt-service-2-left-content {
    max-width: 100%;
    margin-right: 50px;
  }
}
.wt-service-2-left-content span {
  color: var(--wt-text-p);
  margin-bottom: 12px;
  display: inline-block;
}
.wt-service-2-left-content h4 {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
}
.wt-service-2-left-content h4 a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-service-2-left-content h4:hover {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-service-2-left-content h4:hover a {
  background-size: 100% 1px;
}
.wt-service-2-center-thumb {
  margin-right: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-2-center-thumb {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .wt-service-2-center-thumb {
    margin: 10px 0 15px;
  }
}
.wt-service-2-center-thumb img {
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-2-right-content {
    padding: 0 58px 0 0;
  }
}
.wt-service-2-right-content p {
  color: var(--wt-text-p);
  line-height: 162%;
}
.wt-service-2-right-content ul {
  list-style: none;
}
.wt-service-2-right-content ul li {
  font-weight: var(--wt-fw-medium);
  font-size: 14px;
  color: var(--wt-text-p);
  display: flex;
  align-items: center;
  gap: 8px;
}
.wt-service-2-right-content ul li span {
  background: linear-gradient(90deg, #fca528 0%, #e22eab 48.87%, #921fea 100%);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  display: inline-block;
}
.wt-service-2-button {
  position: absolute;
  z-index: 3;
  width: 58px;
  height: 58px;
  background: #150425;
  display: inline-flex;
  align-items: end;
  justify-content: end;
  inset: calc(100% - 3.6em) 0 0 calc(100% - 3.6em);
  border-top-left-radius: 50%;
  transition: 1s ease 0.5s;
  padding-right: 5px;
  padding-bottom: 5px;
}
.wt-service-2-button::before {
  inset: calc(100% - 1.3em) 0 0 -1.3em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em #150425;
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-service-2-button::after {
  inset: -1.25em 0 0 2.2em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.3em #150425;
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: transparent;
}
.wt-service-2-btn {
  width: 40px;
  height: 40px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--wt-common-black);
  color: var(--wt-text-p);
  border-radius: 10px;
  position: relative;
  transition: 0.4s linear-gradient;
}
.wt-service-2-btn:hover {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  color: var(--wt-common-white);
}
.wt-service-3-area {
  padding: 120px 0 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-3-area {
    padding: 80px 0 80px;
  }
}
.wt-service-3-area .wt-section-3-subtitle {
  background: rgba(15, 0, 31, 0.3);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-service-3-area .wt-section-3-title {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .wt-service-3-area .wt-section-3-title {
    margin-bottom: 20px;
  }
}
.wt-service-3-area .wt-section-3-paragraph {
  color: var(--wt-text-p);
}
.wt-service-3-area .wt-maquee-3-animated-heading {
  color: rgba(255, 255, 255, 0.03);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-3-thumb {
    text-align: right;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-service-3-thumb {
    text-align: center;
  }
}
.wt-service-3-accordion {
  max-width: 630px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-3-accordion {
    max-width: 100%;
  }
}
.wt-service-3-accordion-item {
  background-color: #0a061d;
  padding: 30px 32px 25px;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.wt-service-3-accordion-title {
  color: var(--wt-common-black);
  font-size: 20px;
  font-weight: var(--wt-fw-sbold);
  letter-spacing: -0.02em;
  line-height: 60px;
  text-transform: capitalize;
  gap: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-3-accordion-title {
    gap: 70px;
  }
}
@media (max-width: 767px) {
  .wt-service-3-accordion-title {
    gap: 20px;
  }
}
.wt-service-3-accordion-title .icon {
  font-size: 45px;
  color: var(--wt-common-white);
  display: inline-block;
  line-height: 1;
}
.wt-service-3-accordion-title .icon i {
  display: inline-block;
  line-height: 1;
}
.wt-service-3-accordion-title .title {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  max-width: 220px;
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .wt-service-3-accordion-title .title {
    font-size: 18px;
  }
}
.wt-service-3-accordion-title.collapsed::before {
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  box-shadow: inherit;
}
.wt-service-3-accordion-title.collapsed.wt-service-3-accordion-item {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-service-3-accordion-title::before {
  content: "\e09f";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-weight: var(--wt-fw-regular);
  right: -16px;
  font-size: 16px;
  transition: 0.6s;
  width: 55px;
  height: 55px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #7330ff 0%, #ad86ff 48.62%, #7330ff 100%);
  color: var(--wt-common-white);
  border: 1px solid transparent;
  border-radius: 50%;
  transition: 0.4s;
}
.wt-service-3-accordion-title:not(.collapsed) {
  color: var(--wt-common-black);
  background: none;
}
.wt-service-3-accordion-title:focus {
  border: none;
  box-shadow: none;
}
.wt-service-3-accordion-thumb {
  text-align: center;
  margin-top: 35px;
}
.wt-service-3-accordion-thumb img {
  width: 100%;
  border-radius: 10px;
}
.wt-service-3-accordion-pera {
  padding: 20px 43px 0px 40px;
  color: var(--wt-text-p);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-3-accordion-pera {
    padding: 20px 31px 0px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .wt-service-3-accordion-pera {
    padding: 20px 0 0px;
    font-size: 14px;
  }
}
.wt-service-3-bg-shape {
  position: absolute;
  bottom: 130px;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-about-area {
    padding: 0 0 80px;
  }
}
.wt-service-about-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-service-about-area .wt-section-2-title {
  margin-bottom: 30px;
}
.wt-service-about-area .wt-section-2-paragraph {
  color: var(--wt-text-p);
  max-width: 520px;
  width: 100%;
  margin-bottom: 50px;
}
.wt-service-about-wrapper {
  margin-left: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-service-about-wrapper {
    margin-left: 0;
  }
}
.wt-service-about-item {
  background: #0f001f;
  padding: 20px 20px 20px 50px;
  margin-bottom: 30px;
  border-radius: 15px;
  transition: all 0.4s 0s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-service-about-item:last-child {
  margin-bottom: 0;
}
.wt-service-about-item:hover {
  background: var(--wt-theme-purple);
}
.wt-service-about-item:hover .wt-service-about-icon span {
  background: var(--wt-common-white);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-service-about-item:hover .wt-service-about-title {
  color: var(--wt-common-white);
}
.wt-service-about-item:hover .wt-service-about-paragraph {
  color: var(--wt-common-white);
}
.wt-service-about-item:hover .wt-service-about-number span {
  background: var(--wt-theme-pink);
  color: var(--wt-common-white);
}
.wt-service-about-item.active {
  background: var(--wt-theme-purple);
}
.wt-service-about-item.active .wt-service-about-icon span {
  background: var(--wt-common-white);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-service-about-item.active .wt-service-about-title {
  color: var(--wt-common-white);
}
.wt-service-about-item.active .wt-service-about-paragraph {
  color: var(--wt-common-white);
}
.wt-service-about-item.active .wt-service-about-number span {
  background: var(--wt-theme-pink);
  color: var(--wt-common-white);
}
.wt-service-about-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.wt-service-about-icon span {
  font-size: 45px;
  display: inline-block;
  line-height: 1;
  transition: 0.4s;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-service-about-number span {
  width: 55px;
  height: 55px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  color: var(--wt-common-white);
  border-radius: 50%;
  font-weight: var(--wt-fw-sbold);
  font-size: 18px;
  letter-spacing: -0.03em;
  text-align: center;
}
.wt-service-about-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  margin-bottom: 22px;
  transition: 0.3s;
}
.wt-service-about-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-service-about-title:hover a {
  background-size: 100% 1px;
}
.wt-service-about-paragraph {
  color: var(--wt-common-white);
  font-size: 14px;
  line-height: 162%;
  max-width: 405px;
  width: 100%;
  transition: 0.4s;
}
.wt-service-inrpge-area {
  padding: 0 0 100px;
}
.wt-service-inrpge-area .wt-section-3-subtitle {
  background: #130c19;
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-service-inrpge-area .wt-service-icon span {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.4s;
}
.wt-service-inrpge-area .wt-service-title {
  color: var(--wt-common-white);
}
.wt-service-inrpge-area .wt-service-paragraph {
  line-height: 162%;
  color: var(--wt-common-white);
}
.wt-service-inrpge-area .wt-service-button {
  background: var(--wt-common-black);
}
.wt-service-inrpge-area .wt-service-button::before {
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  inset: calc(100% - 1.3em) 0 0 -1.2em;
}
.wt-service-inrpge-area .wt-service-button::after {
  box-shadow: 0.3em 0.3em 0 0.3em var(--wt-common-black);
  inset: -1.25em 0 0 3.2em;
}
.wt-service-inrpge-area .wt-service-btn {
  background: #0F001F;
  color: var(--wt-common-white);
}
.wt-service-inrpge-area .wt-service-btn:hover {
  color: var(--wt-common-white);
}
.wt-service-inrpge-wrapper {
  background: #0F001F;
}
.wt-service-inrpge-wrapper::before {
  display: none;
}
.wt-service-inrpge-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}
.wt-service-inrpge-wrapper:hover::after {
  visibility: visible;
  opacity: 1;
}
.wt-service-inrpge-wrapper:hover .wt-service-icon span {
  background: var(--wt-common-white);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.4s;
}
.wt-service-inrpge-wrapper:hover .wt-service-title {
  color: var(--wt-common-white);
}
.wt-service-inrpge-wrapper:hover .wt-service-paragraph {
  color: var(--wt-common-white);
}
.wt-service-inrpge-wrapper.active::after {
  visibility: visible;
  opacity: 1;
}
.wt-service-inrpge-wrapper.active .wt-service-icon span {
  background: var(--wt-common-white);
  background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.4s;
}
.wt-service-inrpge-wrapper.active .wt-service-title {
  color: var(--wt-common-white);
}
.wt-service-inrpge-wrapper.active .wt-service-paragraph {
  color: var(--wt-common-white);
}
.wt-service-details-area {
  position: relative;
  z-index: 1;
}
.wt-service-details-wrapper {
  padding: 100px 0 120px;
}
.wt-service-details-thumb img {
  width: 100%;
  border-radius: 15px;
}
.wt-service-details-title {
  font-size: 55px;
  letter-spacing: -0.03em;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .wt-service-details-title {
    font-size: 35px;
  }
}
.wt-service-details-title.two {
  margin-bottom: 30px;
}
.wt-service-details-paragraph {
  max-width: 990px;
  width: 100%;
}
.wt-service-details-accordion {
  max-width: 965px !important;
  margin-top: 50px !important;
  margin-left: 0 !important;
}
.wt-service-details-accordion .wt-faq-accordion-item {
  background: #0f001f;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: inherit;
}
.wt-service-details-accordion .wt-faq-accordion-title.collapsed::before {
  background: transparent;
  box-shadow: inherit;
}
.wt-service-details-shape-1 {
  position: absolute;
  bottom: -270px;
  left: -313px;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media (max-width: 767px) {
  .wt-service-details-shape-1 {
    display: none;
  }
}
.wt-service-details-shape-2 {
  position: absolute;
  bottom: 265px;
  right: -280px;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media (max-width: 767px) {
  .wt-service-details-shape-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.1 About Css
/*----------------------------------------*/
.wt-about-area {
  background: #10041D;
  padding: 130px 0 130px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-area {
    padding: 80px 0 80px;
  }
}
.wt-about-area .wt-section-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border: 1px solid rgba(7, 0, 14, 0.07);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-area .wt-primary-btn {
    padding: 12px 24px;
    font-size: 14px;
  }
}
.wt-about-thumb img {
  border-radius: 25px;
}
@media (max-width: 767px) {
  .wt-about-thumb img {
    width: 100%;
  }
}
.wt-about-thumb-item {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-align: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(100px);
  padding: 18px 65px 30px;
  max-width: 365px;
  width: 100%;
}
@media (max-width: 767px) {
  .wt-about-thumb-item {
    padding: 18px 40px 30px;
    max-width: 320px;
    right: 15px;
  }
}
.wt-about-center {
  margin-left: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-center {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .wt-about-center {
    margin-left: 0;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-center.two {
    margin-top: -300px;
    flex-direction: column;
  }
}
.wt-about-center-descri {
  margin-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-center-descri {
    max-width: 295px;
    margin-bottom: 0;
  }
}
.wt-about-center-paragraph {
  line-height: 162%;
}
.wt-about-center-paragraph span {
  color: var(--wt-common-black);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: underline;
}
.wt-about-center-counter .wt-hero-counter-title {
  color: var(--wt-theme-pink);
  font-size: 45px;
  font-weight: var(--wt-fw-regular);
  letter-spacing: -0.05em;
  margin-bottom: -10px;
  display: flex;
  gap: 6px;
}
.wt-about-center-counter .wt-hero-counter-title span {
  font-size: 120px;
  font-weight: var(--wt-fw-sbold);
  color: var(--wt-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-center-counter .wt-hero-counter-title span {
    font-size: 80px;
  }
}
.wt-about-center-counter .wt-hero-counter-paragraph {
  font-weight: var(--wt-fw-regular);
  font-size: 18px;
  color: var(--wt-text-p);
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-center-counter .wt-hero-counter-paragraph {
    font-size: 16px;
    max-width: 120px;
  }
}
.wt-about-center-button {
  margin-bottom: 35px;
}
.wt-about-right {
  background: var(--wt-theme-purple);
  padding: 34px 30px 24px 40px;
  max-width: 250px;
  width: 100%;
  border-radius: 10px;
  margin-left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-right {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    display: flex;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .wt-about-right {
    padding: 34px 60px 24px 40px;
    max-width: 100%;
    margin-top: 30px;
  }
}
.wt-about-right-item {
  margin-bottom: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-right-item {
    padding: 0 40px 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-right-item {
    padding: 0;
    margin-bottom: 0;
  }
}
.wt-about-right-item:last-child {
  margin-bottom: 0;
}
.wt-about-right-icon {
  margin-bottom: 22px;
}
.wt-about-right-icon span {
  color: var(--wt-common-white);
  font-size: 46px;
  display: inline-block;
  line-height: 1;
}
.wt-about-right-icon span i {
  display: inline-block;
  line-height: 1;
}
.wt-about-right-title {
  color: var(--wt-common-white);
  font-size: 18px;
  line-height: 1.67;
}
.wt-about-bottom-counter-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-bottom-counter-wrapper {
    flex-wrap: inherit;
    margin-bottom: 30px;
  }
}
.wt-about-bottom-counter-wrapper .wt-about-center-counter {
  max-width: 240px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter {
    max-width: 170px;
  }
}
@media (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter {
    max-width: 180px;
  }
}
.wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(1) {
  max-width: 270px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(1) {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(1) {
    max-width: 170px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(1) {
    max-width: 230px;
  }
}
.wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(3) {
  max-width: 270px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(3) {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(3) {
    max-width: 170px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-about-center-counter:nth-child(3) {
    max-width: 230px;
  }
}
.wt-about-bottom-counter-wrapper .wt-hero-counter-title span {
  font-weight: var(--wt-fw-sbold);
  font-size: 85px;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-bottom-counter-wrapper .wt-hero-counter-title span {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-hero-counter-title span {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-hero-counter-title span {
    font-size: 56px;
  }
}
.wt-about-bottom-counter-wrapper .wt-hero-counter-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 16px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .wt-about-bottom-counter-wrapper .wt-hero-counter-paragraph {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .wt-about-bottom-thumb {
    margin-top: 30px;
  }
}
.wt-about-bottom-thumb img {
  border-radius: 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), (max-width: 767px) {
  .wt-about-bottom-thumb img {
    width: 100%;
  }
}
.wt-about-bg-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-bg-shape-1 {
    display: none;
  }
}
.wt-about-bg-shape-2 {
  position: absolute;
  right: -45px;
  top: 120px;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-bg-shape-2 {
    display: none;
  }
}
.wt-about-bg-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-bg-shape-3 {
    display: none;
  }
}
.wt-about-2-area {
  padding: 0 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-2-area {
    padding: 0 0 80px;
  }
}
.wt-about-2-top-item {
  margin-left: -317px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-about-2-top-item {
    margin-left: -270px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-about-2-top-item {
    margin-left: -260px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-2-top-item {
    margin-left: -280px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-2-top-item {
    margin-left: -218px;
  }
}
@media (max-width: 767px) {
  .wt-about-2-top-item {
    margin-left: 0;
  }
}
.wt-about-2-top-thumb {
  animation: bounce-thum-3 3s forwards infinite alternate;
}
@media (max-width: 767px) {
  .wt-about-2-top-thumb img {
    width: 100%;
  }
}
.wt-about-2-thumb img {
  border-radius: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .wt-about-2-thumb img {
    width: 100%;
  }
}
.wt-about-2-paragraph {
  font-size: 20px;
  line-height: 175%;
  color: var(--wt-text-p);
  margin-bottom: 50px;
  max-width: 510px;
  width: 100%;
}
@media (max-width: 767px) {
  .wt-about-2-paragraph {
    font-size: 16px;
  }
}
.wt-about-2-counter {
  display: flex;
  gap: 132px;
}
@media (max-width: 767px) {
  .wt-about-2-counter {
    gap: 80px;
  }
}
.wt-about-2-counter-title {
  font-size: 55px;
  letter-spacing: -0.03em;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .wt-about-2-counter-title {
    font-size: 36px;
  }
}
.wt-about-2-counter-paragraph {
  color: var(--wt-text-p);
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .wt-about-2-counter-paragraph {
    margin-bottom: 20px;
  }
}
.wt-about-2-button .wt-primary-2-btn {
  background: #E22EAB;
}
.wt-about-2-bg-shape-1 {
  position: absolute;
  top: -35px;
  left: 0;
  z-index: -1;
  animation: bounce-thum-3 4s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-2-bg-shape-1 {
    display: none;
  }
}
.wt-about-2-bg-shape-2 {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: -1;
  animation: bounce-thum-3 3s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-2-bg-shape-2 {
    display: none;
  }
}
.wt-about-3-area {
  padding: 130px 0 130px;
  border: 1px solid var(--wt-theme-purple);
  border-radius: 15px;
  margin: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-3-area {
    padding: 80px 0 80px;
  }
}
.wt-about-3-area .wt-section-3-subtitle {
  background: rgba(15, 0, 31, 0.3);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-about-3-area .wt-maquee-3-animated-heading {
  color: rgba(255, 255, 255, 0.02);
}
.wt-about-3-center {
  position: absolute;
  top: 31%;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-3-left-thumb {
    text-align: center;
  }
}
.wt-about-3-left-thumb img {
  border-radius: 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) {
  .wt-about-3-left-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-3-left-thumb img {
    border-radius: 10px;
    width: 100%;
    height: 380px;
    object-fit: cover;
  }
}
.wt-about-3-wrapper {
  margin-top: 170px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-3-wrapper {
    margin-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-3-wrapper {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .wt-about-3-wrapper {
    margin-top: 30px;
    text-align: left;
  }
}
.wt-about-3-list {
  margin-bottom: 60px;
}
.wt-about-3-list ul {
  display: flex;
  justify-content: center;
  list-style: none;
  gap: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-3-list ul {
    flex-wrap: wrap;
    row-gap: 25px;
  }
}
@media (max-width: 767px) {
  .wt-about-3-list ul {
    gap: 10px;
    flex-direction: column;
  }
}
.wt-about-3-list ul li {
  color: var(--wt-common-white);
  font-weight: var(--wt-common-black);
  display: flex;
  align-items: center;
  gap: 10px;
}
.wt-about-3-right-thumb {
  margin-top: -115px;
  text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-3-right-thumb {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-3-right-thumb {
    text-align: center;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .wt-about-3-right-thumb {
    margin-top: 30px;
  }
}
.wt-about-3-right-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-3-right-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-3-right-thumb img {
    width: 100%;
    height: 380px;
    object-fit: cover;
  }
}
.wt-about-3-paragraph {
  color: var(--wt-text-p);
  line-height: 162%;
  max-width: 578px;
  width: 100%;
  margin: auto;
  margin-bottom: 36px;
}
.wt-about-3-bg-shape-1 {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.wt-about-3-bg-shape-1 img {
  animation: bounce-filter 7s forwards infinite alternate;
}
.wt-about-3-bg-shape-2 {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-3-bg-shape-2 {
    display: none;
  }
}
.wt-about-inrpge-area {
  padding: 0 0 100px;
}
.wt-about-inrpge-count {
  width: 300px;
  height: 300px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid rgba(234, 240, 255, 0.1);
  border-radius: 50%;
}
.wt-about-inrpge-count .wt-hero-counter-title {
  color: var(--wt-theme-pink);
  font-weight: var(--wt-fw-regular);
  font-size: 45px;
  letter-spacing: -0.05em;
  display: flex;
  gap: 10px;
}
.wt-about-inrpge-count .wt-hero-counter-title span {
  display: inline-block;
  font-weight: var(--wt-fw-sbold);
  font-size: 120px;
  color: var(--wt-common-white);
}
.wt-about-inrpge-count .wt-hero-counter-paragraph {
  color: var(--wt-text-p);
  font-size: 18px;
  font-weight: var(--wt-fw-regular);
}
.wt-about-inrpge-wrapper {
  max-width: 300px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-about-inrpge-wrapper {
    max-width: 100%;
    width: 100%;
  }
}
.wt-about-inrpge-wrapper .wt-about-center {
  margin-left: 0;
}
.wt-about-inrpge-wrapper .wt-about-center-descri {
  margin-bottom: 35px;
}
.wt-about-inrpge-list {
  margin-bottom: 40px;
}
.wt-about-inrpge-list ul li {
  font-weight: var(--wt-fw-medium);
  font-size: 16px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wt-about-inrpge-list ul li span {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  color: var(--wt-theme-pink);
}
.wt-about-inrpge-item {
  background: #0f001f;
  padding: 20px 20px 25px 0;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 30px;
}
.wt-about-inrpge-heading {
  font-size: 55px;
  position: absolute;
  top: 18px;
  left: 29px;
  z-index: -1;
  -webkit-text-stroke-width: 1px;
  color: transparent;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.1);
}
.wt-about-inrpge-thumb {
  text-align: right;
}
.wt-about-inrpge-thumb img {
  border-radius: 10px 10px 10px 80px;
}
.wt-about-inrpge-top {
  position: relative;
  z-index: 1;
}
.wt-about-inrpge-bottom {
  padding: 0 50px 0 40px;
}
.wt-about-inrpge-icon {
  margin-bottom: 68px;
}
.wt-about-inrpge-title {
  font-size: 22px;
  letter-spacing: -0.03em;
  margin-bottom: 26px;
}
.wt-about-inrpge-paragraph {
  line-height: 162%;
}
.wt-about-details-area {
  padding: 0 0 120px;
}
.wt-about-details-area .wt-section-title {
  max-width: 645px;
  width: 100%;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-details-area .wt-section-title {
    font-size: 45px;
  }
}
.wt-about-details-area .wt-section-paragraph {
  line-height: 162%;
  max-width: 703px;
  width: 100%;
}
.wt-about-details-item {
  background: #0f001f;
  padding: 30px 30px 20px;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  position: relative;
  z-index: 1;
}
.wt-about-details-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 15px;
  transition: 0.5s ease-in-out;
}
.wt-about-details-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-about-details-item:hover .wt-about-details-title {
  color: var(--wt-common-white);
}
.wt-about-details-item:hover .wt-about-details-description {
  color: var(--wt-common-white);
}
.wt-about-details-item:hover .wt-about-details-number span {
  color: var(--wt-common-black);
}
.wt-about-details-item:hover .wt-about-details-number span::before {
  background: var(--wt-common-white);
}
.wt-about-details-item.active::before {
  opacity: 1;
  visibility: visible;
}
.wt-about-details-item.active .wt-about-details-title {
  color: var(--wt-common-white);
}
.wt-about-details-item.active .wt-about-details-description {
  color: var(--wt-common-white);
}
.wt-about-details-item.active .wt-about-details-number span {
  color: var(--wt-common-black);
}
.wt-about-details-item.active .wt-about-details-number span::before {
  background: var(--wt-common-white);
}
.wt-about-details-number span {
  width: 40px;
  height: 40px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: var(--wt-fw-sbold);
  color: var(--wt-common-white);
  margin-bottom: 22px;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.wt-about-details-number span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  z-index: -1;
  transition: 0.4s;
}
.wt-about-details-title {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  transition: 0.4s;
}
.wt-about-details-description {
  color: var(--wt-text-p);
  transition: 0.4s;
}
.wt-about-details-shape-1 {
  position: absolute;
  top: -110px;
  left: -80px;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media (max-width: 767px) {
  .wt-about-details-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.19 Testimonial Css
/*----------------------------------------*/
.star-ratings {
  unicode-bidi: bidi-override;
  font-size: 28px;
  letter-spacing: 4px;
  line-height: 1;
  position: relative;
  margin: 0;
  margin-bottom: 0px;
  padding: 0;
  -webkit-text-stroke: 1px var(--wt-theme-purple);
  margin-bottom: 10px;
  margin: auto;
}
.star-ratings .fill-ratings {
  color: var(--wt-theme-purple);
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings .fill-ratings span {
  display: inline-block;
}
.star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
  color: transparent;
}

.wt-testimonial-area {
  padding: 130px 0 217px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-area {
    padding: 80px 0 170px;
  }
}
.wt-testimonial-area .wt-section-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-testimonial-bg {
  position: absolute;
  width: 100%;
  height: 1052px;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.wt-testimonial-gradian {
  background: linear-gradient(135deg, #921fea 0%, #e22eab 57.03%, #fca528 100%);
  padding: 2px;
  border-radius: 10px;
}
.wt-testimonial-gradian.swiper-slide-active .wt-testimonial-wrapper::before {
  opacity: 1;
  visibility: visible;
}
.wt-testimonial-gradian.swiper-slide-active .wt-testimonial-paragraph {
  color: var(--wt-common-white);
}
.wt-testimonial-gradian.swiper-slide-active .wt-testimonial-quate > span {
  color: var(--wt-common-white);
}
.wt-testimonial-gradian.swiper-slide-active .star-ratings {
  -webkit-text-stroke: 1px var(--wt-common-white);
}
.wt-testimonial-gradian.swiper-slide-active .star-ratings .fill-ratings {
  color: var(--wt-common-white);
}
.wt-testimonial-wrapper {
  background: var(--wt-common-black);
  padding: 40px 100px 40px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-testimonial-wrapper {
    padding: 40px 80px 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-testimonial-wrapper {
    padding: 40px 45px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-wrapper {
    padding: 40px 85px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-wrapper {
    padding: 40px 80px 40px;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-wrapper {
    padding: 40px 20px 40px;
  }
}
.wt-testimonial-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #921fea 0%, #e22eab 57.03%, #fca528 100%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-testimonial-img img {
  border-radius: 50%;
  width: 75px;
  height: 75px;
}
.wt-testimonial-title {
  margin-bottom: 20px;
  letter-spacing: -0.03em;
}
.wt-testimonial-img {
  margin-bottom: 36px;
}
.wt-testimonial-paragraph {
  color: var(--wt-text-p);
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  line-height: 167%;
  margin-bottom: 34px;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .wt-testimonial-paragraph {
    font-size: 14px;
  }
}
.wt-testimonial-review {
  margin-bottom: 20px;
}
.wt-testimonial-quate p {
  color: var(--wt-common-white);
  font-size: 14px;
}
.wt-testimonial-quate p:last-child {
  margin-bottom: 0;
}
.wt-testimonial-quate p span {
  font-size: 18px;
  font-weight: var(--wt-fw-regular);
}
.wt-testimonial-quate > span {
  margin-bottom: 12px;
  display: inline-block;
  color: var(--wt-theme-purple);
  font-size: 56px;
}
.wt-testimonial-arrow-box {
  position: relative;
}
.wt-testimonial-arrow-box button {
  width: 35px;
  height: 35px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 32%;
  bottom: -82px;
  z-index: 5;
  font-size: 12px;
  color: var(--wt-text-body);
  transition: 0.3s;
  background: #41374B;
  border-radius: 50%;
}
@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) {
  .wt-testimonial-arrow-box button {
    left: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-arrow-box button {
    left: 16%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-arrow-box button {
    left: 10%;
  }
}
.wt-testimonial-arrow-box button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 50%;
  z-index: -1;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.wt-testimonial-arrow-box button:hover {
  color: var(--wt-common-white);
}
.wt-testimonial-arrow-box button:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-testimonial-arrow-box button.slider-next {
  left: auto;
  right: 32%;
}
@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) {
  .wt-testimonial-arrow-box button.slider-next {
    right: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-arrow-box button.slider-next {
    right: 16%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-arrow-box button.slider-next {
    right: 10%;
  }
}
.wt-testimonial-dot {
  position: absolute;
  bottom: -82px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.wt-testimonial-dot::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 36px;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 18px;
  background: #140620;
  z-index: -1;
}
.wt-testimonial-dot::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 18px;
  background: rgba(36, 102, 255, 0.15);
  z-index: -2;
}
@media (max-width: 767px) {
  .wt-testimonial-dot::after {
    width: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-testimonial-dot::after {
    width: 300px;
  }
}
.wt-testimonial-dot .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  transition: 0.4s;
  border-radius: 50%;
  margin: 0 5px 0;
}
.wt-testimonial-dot .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--wt-theme-purple);
}
.wt-testimonial-dot .swiper-pagination-bullet button {
  display: none !important;
}
.wt-testimonial-2-area {
  background: #130223;
  padding: 130px 0 190px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-2-area {
    padding: 80px 0 190px;
  }
}
.wt-testimonial-2-area .wt-section-2-subtitle {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--wt-common-white);
}
.wt-testimonial-2-area .wt-section-2-title {
  color: var(--wt-common-white);
}
.wt-testimonial-2-area .wt-testimonial-quate > span {
  color: #E22EAB;
  transition: 0.4s;
}
.wt-testimonial-2-wrapper {
  padding: 40px 38px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-2-wrapper {
    padding: 30px 25px 20px;
  }
}
.wt-testimonial-2-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, #921fea 0%, #e22eab 57.03%, #fca528 100%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-testimonial-2-wrapper .wt-testimonial-title {
  font-size: 20px;
}
.wt-testimonial-2-wrapper .wt-testimonial-paragraph {
  font-weight: var(--wt-fw-regular);
  font-size: 16px;
}
.wt-testimonial-2-wrapper .star-ratings {
  -webkit-text-stroke: 1px #E22EAB;
}
.wt-testimonial-2-wrapper .star-ratings .fill-ratings {
  color: #E22EAB;
}
.wt-testimonial-2-wrapper:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-testimonial-2-wrapper:hover .wt-testimonial-title {
  color: var(--wt-common-white);
}
.wt-testimonial-2-wrapper:hover .star-ratings {
  -webkit-text-stroke: 1px var(--wt-common-white);
  transition: 0.4s;
}
.wt-testimonial-2-wrapper:hover .star-ratings .fill-ratings {
  color: var(--wt-common-white);
  transition: 0.4s;
}
.wt-testimonial-2-wrapper:hover .wt-testimonial-paragraph {
  color: var(--wt-common-white);
}
.wt-testimonial-2-wrapper:hover .wt-testimonial-quate > span {
  color: var(--wt-common-white);
}
.wt-testimonial-2-arrow-box button {
  width: 55px;
  height: 55px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #afa2bd;
  font-size: 16px;
  left: 36%;
  bottom: -110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-2-arrow-box button {
    left: 25%;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-2-arrow-box button {
    left: 10%;
  }
}
.wt-testimonial-2-arrow-box button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border-radius: 50%;
  z-index: -1;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.wt-testimonial-2-arrow-box button.slider-next {
  right: 36%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-2-arrow-box button.slider-next {
    right: 25%;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-2-arrow-box button.slider-next {
    right: 10%;
  }
}
.wt-testimonial-2-arrow-box button:hover {
  color: var(--wt-common-white);
}
.wt-testimonial-2-arrow-box button:hover::before {
  visibility: visible;
  opacity: 1;
}
.wt-testimonial-2-dot {
  bottom: -95px;
}
.wt-testimonial-2-dot::before, .wt-testimonial-2-dot::after {
  display: none;
}
.wt-testimonial-2-dot .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background: var(--wt-common-white);
  margin: 0 7px 0;
}
.wt-testimonial-2-dot .swiper-pagination-bullet-active {
  background: #E22EAB;
  position: relative;
}
.wt-testimonial-2-dot .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #E22EAB;
}
.wt-testimonial-2-bg-shape-1 {
  position: absolute;
  top: -110px;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-2-bg-shape-1 {
    display: none;
  }
}
.wt-testimonial-2-bg-shape-2 {
  position: absolute;
  top: 165px;
  left: 80px;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-testimonial-2-bg-shape-2 {
    left: -15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-2-bg-shape-2 {
    display: none;
  }
}
.wt-testimonial-2-bg-shape-22 {
  position: absolute;
  bottom: -115px;
  left: -75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-2-bg-shape-22 {
    display: none;
  }
}
.wt-testimonial-2-bg-shape-3 {
  position: absolute;
  left: 6%;
  bottom: 14%;
  animation: moving 8s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-testimonial-2-bg-shape-3 {
    left: 3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-testimonial-2-bg-shape-3 {
    left: 3%;
    bottom: 1%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-2-bg-shape-3 {
    left: 4%;
    bottom: 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) {
  .wt-testimonial-2-bg-shape-3 {
    display: none;
  }
}
.wt-testimonial-2-bg-shape-3 .wt-about-thumb-item {
  position: initial;
  text-align: left;
  border-radius: 10px;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border: none;
  padding: 18px 42px 30px;
  width: 310px;
}
.wt-testimonial-2-bg-shape-3 .wt-hero-counter-title {
  font-size: 45px;
}
.wt-testimonial-2-bg-shape-3 .wt-hero-counter-paragraph {
  font-size: 16px;
}
.wt-testimonial-2-bg-shape-3 .wt-hero-member ul li img {
  width: 45px;
  height: 45px;
}
.wt-testimonial-2-bg-shape-3 .wt-hero-member ul li a {
  width: 45px;
  height: 45px;
  background: var(--wt-common-white);
  color: #E22EAB;
  font-size: 14px;
}
.wt-testimonial-2-bg-shape-4 {
  position: absolute;
  right: 0;
  top: -330px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-2-bg-shape-4 {
    display: none;
  }
}
.wt-testimonial-2-bg-shape-5 {
  position: absolute;
  right: 7%;
  top: 14%;
  z-index: -1;
  animation: moving 8s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-2-bg-shape-5 {
    display: none;
  }
}
.wt-testimonial-2-bg-shape-6 {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: -1;
}
@media (max-width: 767px) {
  .wt-testimonial-2-bg-shape-6 {
    display: none;
  }
}
.wt-testimonial-3-area {
  padding: 200px 0 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-3-area {
    padding: 80px 0 170px;
  }
}
.wt-testimonial-3-area .wt-maquee-3-animated-heading {
  color: rgba(255, 255, 255, 0.03);
}
.wt-testimonial-3-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-testimonial-3-thumb img {
  border-radius: 15px;
}
@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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-testimonial-3-thumb img {
    width: 100%;
  }
}
.wt-testimonial-3-slide {
  margin-top: -350px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-testimonial-3-slide {
    margin-top: -160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-3-slide {
    margin-top: -110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-slide {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-3-slide {
    margin-top: 30px;
  }
}
.wt-testimonial-3-wrapper {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  padding: 60px 38px 35px 100px;
  border-radius: 10px;
  text-align: left;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-wrapper {
    padding: 60px 38px 35px 60px;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-3-wrapper {
    padding: 60px 30px 35px 30px;
  }
}
.wt-testimonial-3-wrapper .wt-testimonial-title {
  font-size: 30px;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
}
.wt-testimonial-3-wrapper .wt-testimonial-paragraph {
  font-weight: var(--wt-fw-sbold);
  font-size: 24px;
  line-height: 154%;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  max-width: 825px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-wrapper .wt-testimonial-paragraph {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-3-wrapper .wt-testimonial-paragraph {
    font-size: 15px;
  }
}
.wt-testimonial-3-wrapper .wt-testimonial-quate p {
  font-weight: var(--wt-fw-medium);
  font-size: 14px;
  color: var(--wt-common-white);
  margin-bottom: 8px;
}
.wt-testimonial-3-wrapper .wt-testimonial-quate p span {
  font-size: 18px;
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-regular);
}
.wt-testimonial-3-review .star-ratings {
  margin-left: 0;
  -webkit-text-stroke: 1px var(--wt-common-white);
}
.wt-testimonial-3-review .star-ratings .fill-ratings {
  color: var(--wt-common-white);
}
.wt-testimonial-3-arrow-box button {
  font-size: 18px;
  border: 1px solid rgba(146, 31, 234, 0.1);
}
.wt-testimonial-3-shape {
  position: absolute;
  top: 50px;
  right: 40px;
  z-index: -1;
}
.wt-testimonial-3-arrow {
  transform: translateX(130px);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-testimonial-3-arrow {
    transform: translateX(100px);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-3-arrow {
    transform: translateX(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) {
  .wt-testimonial-3-arrow {
    transform: translateX(0);
  }
}
.wt-testimonial-3-arrow-box button {
  font-size: 18px;
  border: 2px solid rgba(146, 31, 234, 0.1);
  left: -10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-arrow-box button {
    left: 36%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-arrow-box button {
    left: 32%;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-3-arrow-box button {
    left: 20%;
  }
}
.wt-testimonial-3-arrow-box button.slider-next {
  right: -10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-arrow-box button.slider-next {
    right: 36%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-arrow-box button.slider-next {
    right: 32%;
  }
}
@media (max-width: 767px) {
  .wt-testimonial-3-arrow-box button.slider-next {
    right: 20%;
  }
}
.wt-testimonial-3-arrow-box button:hover {
  color: var(--wt-common-white) !important;
}
.wt-testimonial-3-dot .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  background: #921FEA;
  margin: 0 7px 0;
}
.wt-testimonial-3-dot .swiper-pagination-bullet-active {
  background: #921FEA;
  position: relative;
}
.wt-testimonial-3-dot .swiper-pagination-bullet-active::before {
  border: 1px solid #921FEA;
}
.wt-testimonial-3-scroll-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  7.11 Maquee Css
/*----------------------------------------*/
.wt-maquee-area {
  background: var(--wt-theme-purple);
  padding: 25px 0;
}
.wt-maquee-transition {
  transition-timing-function: linear;
}
.wt-maquee-item {
  display: flex;
  white-space: nowrap;
}
.wt-maquee-box {
  display: flex;
  align-items: center;
  gap: 20px;
  width: auto;
}
.wt-maquee-icon span {
  animation: rotate-infinte 6s infinite linear;
  color: var(--wt-common-white);
  font-size: 26px;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 3px;
}
.wt-maquee-icon span i {
  display: inline-block;
  line-height: 1;
}
.wt-maquee-title {
  color: var(--wt-common-white);
  font-size: 24px;
  letter-spacing: -0.03em;
  margin-bottom: 0;
}
.wt-maquee-3-animated {
  width: auto;
}
.wt-maquee-3-animated-heading {
  color: rgba(255, 255, 255, 0.03);
  font-size: 200px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-maquee-3-animated-heading {
    font-size: 180px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-maquee-3-animated-heading {
    font-size: 160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-maquee-3-animated-heading {
    font-size: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-maquee-3-animated-heading {
    font-size: 100px;
  }
}
@media (max-width: 767px) {
  .wt-maquee-3-animated-heading {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-maquee-3-animated-heading {
    font-size: 80px;
  }
}

/*----------------------------------------*/
/*  7.12 Partner Css
/*----------------------------------------*/
.wt-partner-area {
  padding: 130px 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-partner-area {
    padding: 80px 0 80px;
  }
}
.wt-partner-area .wt-section-title {
  margin-bottom: 22px;
}
.wt-partner-area .wt-section-paragraph {
  line-height: 162%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-partner-area .wt-partner-button {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.wt-partner-button {
  margin-top: 35px;
}
.wt-partner-wrapper {
  background: #10041d;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .wt-partner-wrapper {
    margin-top: 30px;
  }
}
.wt-partner-item {
  padding: 70px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  text-align: center;
  cursor: pointer;
}
.wt-partner-item img {
  transition: 0.4s;
}
.wt-partner-item:hover img {
  filter: brightness(0) invert(1);
}
.wt-partner-item.active img {
  filter: brightness(0) invert(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) {
  .wt-partner-2-area .wt-section-3-wrapper {
    margin-bottom: 30px;
  }
}
.wt-partner-2-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-text-body);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-partner-2-area .wt-section-3-paragraph {
  max-width: 550px;
  width: 100%;
  color: var(--wt-text-body);
}
.wt-partner-2-item {
  background: #0f001f;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  padding: 50px 20px;
  margin-bottom: 30px;
}
.wt-partner-2-item.top {
  margin-top: -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) {
  .wt-partner-2-item.top {
    margin-top: 0;
  }
}

/*----------------------------------------*/
/*  7.13 Pricing Css
/*----------------------------------------*/
.wt-pricing-area {
  padding: 0 0 100px;
}
.wt-pricing-area .wt-section-subtitle {
  background: rgba(255, 255, 255, 0.05);
}
.wt-pricing-area .wt-primary-btn {
  background: transparent;
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-pricing-price-title {
  color: var(--wt-common-white);
  font-size: 55px;
  letter-spacing: -0.03em;
  text-align: center;
  margin-bottom: 20px;
  transition: 0.6s;
}
.wt-pricing-price-title span {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--wt-common-black);
  letter-spacing: 1px;
  transition: 0.6s;
}
.wt-pricing-price-green {
  color: var(--wt-common-black);
}
.wt-pricing-price-bus {
  color: var(--wt-theme-primary);
}
.wt-pricing-price-bus span {
  color: var(--wt-theme-primary);
}
.wt-pricing-toggler {
  color: var(--wt-common-white);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
  transition: 0.2s;
}
.wt-pricing-toggle {
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 30px;
  border-radius: 15px;
  margin: 0 30px 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-pricing-check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}
.wt-pricing-check:checked ~ .wt-pricing-switch {
  right: 5px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0.08s, 0s;
}
.wt-pricing-switch {
  position: absolute;
  left: 5px;
  top: 4px;
  right: 57.5%;
  background-color: var(--wt-common-white);
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, 0.08s;
  bottom: 4px;
}
.wt-pricing-price-parent .wt-pricing-toggler {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.wt-pricing-price-parent .wt-pricing-toggle {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.wt-pricing-most {
  width: 116px;
  height: 30px;
  background-color: var(--wt-theme-primary);
  font-size: 14px;
  line-height: 30px;
  color: var(--wt-common-white);
  font-weight: 400;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.wt-pricing-wrapper-full.hide {
  display: none;
}
.wt-pricing-switch-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wt-pricing-wrap {
  background: #10041d;
  padding: 60px 55px;
  text-align: center;
  border-radius: 10px;
  margin: 7px;
  position: relative;
  z-index: 1;
  transition: 0.6s ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-pricing-wrap {
    padding: 60px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-pricing-wrap {
    padding: 60px 25px;
  }
}
@media (max-width: 767px) {
  .wt-pricing-wrap {
    padding: 60px 25px;
  }
}
.wt-pricing-wrap::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255, 0, 64, 0.3);
  filter: blur(200px);
  z-index: -1;
  transition: 0.6s;
  opacity: 0;
}
.wt-pricing-wrap::after {
  content: "";
  position: absolute;
  width: 103%;
  height: 102%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  z-index: -1;
}
.wt-pricing-wrap:hover {
  background: var(--wt-common-black);
}
.wt-pricing-wrap:hover::before {
  opacity: 1;
}
.wt-pricing-wrap:hover .wt-pricing-subtitle {
  color: var(--wt-common-white);
}
.wt-pricing-wrap:hover .wt-pricing-price-title {
  color: var(--wt-common-white);
}
.wt-pricing-wrap:hover .wt-pricing-paragraph {
  color: var(--wt-common-white);
}
.wt-pricing-wrap:hover .wt-pricing-list ul li {
  color: var(--wt-common-white);
}
.wt-pricing-wrap:hover .wt-primary-btn {
  color: var(--wt-common-white);
}
.wt-pricing-wrap:hover .wt-primary-btn::before {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-wrap.active {
  background: var(--wt-common-black);
}
.wt-pricing-wrap.active::before {
  opacity: 1;
}
.wt-pricing-wrap.active .wt-pricing-subtitle {
  color: var(--wt-common-white);
}
.wt-pricing-wrap.active .wt-pricing-price-title {
  color: var(--wt-common-white);
}
.wt-pricing-wrap.active .wt-pricing-paragraph {
  color: var(--wt-common-white);
}
.wt-pricing-wrap.active .wt-pricing-list ul li {
  color: var(--wt-common-white);
}
.wt-pricing-wrap.active .wt-primary-btn {
  color: var(--wt-common-white);
}
.wt-pricing-wrap.active .wt-primary-btn::before {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-subtitle {
  font-weight: var(--wt-fw-medium);
  color: var(--wt-text-p);
  transition: 0.6s;
}
.wt-pricing-price-title {
  color: var(--wt-common-white);
}
.wt-pricing-paragraph {
  color: var(--wt-text-p);
  line-height: 162%;
  margin-bottom: 45px;
  transition: 0.6s;
}
.wt-pricing-list {
  text-align: left;
  margin-bottom: 70px;
}
.wt-pricing-list ul li {
  list-style: none;
  font-weight: var(--wt-fw-regular);
  color: var(--wt-text-p);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.6s;
}
.wt-pricing-list ul li:last-child {
  margin-bottom: 0;
}
.wt-pricing-list ul li span {
  line-height: 1;
  display: inline-block;
}
.wt-pricing-list ul li span i {
  line-height: 1;
  display: inline-block;
}
.wt-pricing-bg-shape-1 {
  position: absolute;
  top: -95px;
  left: 0;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-pricing-bg-shape-1 {
    display: none;
  }
}
.wt-pricing-bg-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-pricing-bg-shape-2 {
    display: none;
  }
}
.wt-pricing-bg-shape-3 {
  position: absolute;
  right: -20px;
  bottom: 0;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
.wt-pricing-bg-shape-4 {
  position: absolute;
  right: 0;
  bottom: 25px;
  z-index: -1;
}
.wt-pricing-bg-shape-5 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.wt-pricing-3-area {
  padding: 130px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-pricing-3-area {
    padding: 80px 0 0;
  }
}
.wt-pricing-3-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-pricing-3-toggle {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-pricing-3-switch {
  background-color: var(--wt-common-white);
}
.wt-pricing-3-boder-wrap {
  background: transparent;
  border-radius: 10px;
  padding: 6px;
  margin-bottom: 30px;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.17);
}
.wt-pricing-3-boder-wrap:hover {
  border: 1px solid var(--wt-theme-purple);
}
.wt-pricing-3-boder-wrap:hover .wt-pricing-3-wrap::before {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-3-boder-wrap:hover .wt-pricing-3-wrap::after {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-3-boder-wrap.active {
  border: 1px solid var(--wt-theme-purple);
}
.wt-pricing-3-boder-wrap.active .wt-pricing-3-wrap::before {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-3-boder-wrap.active .wt-pricing-3-wrap::after {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-3-wrap {
  background: rgba(255, 255, 255, 0.02);
  padding: 42px 38px 20px;
  border-radius: 10px;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-pricing-3-wrap {
    padding: 42px 20px 20px;
  }
}
@media (max-width: 767px) {
  .wt-pricing-3-wrap {
    padding: 42px 20px 20px;
  }
}
.wt-pricing-3-wrap::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -125px;
  left: -100px;
  border-radius: 100%;
  background: rgba(255, 0, 64, 0.2);
  filter: blur(300px);
  z-index: -1;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.wt-pricing-3-wrap::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  bottom: -160px;
  right: -50px;
  border-radius: 100%;
  background: rgba(255, 0, 64, 0.2);
  filter: blur(300px);
  z-index: -1;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.wt-pricing-3-subtitle {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  letter-spacing: -0.02em;
}
.wt-pricing-3-price-title {
  font-size: 55px;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  margin-bottom: 20px;
}
.wt-pricing-3-price-title span {
  font-weight: var(--wt-fw-regular);
  font-size: 18px;
}
.wt-pricing-3-paragraph {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: var(--wt-text-p);
  margin-bottom: 52px;
}
.wt-pricing-3-button {
  margin-bottom: 42px;
}
.wt-pricing-3-btn {
  background: var(--wt-theme-purple);
  box-shadow: 0 4px 30px 0 rgba(118, 53, 255, 0.5);
}
.wt-pricing-3-btn::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  transition: 0.6s;
}
.wt-pricing-3-btn:hover {
  box-shadow: 0 4px 30px 0 rgba(226, 46, 171, 0.5);
}
.wt-pricing-3-btn:hover::before {
  width: 100%;
}
.wt-pricing-3-list ul li {
  color: var(--wt-text-p);
  font-weight: var(--wt-fw-medium);
  font-size: 16px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .wt-pricing-3-list ul li {
    font-size: 14px;
  }
}
.wt-pricing-inrpge-area {
  padding: 0 0 100px;
  position: relative;
  z-index: 1;
}
.wt-pricing-inrpge-wrap {
  background: #0F001F;
  padding: 42px 38px 20px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid rgba(234, 240, 255, 0.07);
  transition: 0.6s ease-in-out;
  position: relative;
  z-index: 1;
}
.wt-pricing-inrpge-wrap::before {
  content: "";
  position: absolute;
  width: 103%;
  height: 102%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(234, 240, 255, 0.07);
  border-radius: 10px;
  transition: 0.4s;
}
.wt-pricing-inrpge-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/pricing/pricing-inrpge-overlay.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 10px;
  transition: 0.6s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.wt-pricing-inrpge-wrap:hover {
  background: var(--wt-common-black);
}
.wt-pricing-inrpge-wrap:hover::before {
  border: 1px solid var(--wt-theme-primary);
}
.wt-pricing-inrpge-wrap:hover::after {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-inrpge-wrap:hover .wt-pricing-3-btn {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-pricing-inrpge-wrap:hover .wt-pricing-3-subtitle {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap:hover .wt-pricing-3-price-title {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap:hover .wt-pricing-3-paragraph {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap:hover .wt-pricing-3-list ul li {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap.active {
  background: var(--wt-common-black);
}
.wt-pricing-inrpge-wrap.active::before {
  border: 1px solid var(--wt-theme-pink);
}
.wt-pricing-inrpge-wrap.active::after {
  opacity: 1;
  visibility: visible;
}
.wt-pricing-inrpge-wrap.active .wt-pricing-3-btn {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-pricing-inrpge-wrap.active .wt-pricing-3-subtitle {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap.active .wt-pricing-3-price-title {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap.active .wt-pricing-3-paragraph {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap.active .wt-pricing-3-list ul li {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap .wt-pricing-3-btn {
  background: #763AF9;
  box-shadow: inherit;
}
.wt-pricing-inrpge-wrap .wt-pricing-3-btn:hover {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-pricing-inrpge-wrap .wt-pricing-3-btn::before {
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  width: 100%;
  transition: 0.4s;
}
.wt-pricing-inrpge-wrap .wt-pricing-3-subtitle {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap .wt-pricing-3-price-title {
  color: var(--wt-common-white);
}
.wt-pricing-inrpge-wrap .wt-pricing-3-paragraph {
  color: var(--wt-text-p);
}
.wt-pricing-inrpge-bg-shape {
  position: absolute;
  top: -147px;
  left: -45px;
  z-index: -1;
  animation: spinAround-360deg 35s linear infinite;
}
@media (max-width: 767px) {
  .wt-pricing-inrpge-bg-shape {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.7 Faq Css
/*----------------------------------------*/
.wt-faq-area {
  background: #10041D;
  padding: 130px 0 220px;
}
@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) {
  .wt-faq-area {
    padding: 130px 0 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-faq-area {
    padding: 80px 0 80px;
  }
}
.wt-faq-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.wt-faq-accordion {
  max-width: 850px;
  width: 100%;
  margin: auto;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-faq-accordion {
    max-width: 740px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-faq-accordion {
    max-width: 650px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-accordion {
    max-width: 550px;
  }
}
.wt-faq-accordion-item {
  background-color: var(--wt-common-black);
  box-shadow: 0px 0px 20px 0px rgba(18, 26, 49, 0.06);
  padding: 5px 32px;
  border-radius: 10px !important;
}
@media (max-width: 767px) {
  .wt-faq-accordion-item {
    padding: 5px 20px;
  }
}
.wt-faq-accordion-title {
  color: var(--wt-common-white);
  font-size: 20px;
  font-weight: var(--wt-fw-sbold);
  letter-spacing: -0.02em;
  line-height: 60px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-accordion-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .wt-faq-accordion-title {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-faq-accordion-title {
    font-size: 14px;
  }
}
.wt-faq-accordion-title.collapsed::before {
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: transparent;
  box-shadow: inherit;
}
.wt-faq-accordion-title::before {
  content: "\e09f";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-weight: var(--wt-fw-regular);
  right: -16px;
  font-size: 14px;
  width: 45px;
  height: 45px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wt-common-white);
  border-color: transparent;
  border-radius: 50%;
  transition: 0.4s;
  box-shadow: 0 4px 30px 0 rgba(229, 59, 157, 0.5);
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
}
.wt-faq-accordion-title:not(.collapsed) {
  color: var(--wt-common-white);
  background: none;
}
.wt-faq-accordion-title:focus {
  border: none;
  box-shadow: none;
}
.wt-faq-accordion-pera {
  padding: 10px 80px 30px 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-faq-accordion-pera {
    padding: 10px 55px 30px 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-faq-accordion-pera {
    padding: 10px 11px 30px 0;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-accordion-pera {
    padding: 10px 11px 30px 0;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .wt-faq-accordion-pera {
    padding: 10px 11px 30px 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-faq-accordion-pera {
    font-size: 12px;
    padding: 10px 11px 30px 0;
  }
}
.wt-faq-bg-shape-1 {
  position: absolute;
  bottom: 90px;
  left: 0;
  z-index: -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) {
  .wt-faq-bg-shape-1 {
    display: none;
  }
}
.wt-faq-bg-shape-2 {
  position: absolute;
  top: 14%;
  left: 2%;
  z-index: -1;
  max-width: 430px;
  width: 100%;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-faq-bg-shape-2 {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-faq-bg-shape-2 {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-bg-shape-2 {
    max-width: 280px;
    left: 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) {
  .wt-faq-bg-shape-2 {
    display: none;
  }
}
.wt-faq-bg-shape-3 {
  position: absolute;
  bottom: 14%;
  left: 4%;
  z-index: -1;
  animation: bounce-thum-3 4s forwards infinite alternate;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .wt-faq-bg-shape-3 {
    bottom: 24%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-faq-bg-shape-3 {
    bottom: 28%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-faq-bg-shape-3 {
    bottom: 38%;
    width: 260px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-bg-shape-3 {
    bottom: 43%;
    width: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-faq-bg-shape-3 {
    display: none;
  }
}
.wt-faq-bg-shape-4 {
  position: absolute;
  right: 0;
  top: 80px;
  z-index: -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) {
  .wt-faq-bg-shape-4 {
    display: none;
  }
}
.wt-faq-bg-shape-5 {
  position: absolute;
  right: 4%;
  top: 16%;
  animation: bounce-thum-3 4s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-faq-bg-shape-5 {
    right: 3%;
    width: 260px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-bg-shape-5 {
    right: 3%;
    width: 240px;
    top: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-faq-bg-shape-5 {
    display: none;
  }
}
.wt-faq-bg-shape-6 {
  position: absolute;
  right: 2%;
  top: 26%;
  z-index: -1;
  max-width: 430px;
  width: 100%;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-faq-bg-shape-6 {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-faq-bg-shape-6 {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-faq-bg-shape-6 {
    max-width: 280px;
    right: 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) {
  .wt-faq-bg-shape-6 {
    display: none;
  }
}
.wt-faq-3-area {
  padding: 130px 0 130px;
  margin: 0 30px 0;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid var(--wt-theme-purple);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-faq-3-area {
    padding: 80px 0 80px;
    margin: 0;
    border-radius: 0;
  }
}
.wt-faq-3-area .wt-faq-accordion-item {
  background-color: #422b62;
}
@media (max-width: 767px) {
  .wt-faq-3-area .wt-faq-accordion-title {
    font-size: 18px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-faq-3-area .wt-faq-accordion-title {
    line-height: 60px;
  }
}
.wt-faq-3-area .wt-faq-accordion-title::before {
  font-size: 16px;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  color: var(--wt-common-white);
  border-color: transparent;
  box-shadow: inherit;
}
.wt-faq-3-area .wt-faq-accordion-title.collapsed::before {
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  box-shadow: inherit;
}
.wt-faq-3-area .wt-faq-accordion-pera {
  color: var(--wt-common-white);
}
.wt-faq-3-bg-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.wt-faq-3-bg-shape-2 {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .wt-faq-3-bg-shape-2 {
    width: 100%;
  }
}
.wt-faq-3-bg-shape-2 img {
  animation: bounce-filter 7s forwards infinite alternate;
}
.wt-faq-inrpge-area .wt-section-3-subtitle {
  background: var(--wt-common-white);
  color: var(--wt-common-black);
  border: 1px solid rgba(146, 31, 234, 0.1);
}
.wt-faq-inrpge-row {
  background: linear-gradient(180deg, #921fea 0%, rgba(146, 31, 234, 0) 100%);
  padding: 130px 0 130px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
}
.wt-faq-inrpge-row .wt-faq-accordion {
  max-width: 960px;
}
.wt-faq-inrpge-shape-1 {
  position: absolute;
  top: 35px;
  left: 0;
  z-index: -1;
}
.wt-faq-inrpge-shape-2 {
  position: absolute;
  top: 40px;
  right: 60px;
  z-index: -1;
}
.wt-faq-inrpge-2-area {
  padding: 0 0 120px;
}
.wt-faq-inrpge-2-area .wt-faq-accordion-item {
  background-color: #0f001f;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.wt-faq-inrpge-2-area .wt-faq-accordion-title.collapsed::before {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-faq-inrpge-2-wrapper {
  background: #0f001f;
  padding: 40px 30px 40px;
  text-align: center;
  border-radius: 15px;
  max-width: 370px;
  width: 100%;
  margin-left: auto;
  position: relative;
  z-index: 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) {
  .wt-faq-inrpge-2-wrapper {
    margin-left: 0;
    margin-top: 30px;
  }
}
.wt-faq-inrpge-2-icon {
  margin-bottom: 30px;
}
.wt-faq-inrpge-2-icon span {
  font-size: 84px;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wt-faq-inrpge-2-title {
  font-size: 30px;
  letter-spacing: -0.03em;
  margin-bottom: 30px;
}
.wt-faq-inrpge-2-paragraph {
  line-height: 162%;
  color: var(--wt-common-white);
  margin-bottom: 44px;
}
.wt-faq-inrpge-2-thumb {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

/*----------------------------------------*/
/*    7.5 Contact Css 
/*----------------------------------------*/
.wt-contact-area {
  padding: 0 0 120px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-contact-area {
    padding: 0 0 80px;
  }
}
.wt-contact-area .wt-section-subtitle {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--wt-common-white);
}
.wt-contact-area .wt-section-title {
  margin-bottom: 40px;
}
.wt-contact-area .wt-section-paragraph {
  color: var(--wt-text-p);
  max-width: 410px;
  width: 100%;
}
.wt-contact-item a {
  font-size: 16px;
  line-height: 162%;
  color: var(--wt-text-p);
  display: block;
}
.wt-contact-left-title {
  color: var(--wt-common-white);
  font-size: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}
.wt-contact-social ul li {
  list-style: none;
  margin-right: 28px;
}
.wt-contact-social ul li:last-child {
  margin-right: 28px;
}
.wt-contact-social ul li a {
  color: var(--wt-text-p);
}
.wt-contact-social ul li a:hover {
  color: var(--wt-common-black);
}
.wt-contact-right {
  background: #10041D;
  padding: 70px 70px 60px;
  border: 1px solid var(--wt-theme-purple);
  border-radius: 20px;
  max-width: 630px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-contact-right {
    padding: 30px 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-contact-right {
    max-width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .wt-contact-right {
    max-width: 100%;
    margin-left: 0;
    margin-top: 30px;
    padding: 70px 25px 60px;
  }
}
.wt-contact-right-title {
  color: var(--wt-common-white);
  margin-bottom: 16px;
}
.wt-contact-right-paragraph {
  color: var(--wt-text-p);
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-contact-right-paragraph {
    font-size: 15px;
  }
}
.wt-contact-bg {
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  z-index: -1;
}
.wt-contact-innerpage-area .wt-section-title {
  margin-bottom: 36px;
}
.wt-contact-innerpage-area .wt-section-paragraph {
  color: var(--wt-text-p);
  max-width: 410px;
  margin: 0 0 30px;
}
.wt-contact-innerpage-thumb {
  margin-bottom: 48px;
}
.wt-contact-innerpage-thumb img {
  width: 100%;
  border-radius: 15px;
}
.wt-contact-innerpage-item h4 {
  font-weight: var(--wt-fw-sbold);
  font-size: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}
.wt-contact-innerpage-item a {
  line-height: 162%;
  color: var(--wt-text-p);
  display: block;
}
.wt-contact-innerpage-item a:hover {
  color: var(--wt-theme-pink);
}
.wt-contact-innerpage-item .social {
  display: flex;
  list-style: none;
  gap: 30px;
}
.wt-contact-innerpage-wrapper {
  background: #0f001f;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 55px 50px 35px;
  position: relative;
  z-index: 1;
}
.wt-contact-innerpage-wrapper .form-input label {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
  margin-bottom: 12px;
}
.wt-contact-innerpage-wrapper .form-input input {
  background: transparent;
  color: var(--wt-text-1);
  font-size: 16px;
  padding: 0 16px;
  height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.wt-contact-innerpage-wrapper .form-input input::placeholder {
  color: var(--wt-text-p);
}
.wt-contact-innerpage-wrapper .form-input input:focus {
  border: 1px solid var(--wt-theme-pink);
}
.wt-contact-innerpage-wrapper .form-input textarea {
  background: transparent;
  color: var(--wt-text-1);
  font-size: 16px;
  padding: 20px 30px 0 16px;
  height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.wt-contact-innerpage-wrapper .form-input textarea::placeholder {
  color: var(--wt-text-p);
}
.wt-contact-innerpage-wrapper .form-input textarea:focus {
  border: 1px solid var(--wt-theme-pink);
}
.wt-contact-innerpage-wrapper .wt-nice-select-box .nice-select {
  width: 100%;
  height: 56px;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background: transparent;
  color: var(--wt-text-p);
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 16px;
}
.wt-contact-innerpage-wrapper .wt-nice-select-box .nice-select::after {
  color: var(--wt-text-p);
  font-size: 14px;
  font-weight: var(--wt-fw-medium);
  right: 16px;
}
.wt-contact-innerpage-wrapper .wt-nice-select-box .nice-select .list {
  border-radius: 12px;
  background: #0f001f;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-contact-innerpage-wrapper .wt-nice-select-box .nice-select .option {
  color: var(--wt-text-p);
}
.wt-contact-innerpage-wrapper .wt-nice-select-box .nice-select .option.selected {
  font-weight: bold;
  color: var(--wt-common-white);
}
.wt-contact-innerpage-wrapper .wt-nice-select-box .nice-select .option:hover {
  color: var(--wt-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-contact-innerpage-left {
    margin-bottom: 30px;
  }
}
.wt-contact-innerpage-shape {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: -1;
}

/*----------------------------------------*/
/*  7.8 Fun-Fack Css
/*----------------------------------------*/
.wt-funfack-2-area {
  margin: 0 70px 0;
  padding: 30px 0 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-funfack-2-area {
    margin: 0 20px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-funfack-2-area {
    margin: 0 10px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-funfack-2-area {
    margin: 0 10px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-funfack-2-area {
    margin: 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-funfack-2-area {
    margin: 0 0 0;
    padding: 80px 0 80px;
  }
}
.wt-funfack-2-area .wt-section-2-subtitle {
  background: rgba(255, 255, 255, 0.1);
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-funfack-2-area .wt-section-2-title {
  max-width: 530px;
  width: 100%;
}
.wt-funfack-2-wrapper {
  background: var(--wt-theme-purple);
  padding: 100px 73px 90px;
  border-radius: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-funfack-2-wrapper {
    padding: 50px 30px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-funfack-2-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-funfack-2-wrapper {
    padding: 50px 30px 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wt-funfack-2-wrapper {
    padding: 50px 20px 40px;
    margin-bottom: 30px;
  }
}
.wt-funfack-2-counter-item {
  background: var(--wt-common-black);
  padding: 42px 0 37px;
  text-align: center;
  border-radius: 15px;
  margin-bottom: 5px;
  border: 5px solid var(--wt-common-black);
  transition: 0.4s;
}
.wt-funfack-2-counter-item:hover {
  background-image: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  transition: background-image 0.5s ease-in-out;
  border: 5px solid var(--wt-common-white);
}
.wt-funfack-2-counter-item:hover .wt-funfack-2-counter-title {
  color: var(--wt-common-white);
}
.wt-funfack-2-counter-item:hover .wt-funfack-2-counter-paragraph {
  color: var(--wt-common-white);
}
.wt-funfack-2-counter-item.active {
  background-image: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  transition: background-image 0.5s ease-in-out;
  border: 5px solid var(--wt-common-white);
}
.wt-funfack-2-counter-item.active .wt-funfack-2-counter-title {
  color: var(--wt-common-white);
}
.wt-funfack-2-counter-item.active .wt-funfack-2-counter-paragraph {
  color: var(--wt-common-white);
}
.wt-funfack-2-counter-title {
  font-weight: var(--wt-fw-regular);
  font-size: 35px;
  letter-spacing: -0.05em;
  color: var(--wt-common-white);
  display: flex;
  justify-content: center;
  gap: 10px;
  transition: 0.4s;
}
.wt-funfack-2-counter-title span {
  font-weight: var(--wt-fw-sbold);
  font-size: 85px;
  margin-bottom: -10px;
}
.wt-funfack-2-counter-paragraph {
  font-weight: var(--wt-fw-medium);
  color: var(--wt-common-white);
  margin-bottom: 0;
  transition: 0.4s;
}
.wt-funfack-2-thumb img {
  border-radius: 50px;
  width: 100%;
}
.wt-funfack-2-box-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.wt-funfack-2-box-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  7.4 Choose Us Css
/*----------------------------------------*/
.wt-choose-us-2-area {
  padding: 130px 0 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-choose-us-2-area {
    padding: 80px 0 70px;
  }
}
.wt-choose-us-2-area .wt-section-2-subtitle {
  background: rgba(255, 255, 255, 0.1);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-choose-us-2-area .wt-section-2-paragraph {
  color: var(--wt-text-p);
  line-height: 162%;
  margin-top: 45px;
}
.wt-choose-us-2-top-thumb {
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-choose-us-2-top-thumb > img {
    width: 100%;
  }
}
.wt-choose-us-2-top-thumb-shape {
  position: absolute;
  top: 20px;
  left: -16%;
  animation: moving 8s linear infinite;
}
@media (max-width: 767px) {
  .wt-choose-us-2-top-thumb-shape {
    top: 0;
    right: 0;
  }
}
.wt-choose-us-2-row {
  margin-top: -255px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-choose-us-2-row {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .wt-choose-us-2-row {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .wt-choose-us-2-thumb {
    display: none;
  }
}
.wt-choose-us-2-wrapper {
  background: rgba(146, 31, 234, 0.05);
  padding: 40px 40px 41px 50px;
  border-radius: 15px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-choose-us-2-wrapper {
    padding: 40px 30px 42px 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-choose-us-2-wrapper {
    padding: 40px 20px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-choose-us-2-wrapper {
    padding: 20px 20px 25px;
  }
}
@media (max-width: 767px) {
  .wt-choose-us-2-wrapper {
    margin-bottom: 30px;
  }
}
.wt-choose-us-2-wrapper:hover {
  background: #921FEA;
}
.wt-choose-us-2-wrapper:hover .wt-choose-us-2-icon span {
  color: var(--wt-common-white);
}
.wt-choose-us-2-wrapper:hover .wt-choose-us-2-title {
  color: var(--wt-common-white);
}
.wt-choose-us-2-wrapper:hover .wt-choose-us-2-paragraph {
  color: var(--wt-common-white);
}
.wt-choose-us-2-wrapper.active {
  background: #921FEA;
}
.wt-choose-us-2-wrapper.active .wt-choose-us-2-icon span {
  color: var(--wt-common-white);
}
.wt-choose-us-2-wrapper.active .wt-choose-us-2-title {
  color: var(--wt-common-white);
}
.wt-choose-us-2-wrapper.active .wt-choose-us-2-paragraph {
  color: var(--wt-common-white);
}
.wt-choose-us-2-icon {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-choose-us-2-icon {
    margin-bottom: 20px;
  }
}
.wt-choose-us-2-icon span {
  color: #921FEA;
  font-size: 55px;
  line-height: 1;
  display: inline-block;
  transition: 0.4s;
}
.wt-choose-us-2-title {
  color: var(--wt-common-white);
  margin-bottom: 34px;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-choose-us-2-title {
    margin-bottom: 14px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-choose-us-2-title {
    margin-bottom: 20px;
  }
}
.wt-choose-us-2-paragraph {
  color: var(--wt-text-p);
  line-height: 162%;
  font-size: 14px;
  margin-bottom: 0;
  transition: 0.4s;
}
.wt-choose-us-2-img-shape {
  position: absolute;
  top: 50%;
  left: -60%;
  transform: translateY(-50%);
  z-index: -1;
}

/*----------------------------------------*/
/*  7.14 Process Css
/*----------------------------------------*/
.wt-process-2-area {
  padding: 0 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-area {
    padding: 0 0 220px;
  }
}
@media (max-width: 767px) {
  .wt-process-2-area {
    padding: 0 0 80px;
  }
}
.wt-process-2-area .wt-section-2-subtitle {
  background: rgba(146, 31, 234, 0.1);
  color: var(--wt-theme-purple);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.wt-process-2-wrap {
  position: relative;
  z-index: 1;
}
.wt-process-2-item {
  background: #921FEA;
  max-width: 850px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 5px;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-item {
    flex-wrap: wrap;
    justify-content: left;
    padding: 50px 20px 40px;
  }
}
@media (max-width: 767px) {
  .wt-process-2-item {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.wt-process-2-item.two {
  background: #E22EAB;
}
.wt-process-2-item.three {
  background: #FCA528;
}
.wt-process-2-content {
  padding: 0 46px 0 46px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    padding: 0 0 0;
  }
}
@media (max-width: 767px) {
  .wt-process-2-content {
    padding: 30px 20px 0 20px;
  }
}
.wt-process-2-content h6 {
  background: var(--wt-common-white);
  display: inline-block;
  color: var(--wt-common-black);
  font-weight: var(--wt-fw-sbold);
  font-size: 16px;
  border-radius: 15px;
  padding: 10px 20px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-content h6 {
    margin-bottom: 0;
  }
}
.wt-process-2-content h4 {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-content h4 {
    margin-bottom: 0;
  }
}
.wt-process-2-content span {
  margin-bottom: 38px;
  display: inline-block;
  line-height: 1;
  color: var(--wt-common-white);
  font-size: 66px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-content span {
    margin-bottom: 0;
    width: 92px;
  }
}
.wt-process-2-content p {
  color: var(--wt-common-white);
  line-height: 162%;
  margin-bottom: 0;
  font-weight: var(--wt-fw-regular);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-content p {
    max-width: 347px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-2-thumb {
    margin-top: 30px;
  }
}
.wt-process-2-thumb img {
  border-radius: 20px;
}
@media (max-width: 767px) {
  .wt-process-2-thumb img {
    width: 100%;
  }
}
.wt-process-2-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.wt-process-2-bg-shape img {
  width: 100%;
}
.wt-process-3-area {
  background: var(--wt-common-black);
  padding: 120px 0 130px;
  margin: 0 30px 0;
  border-radius: 0 0 15px 15px;
  border: 1px solid var(--wt-theme-purple);
  border-top: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-process-3-area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-process-3-area {
    padding: 80px 0 80px;
    margin: 0;
    border-radius: 0;
  }
}
.wt-process-3-area .wt-section-3-subtitle {
  background: rgba(15, 0, 31, 0.3);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-process-3-area .wt-section-3-title {
  color: var(--wt-common-white);
}
.wt-process-3-accordion {
  max-width: 630px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-3-accordion {
    max-width: 100%;
    margin-bottom: 50px;
  }
}
.wt-process-3-accordion-item {
  padding: 14px 34px;
  border-radius: 10px !important;
  margin-bottom: 22px;
  position: relative;
  z-index: 1;
}
.wt-process-3-accordion-item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: #921FEA;
  transition: 0.4s;
}
.wt-process-3-accordion-title {
  text-transform: capitalize;
  font-weight: var(--wt-fw-sbold);
  font-size: 20px;
  letter-spacing: -0.03em;
  gap: 6px;
}
@media (max-width: 767px) {
  .wt-process-3-accordion-title {
    gap: 20px;
  }
}
.wt-process-3-accordion-title.collapsed::before {
  color: var(--wt-text-p);
  background: transparent;
  box-shadow: inherit;
  transform: rotate(45deg);
}
.wt-process-3-accordion-title::before {
  content: "\e09f";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-weight: var(--wt-fw-regular);
  right: -16px;
  font-size: 18px;
  color: var(--wt-common-white);
  transition: 0.4s;
}
.wt-process-3-accordion-title:focus {
  border: none;
  box-shadow: none;
}
.wt-process-3-accordion-pera {
  color: var(--wt-common-white);
  padding: 20px 60px 0px 0;
  font-weight: var(--wt-fw-light);
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-process-3-accordion-pera {
    padding: 20px 30px 0px 0;
  }
}
@media (max-width: 767px) {
  .wt-process-3-accordion-pera {
    padding: 20px 0 0px 0;
    font-size: 13px;
  }
}
.wt-process-3-thumb img {
  border-radius: 10px;
}
@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) {
  .wt-process-3-thumb img {
    width: 100%;
  }
}
.wt-process-3-shape-1 {
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: -1;
}
.wt-process-3-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.wt-process-3-shape-3 {
  position: absolute;
  bottom: 70px;
  right: 100px;
  z-index: -1;
}
@media (max-width: 767px) {
  .wt-process-3-shape-3 {
    display: none;
  }
}
.wt-process-3-scroll-shape {
  position: absolute;
  top: 50px;
  left: 0;
}

/*----------------------------------------*/
/*  7.10 Maps Css
/*----------------------------------------*/
.wt-maps-area {
  padding: 130px 0 130px;
  overflow: hidden;
}
.wt-maps-wrapper {
  position: relative;
  top: 10px;
}
.wt-maps-wrapper iframe {
  width: 100%;
  min-height: 620px;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .wt-maps-wrapper iframe {
    width: 100%;
    min-height: 620px;
  }
}

/*----------------------------------------*/
/*  7.15 Project Css
/*----------------------------------------*/
.wt-project-area {
  padding: 0 0 130px;
}
.wt-project-area .wt-section-subtitle {
  background: rgba(7, 0, 14, 0.05);
  border: 1px solid rgba(7, 0, 14, 0.07);
  color: var(--wt-text-1);
}
.wt-project-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-project-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
  margin-bottom: 70px;
}
.wt-project-wrapper {
  margin-bottom: 50px;
}
.wt-project-wrapper:hover .wt-project-button {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.wt-project-wrapper:hover .wt-project-thumb::before {
  opacity: 1;
  visibility: visible;
}
.wt-project-thumb {
  margin-bottom: 28px;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}
.wt-project-thumb::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(7, 0, 14, 0.65);
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.4s;
}
.wt-project-thumb img {
  width: 100%;
  border-radius: 10px;
}
.wt-project-button {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.4s;
}
.wt-project-button a {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  color: var(--wt-common-white);
  border-radius: 50%;
  font-size: 18px;
}
.wt-project-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
  margin-bottom: 0;
}
.wt-project-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-project-title:hover a {
  background-size: 100% 1px;
}
.wt-project-paragraph {
  color: var(--wt-text-p);
  margin-bottom: 0;
}
.wt-project-masonry-area {
  padding: 0 0 130px;
}
.wt-project-masonry-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-project-masonry-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.wt-project-masonry-wrapper {
  margin-bottom: 45px;
}
.wt-project-masonry-thumb {
  margin-bottom: 30px;
}
.wt-project-masonry-thumb img {
  width: 100%;
  border-radius: 15px;
}
.wt-project-masonry-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wt-project-masonry-title {
  font-size: 27px;
  letter-spacing: -0.03em;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-masonry-title {
    font-size: 24px;
  }
}
.wt-project-masonry-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-project-masonry-title:hover a {
  background-size: 100% 1px;
}
.wt-project-masonry-paragraph {
  color: var(--wt-text-p);
  margin-bottom: 0;
}
.wt-project-masonry-button a {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--wt-text-1);
  border-radius: 50%;
  font-size: 18px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
.wt-project-masonry-button a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.4s;
  z-index: -1;
}
.wt-project-masonry-button a:hover {
  color: var(--wt-common-white);
}
.wt-project-masonry-button a:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-project-details-area {
  padding: 0 0 130px;
}
.wt-project-details-info {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 75px;
  margin-bottom: 105px;
}
.wt-project-details-info ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-details-info ul {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .wt-project-details-info ul {
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
.wt-project-details-info ul li {
  color: var(--wt-text-p);
  font-size: 16px;
}
.wt-project-details-info ul li h4 {
  font-size: 35px;
  letter-spacing: -0.03em;
}
.wt-project-details-info ul li span {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
  font-size: 18px;
  letter-spacing: -0.03em;
  display: block;
}
.wt-project-details-description {
  margin-bottom: 100px;
}
.wt-project-details-description-title {
  font-size: 35px;
  letter-spacing: -0.03em;
}
.wt-project-details-description-text p {
  line-height: 162%;
  color: var(--wt-text-p);
}
.wt-project-details-description-text p:last-child {
  margin-top: 36px;
}
.wt-project-details-description-text p span {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--wt-theme-pink);
}
.wt-project-details-description-list {
  margin-top: 34px;
}
.wt-project-details-description-list ul {
  list-style: none;
}
.wt-project-details-description-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--wt-text-p);
  font-weight: var(--wt-fw-medium);
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-details-description-list ul li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .wt-project-details-description-list ul li {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.wt-project-details-description-list ul li:last-child {
  margin-bottom: 0;
}
.wt-project-details-description-list ul li span {
  width: 20px;
  height: 20px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--wt-theme-purple);
  color: var(--wt-common-white);
  border-radius: 50%;
  font-size: 12px;
}
.wt-project-details-description-list ul li span i {
  display: inline-block;
  line-height: 1;
}
.wt-project-details-description.two {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 100px;
}
.wt-project-details-thumbnail {
  margin-bottom: 70px;
}
.wt-project-details-thumbnail-img {
  margin-bottom: 30px;
}
.wt-project-details-thumbnail-img img {
  width: 100%;
  border-radius: 10px;
}
.wt-project-details-next-prev-item {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 0;
}
.wt-project-details-next-prev-item .wt-project-title {
  font-size: 20px;
}

/*----------------------------------------*/
/*  7.3 Case Studie Css
/*----------------------------------------*/
.wt-case-studie-area {
  background: var(--wt-common-black);
  padding: 120px 0 95px;
  margin: 0 30px 0;
  border-radius: 15px 15px 0 0;
  border: 1px solid var(--wt-theme-purple);
  border-bottom: 1px solid #181220;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-case-studie-area {
    margin: 0;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-case-studie-area {
    padding: 80px 0 50px;
    margin: 0;
    border-radius: 0;
  }
}
.wt-case-studie-area .wt-section-3-subtitle {
  background: rgba(15, 0, 31, 0.3);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-case-studie-area .wt-section-3-title {
  color: var(--wt-common-white);
}
.wt-case-studie-wrapper {
  margin-bottom: 30px;
}
.wt-case-studie-wrapper:hover .wt-case-studie-thumb img {
  transform: scale(1.2);
}
.wt-case-studie-thumb {
  margin-bottom: 24px;
  overflow: hidden;
}
.wt-case-studie-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: 0.7s;
}
.wt-case-studie-subtitle {
  font-weight: var(--wt-fw-medium);
  font-size: 16px;
  color: #ffcc01;
  display: inline-block;
  margin-bottom: 15px;
}
.wt-case-studie-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
}
.wt-case-studie-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-case-studie-title:hover a {
  background-size: 100% 1px;
}

/*----------------------------------------*/
/*  7.6 Counter Css
/*----------------------------------------*/
.wt-counter-area {
  background: #10041D;
  padding: 0 0 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-counter-area {
    padding: 0 0 80px;
  }
}
.wt-counter-bg-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.wt-counter-inrpge-area {
  padding: 0 0 130px;
  margin: 0 55px 0;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-counter-inrpge-area {
    margin: 0;
  }
}
.wt-counter-inrpge-main-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-counter-inrpge-main-wrapper {
    flex-direction: column;
    row-gap: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-counter-inrpge-thumb {
    width: 100%;
  }
}
.wt-counter-inrpge-thumb img {
  border-radius: 15px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-counter-inrpge-thumb img {
    width: 100%;
  }
}
.wt-counter-inrpge-wrapper {
  background: var(--wt-theme-purple);
  border-radius: 15px;
  max-width: 670px;
  width: 100%;
  padding: 70px 90px 10px 100px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), 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) {
  .wt-counter-inrpge-wrapper {
    margin: 0 10px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-counter-inrpge-wrapper {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .wt-counter-inrpge-wrapper {
    padding: 70px 30px 10px;
    max-width: 100%;
  }
}
.wt-counter-inrpge-wrap .wt-hero-counter-title {
  color: var(--wt-common-white);
  font-size: 35px;
  font-weight: var(--wt-fw-regular);
  letter-spacing: -0.05em;
  margin-bottom: -10px;
  display: flex;
  gap: 6px;
}
.wt-counter-inrpge-wrap .wt-hero-counter-title span {
  font-weight: var(--wt-fw-sbold);
  font-size: 85px;
  letter-spacing: -0.05em;
}
.wt-counter-inrpge-wrap .wt-hero-counter-paragraph {
  font-weight: var(--wt-fw-regular);
  font-size: 16px;
  color: var(--wt-common-white);
  margin-bottom: 0;
}
.wt-counter-inrpge-item {
  margin-bottom: 50px;
}

/*----------------------------------------*/
/*  7.18 Team Css
/*----------------------------------------*/
.wt-team-area {
  padding: 0 0 100px;
  margin: 0 55px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-team-area {
    margin: 0;
    padding: 0 0 0;
  }
}
.wt-team-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-team-wrapper {
  background: #0f001f;
  border-radius: 15px;
  padding: 40px 32px 40px 42px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-team-wrapper {
    padding: 40px 20px 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-team-wrapper {
    padding: 20px 10px 20px;
  }
}
.wt-team-wrapper:hover .wt-team-icon {
  top: 45px;
  opacity: 1;
}
.wt-team-wrapper:hover .wt-team-btn button {
  background: var(--wt-theme-primary);
  color: var(--wt-common-white);
}
.wt-team-wrapper:hover .wt-team-email {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.wt-team-wrapper:hover .wt-team-top {
  margin-bottom: 40px;
}
.wt-team-wrapper.active .wt-team-icon {
  top: 45px;
  opacity: 1;
}
.wt-team-wrapper.active .wt-team-btn button::before {
  opacity: 1;
  visibility: visible;
}
.wt-team-wrapper.active .wt-team-email {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.wt-team-wrapper.active .wt-team-top {
  margin-bottom: 40px;
}
.wt-team-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 130px;
  transition: all 0.3s 0s ease-out;
}
.wt-team-social {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.wt-team-icon {
  position: absolute;
  top: -95px;
  right: 0;
  width: 100%;
  transition: all 0.3s 0s ease-out;
  z-index: -1;
  text-align: center;
}
.wt-team-icon a {
  width: 40px;
  height: 40px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  color: var(--wt-common-white);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.wt-team-icon a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-team-icon a:not(:last-of-type) {
  margin-bottom: 5px;
}
.wt-team-icon a:hover {
  color: var(--wt-common-white);
}
.wt-team-icon a:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-team-btn button {
  display: inline-flex;
  height: 40px;
  width: 40px;
  font-size: 16px;
  line-height: 1;
  color: var(--wt-common-white);
  background: rgba(255, 255, 255, 0.1);
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.wt-team-btn button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.wt-team-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-team-thumb img {
    width: 100%;
  }
}
.wt-team-content {
  margin-bottom: 30px;
}
.wt-team-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
  margin-bottom: 4px;
}
.wt-team-title a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: all 0.3s, background-size 0.8s;
}
.wt-team-title:hover a {
  background-size: 100% 1px;
}
.wt-team-paragraph {
  margin-bottom: 0;
}
.wt-team-email {
  border-top: 1px solid rgba(7, 0, 14, 0.07);
  padding-top: 30px;
  margin-right: 35px;
  margin-top: -90px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s 0s ease-out;
}
.wt-team-email a {
  color: var(--wt-text-p);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.wt-team-email a span {
  line-height: 1;
  display: inline-block;
}
.wt-team-email a span i {
  line-height: 1;
  display: inline-block;
}
.wt-team-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.wt-team-bg-shape {
  position: absolute;
  bottom: -200px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .wt-team-bg-shape {
    display: none;
  }
}

/*----------------------------------------*/
/*  7.17 Skill Css 
/*----------------------------------------*/
.wt-skill-area {
  padding: 190px 0 130px;
  position: relative;
  z-index: 1;
}
.wt-skill-area .wt-section-title {
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-skill-area .wt-section-title {
    font-size: 40px;
  }
}
.wt-skill-area .wt-section-paragraph {
  font-size: 20px;
  line-height: 175%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-skill-area .wt-section-paragraph {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-skill-area .wt-section-paragraph {
    font-size: 17px;
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .wt-skill-area .wt-section-paragraph {
    font-size: 16px;
  }
}
.wt-skill-bg-overlay {
  position: absolute;
  width: 100%;
  height: 932px;
  top: 70px;
  left: 0;
  background: #0F001F;
  z-index: -1;
}
.wt-skill-wrap .progress-lavel {
  font-size: 22px;
  color: var(--wt-common-white);
  letter-spacing: -0.03em;
  font-weight: var(--wt-fw-sbold);
  margin-bottom: 26px;
}
.wt-skill-wrap .progress-item {
  position: relative;
  background: var(--wt-common-white);
  margin-bottom: 50px;
  z-index: 1;
}
.wt-skill-wrap .progress-item .item_value {
  position: absolute;
  top: -50px;
  right: 0;
  font-family: var(--wt-ff-heading);
  font-weight: 600;
  font-size: 27px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--wt-common-white);
}
.wt-skill-wrap .progress-item .item_bar {
  position: relative;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}
.wt-skill-wrap .progress-item .item_bar .progress {
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  width: 0;
  height: 7px;
  margin: 0;
  transform: translateY(-50%);
  border-radius: 10px;
  overflow: visible;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  transition: width 100ms ease;
  border-radius: 30px;
}
.wt-skill-thumb {
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 932px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-skill-thumb {
    position: static;
    width: 100%;
  }
}
.wt-skill-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 35px 0 0 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .wt-skill-thumb img {
    border-radius: 0;
  }
}
.wt-skill-bg-shape {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .wt-skill-bg-shape {
    display: none;
  }
}
.wt-skill-2-area {
  padding: 190px 0 159px;
}
.wt-skill-2-wrapper {
  margin-bottom: 20px;
}
.wt-skill-2-item {
  background: #0f001f;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 15px;
  padding: 40px 40px 30px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-skill-2-item {
    padding: 40px 30px 30px;
  }
}
.wt-skill-2-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s ease-in-out;
}
.wt-skill-2-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-skill-2-item.active::before {
  opacity: 1;
  visibility: visible;
}
.wt-skill-2-icon span {
  font-size: 45px;
  color: var(--wt-common-white);
  margin-bottom: 30px;
  display: inline-block;
}
.wt-skill-2-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.03em;
}

/*----------------------------------------*/
/*  7.2 Award Css
/*----------------------------------------*/
.wt-award-area {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 120px 0 100px;
}
.wt-award-area .wt-section-3-subtitle {
  background: rgba(255, 255, 255, 0.05);
  color: var(--wt-text-p);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.wt-award-wrapper {
  background: #0f001f;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 30px;
  border-radius: 150px;
  text-align: center;
  padding: 5px;
  transition: 0.6s ease-in-out;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.wt-award-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border: 1px solid transparent;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s ease-in-out;
  z-index: -1;
}
.wt-award-wrapper:hover::before {
  opacity: 1;
  visibility: visible;
}
.wt-award-wrapper:hover .wt-award-title {
  color: var(--wt-common-white);
}
.wt-award-wrapper:hover .wt-award-paragraph {
  color: var(--wt-common-white);
}
.wt-award-wrapper:hover .wt-award-thumb::before {
  background: var(--wt-common-white);
}
.wt-award-wrapper.active::before {
  opacity: 1;
  visibility: visible;
}
.wt-award-wrapper.active .wt-award-title {
  color: var(--wt-common-white);
}
.wt-award-wrapper.active .wt-award-paragraph {
  color: var(--wt-common-white);
}
.wt-award-wrapper.active .wt-award-thumb::before {
  background: var(--wt-common-white);
}
.wt-award-wrapper .main {
  padding: 60px 40px 0;
}
.wt-award-title {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.03em;
  border-bottom: 1px solid rgba(7, 0, 14, 0.07);
  padding-bottom: 50px;
  margin-bottom: 45px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-award-title {
    font-size: 18px;
  }
}
.wt-award-paragraph {
  font-size: 16px;
  line-height: 162%;
  color: var(--wt-common-white);
  margin-bottom: 53px;
  transition: 0.4s;
}
.wt-award-thumb {
  background: transparent;
  border-radius: 100%;
  width: 290px;
  height: 290px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-award-thumb {
    width: 230px;
    height: 230px;
  }
}
.wt-award-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #921fea 0%, #e22eab 48.87%, #fca528 100%);
  border: 1px solid transparent;
  transition: 0.6s ease-in-out;
  z-index: -1;
}