/*
Theme Name: JophielTech
Theme URI: https://webtend.site/wp/noxfolio
Author: Jophiel
Author URI: https://jophieltech.com/
Description: Webtend team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.1.3
Requires PHP: 7.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: featured-images, post-formats, translation-ready, custom-header, custom-logo, custom-menu, one-column, two-columns, right-sidebar, sticky-post, threaded-comments, translation-ready
Text Domain: noxfolio
*/


/* theme update */

:root {
  --wt-common-white: #ffffff;
  --wt-common-black: #141414;
  --wt-common-black-secondary: #212125;
  --wt-heading-primary: #141414;
  --wt-grey-1: #DED7C4;
  --wt-text-body: #cecece;
  --wt-text-p: #cecece;
  --wt-text-1: #5B5B5B;
  --wt-text-2: #bfbfbf;
  --wt-theme-primary: #7C02FF;
  --wt-theme-primary-3: #FFF033;
  --wt-theme-primary-4: #F1FF9D;
  --wt-border-primary: #7C02FF;
}

body.home-three {
  --noxfolio-primary-color: #FFF033;
  --e-global-color-noxfolio_primary: #FFF033;
}



body.home-four {
  --noxfolio-primary-color: #fff;
  --e-global-color-noxfolio_primary: #F1FF9D;
}

.wt-section-4-title,
.wt-section-3-title {
  text-transform: uppercase;
  font-weight: 700;
}

.wt-about-4-title span {
  display: unset;
}

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

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

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

/*----------------------------------------*/
/*  2.6 Buttons
/*----------------------------------------*/
.wt-header-btn {
  color: var(--wt-common-white);
  text-transform: uppercase;
  font-weight: var(--wt-fw-sbold);
  display: inline-flex;
  gap: 12px;
  align-items: center;
  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-btn:hover {
  background-size: 100% 1px;
}

.wt-btn-circle {
  width: 100px;
  height: 100px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.wt-btn-circle .wt-btn-circle-icon {
  font-size: 20px;
  transition: 0.4s;
}

.wt-btn-circle .wt-hover-btn-wrapper {
  display: inline-block;
}

.wt-btn-circle .wt-btn-circle-dot {
  position: absolute;
  left: 42px;
  bottom: -15px;
  width: 20px;
  height: 20px;
  transition: all 0.6s;
  border-radius: 50%;
  background-color: var(--wt-common-white);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.wt-btn-circle:hover {
  border: 1px solid transparent;
}

.wt-btn-circle:hover .wt-btn-circle-dot {
  width: 420px;
  height: 420px;
}

.wt-btn-circle:hover span {
  color: var(--wt-common-black);
}

.wt-cercal-sm-button a {
  width: 65px;
  height: 65px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wt-common-black);
  border-radius: 50%;
  border: 1px solid rgba(20, 20, 20, 0.8);
}

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

.p-relative {
  position: relative;
}

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

.wt-hero-3-area {
  padding: 95px 0 0;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-area {
    padding: 130px 0 0;
  }
}

@media (max-width: 767px) {
  .wt-hero-3-area {
    padding: 100px 0 0;
  }
}

.wt-hero-3-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 330px;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.03) 100%);
  z-index: -1;
}

.wt-hero-3-title {
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 103px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-3-title {
    font-size: 105px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-title {
    font-size: 118px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-title {
    font-size: 87px;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .wt-hero-3-title {
    font-size: 44px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-3-title {
    font-size: 65px;
  }
}

.wt-hero-3-title span.weight {
  font-weight: 250;
}

.wt-hero-3-title span.color {
  color: var(--wt-theme-primary-3);
}

.wt-hero-3-top-wrap {
  max-width: 190px;
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-top-wrap {
    position: relative;
    z-index: 2;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-top-wrap {
    display: flex;
    gap: 120px;
    max-width: inherit;
    width: inherit;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .wt-hero-3-top-wrap {
    display: none;
  }
}

.wt-hero-3-play-btn {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  row-gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 70px;
  margin-bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-play-btn {
    border-bottom: 0 solid rgba(255, 255, 255, 0.2);
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.wt-hero-3-play-btn a {
  width: 65px;
  height: 65px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--wt-theme-primary-3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

.wt-hero-3-play-btn p {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-play-btn p {
    margin-bottom: 50px;
  }
}

.wt-hero-3-top-paragraph {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-medium);
  font-size: 20px;
  line-height: 1.25;
  color: #BFBFBF;
  margin-bottom: 70px;
}

.wt-hero-3-thumb {
  max-width: 528px;
  height: 790px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-thumb {
    max-width: 430px;
    height: 640px;
  }
}

@media (max-width: 767px) {
  .wt-hero-3-thumb {
    max-width: 350px;
    height: 515px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-3-thumb {
    max-width: 400px;
    height: 570px;
  }
}

.wt-hero-3-thumb::before {
  content: "";
  position: absolute;
  width: 950px;
  height: 400px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  mask-image: url(assets/img/hero/hero-3-thumb-shape.svg);
  background: var(--wt-theme-primary-3);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(300px);
  z-index: -2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-hero-3-thumb::before {
    width: 800px;
    height: 340px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-3-thumb::before {
    width: 700px;
    height: 300px;
  }
}

@media (max-width: 767px) {
  .wt-hero-3-thumb::before {
    width: 350px;
    height: 155px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-3-thumb::before {
    width: 480px;
    height: 212px;
  }
}

.wt-hero-3-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-hero-3-counter {
    display: none;
  }
}

.wt-hero-3-counter .wt-team-counter-item {
  margin-right: 0;
  margin-bottom: 70px;
}

.wt-hero-3-counter .wt-team-counter-item:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 70px;
}

.wt-hero-3-counter .wt-team-counter-item:last-child {
  margin-bottom: 0;
}

.wt-hero-3-counter .wt-team-counter-title {
  font-size: 120px;
  font-weight: var(--wt-fw-medium);
  line-height: 0.92;
  margin-bottom: 17px;
}

.wt-hero-3-counter .wt-team-counter-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 16px;
  margin-bottom: 0;
}

.wt-hero-3-social {
  position: absolute;
  bottom: 4%;
  right: 4%;
  z-index: 2;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-3-social {
    right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-hero-3-social {
    display: none;
  }
}

.wt-hero-3-social ul {
  flex-wrap: inherit;
}

.wt-hero-3-social ul li a:hover {
  border-color: var(--wt-common-white);
}

.wt-hero-4-area {
  padding: 130px 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-hero-4-area {
    padding: 60px 0 10px;
  }
}

.wt-hero-4-wrapper {
  display: flex;
  gap: 147px;
  flex-wrap: wrap;
  row-gap: 30px;
  max-width: 1520px;
  width: 100%;
  margin: auto;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-4-wrapper {
    gap: 70px;
  }
}

.wt-hero-4-content {
  max-width: 828px;
  width: 100%;
  margin-top: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-4-content {
    max-width: 670px;
  }
}

.wt-hero-4-title {
  font-size: 150px;
  line-height: 0.87;
  letter-spacing: -0.03em;
  color: var(--wt-common-white);
  margin-bottom: 70px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-4-title {
    font-size: 135px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-4-title {
    font-size: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-4-title {
    font-size: 130px;
  }
}

@media (max-width: 767px) {
  .wt-hero-4-title {
    font-size: 68px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-4-title {
    font-size: 77px;
  }
}

.wt-hero-4-title span {
  line-height: 1;
  display: inline-flex;
}

@media (max-width: 767px) {
  .wt-hero-4-title span {
    display: none;
  }
}

.wt-hero-4-thumb {
  max-width: 533px;
  width: 100%;
  height: 750px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-hero-4-thumb {
    max-width: 470px;
    height: 660px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-hero-4-thumb {
    max-width: 425px;
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-hero-4-thumb {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .wt-hero-4-thumb {
    max-width: 350px;
    height: 500px;
    margin: auto;
  }
}

.wt-hero-4-thumb::before {
  content: "";
  position: absolute;
  width: 103%;
  height: 84%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: var(--wt-theme-primary-4);
  z-index: -1;
  border-radius: 275px 275px 0 0;
}

.wt-hero-4-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-hero-4-descrip {
  display: flex;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-left: 140px;
}

@media (max-width: 767px) {
  .wt-hero-4-descrip {
    gap: 20px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-4-descrip {
    gap: 100px;
  }
}

.wt-hero-4-paragraph {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-medium);
  font-size: 20px;
  line-height: 125%;
  max-width: 243px;
  width: 100%;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .wt-hero-4-paragraph {
    font-size: 16px;
    max-width: 230px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-hero-4-paragraph {
    font-size: 20px;
    max-width: 243px;
  }
}

/*----------------------------------------*/
/*  7.1 About Css
  /*----------------------------------------*/
.wt-about-area {
  background: var(--wt-common-black);
  padding: 130px 0 90px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-about-area {
    padding: 70px 0 65px;
  }
}

.wt-about-area::before {
  content: "";
  position: absolute;
  top: 42%;
  left: 12%;
  transform: translateY(-50%);
  width: 820px;
  height: 615px;
  background: url(../img/hero/hero-content-shape.png);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.3;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-area::before {
    top: 42%;
    left: 2%;
    width: 718px;
  }
}

@media (max-width: 767px) {
  .wt-about-area::before {
    left: 1%;
    width: 365px;
    height: 546px;
  }
}

.wt-about-content {
  max-width: 295px;
  width: 100%;
  margin-top: 35px;
}

.wt-about-paragraph {
  font-size: 18px;
  font-weight: var(--wt-fw-medium);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-paragraph {
    font-size: 14px;
  }
}

.wt-about-bottom-content {
  margin-top: -98px;
  position: relative;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-bottom-content {
    margin-top: -50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-bottom-content {
    margin-top: 0;
  }
}

.wt-about-bottom-button {
  position: absolute;
  top: 57%;
  right: 19%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-bottom-button {
    right: 6%;
  }
}

@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-about-bottom-button {
    position: static;
    transform: translateY(0);
    margin-top: 50px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .wt-about-bottom-thumb img {
    width: 100%;
  }
}

.wt-about-title {
  font-size: 200px;
  color: #1b1b1b;
  white-space: nowrap;
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-about-title {
    font-size: 194px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-about-title {
    font-size: 169px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-about-title {
    font-size: 144px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-title {
    font-size: 118px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-title {
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .wt-about-title {
    font-size: 44px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-about-title {
    font-size: 67px;
  }
}

.wt-about-3-area {
  padding: 120px 0 140px;
}

@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-about-3-area {
    padding: 62px 0 62px;
  }
}

.wt-about-3-wrapper {
  margin-left: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-about-3-wrapper {
    margin-left: 0;
  }
}

.wt-about-3-paragraph {
  font-size: 20px;
  line-height: 175%;
  text-transform: uppercase;
  margin-bottom: 53px;
}

.wt-about-3-paragraph span {
  color: var(--wt-theme-primary-3);
  font-weight: var(--wt-fw-bold);
}

.wt-about-3-bottom {
  display: flex;
  align-items: center;
  gap: 150px;
}

@media (max-width: 767px) {
  .wt-about-3-bottom {
    gap: 30px;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-3-thumb {
    text-align: center;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-about-3-thumb {
    text-align: center;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .wt-about-3-thumb img {
    width: 100%;
  }
}

.wt-about-3-member-title {
  font-weight: var(--wt-fw-sbold);
  font-size: 30px;
  text-transform: uppercase;
  color: var(--wt-common-white);
  margin-bottom: 22px;
}

.wt-about-3-member ul {
  display: flex;
}

.wt-about-3-member ul li {
  list-style: none;
  margin-left: -22px;
  transition: ease-out 0.4s;
  border: 2px solid var(--wt-common-white);
  border-radius: 50%;
}

.wt-about-3-member ul li:first-child {
  margin-left: 0;
}

.wt-about-3-member ul li:last-child {
  border: none;
}

.wt-about-3-member ul:hover li {
  margin-left: -15px;
}

.wt-about-3-member ul:hover li:first-child {
  margin-left: 0;
}

.wt-about-4-area {
  padding: 120px 0 120px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-about-4-area {
    padding: 60px 0 60px;
  }
}

.wt-about-4-title {
  font-size: 85px;
  letter-spacing: -0.03em;
  max-width: 1160px;
  width: 100%;
  margin-bottom: 66px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-4-title {
    font-size: 59px;
  }
}

@media (max-width: 767px) {
  .wt-about-4-title {
    font-size: 30px;
  }
}

.wt-about-4-title .color {
  color: var(--wt-theme-primary-4);
}

.wt-about-4-title .font-weight {
  font-weight: 250;
}

.wt-about-4-wrap {
  display: flex;
  align-items: center;
  gap: 175px;
  max-width: 680px;
  margin-left: auto;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .wt-about-4-wrap {
    gap: 0;
    flex-wrap: wrap;
    row-gap: 15px;
  }
}

.wt-about-4-descri {
  max-width: 406px;
  width: 100%;
}

.wt-about-4-paragraph {
  font-size: 18px;
}

@media (max-width: 767px) {
  .wt-about-4-paragraph {
    font-size: 16px;
  }
}

.wt-about-4-counter {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}

.wt-about-4-counter-title {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-sbold);
  font-size: 200px;
  letter-spacing: -0.03em;
  margin-bottom: -12px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-about-4-counter-title {
    font-size: 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-4-counter-title {
    font-size: 100px;
  }
}

@media (max-width: 767px) {
  .wt-about-4-counter-title {
    font-size: 80px;
  }
}

.wt-about-4-counter-paragraph {
  font-weight: 500;
  font-size: 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-4-counter-paragraph {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .wt-about-4-counter-paragraph {
    font-size: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-about-4-counter-paragraph {
    font-size: 16px;
  }
}

.wt-about-inr-wrapper {
  max-width: 740px;
  width: 100%;
  margin-left: auto;
}

.wt-about-inr-hero-area {
  padding: 211px 0 125px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-about-inr-hero-area {
    padding: 120px 0 60px;
  }
}

.wt-about-inr-hero-area::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 67%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: -1;
}

.wt-about-inr-hero-title {
  font-weight: var(--wt-fw-bold);
  font-size: 150px;
  line-height: 0.87;
  letter-spacing: -0.03em;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-about-inr-hero-title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .wt-about-inr-hero-title {
    font-size: 100px;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-about-inr-hero-title {
    font-size: 139px;
  }
}

.wt-about-inr-hero-title .weight {
  font-weight: 250;
}

.wt-about-inr-hero-title .color {
  color: var(--wt-theme-primary-4);
}

.wt-about-inr-hero-thumb {
  max-width: 630px;
  width: 100%;
  height: 370px;
}

.wt-about-inr-hero-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-about-inr-area {
  border: none;
}

.wt-about-inr-area .wt-about-4-title {
  margin-bottom: 46px;
}

.wt-about-inr-area .wt-about-4-counter {
  margin-bottom: 116px;
}

.wt-about-inr-area .wt-section-4-descr {
  margin-left: 0;
}

.wt-about-inr-area .wt-skill-4-left {
  margin-right: 0;
}

/*----------------------------------------*/
/*   7.11 Project Css 
  /*----------------------------------------*/
.wt-project-area {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 140px 0 132px;
  margin: 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-project-area {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-project-area {
    margin: 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-area {
    padding: 65px 0 65px;
    margin: 0 0;
  }
}

.wt-project-item {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.wt-project-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.wt-project-item:hover .wt-project-action span {
  border: 1px solid rgb(255, 255, 255);
}

.wt-project-item:hover .wt-project-action.blog-action span {
  border: 1px solid var(--wt-common-white);
  background: transparent;
}

.wt-project-item .wt-hover-reveal-bg {
  background-size: inherit;
  background-position: center;
  background-repeat: no-repeat;
}

.wt-project-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 26px 28px;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .wt-project-content {
    row-gap: 15px;
    display: flex;
    padding: 26px 10px;
  }
}

.wt-project-content.wt-blog-4-content {
  padding-left: 0;
  padding-right: 0;
}

.wt-project-title {
  font-size: 85px;
  letter-spacing: -0.03em;
  max-width: 480px;
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-project-title {
    font-size: 70px;
    max-width: 428px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-project-title {
    font-size: 50px;
    max-width: 340px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-title {
    font-size: 36px;
    max-width: 190px;
  }
}

@media (max-width: 767px) {
  .wt-project-title {
    font-size: 30px;
    max-width: 160px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-project-title {
    max-width: 158px;
  }
}

.wt-project-tag {
  font-family: var(--wt-ff-body);
  font-size: 20px;
  color: var(--wt-text-p);
  max-width: 465px;
  width: 100%;
}

@media (max-width: 767px) {
  .wt-project-tag {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .wt-project-tag {
    font-size: 16px;
    max-width: 190px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-project-tag {
    max-width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-action {
    transform: translateY(-25px);
  }
}

@media (max-width: 767px) {
  .wt-project-action {
    transform: translateY(-29px);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-project-action {
    transform: translateY(0);
  }
}

.wt-project-action span {
  width: 60px;
  height: 60px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-action.blog-action {
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .wt-project-action.blog-action {
    transform: translateY(0);
  }
}

.wt-project-2-area {
  padding: 0 0 132px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-2-area {
    padding: 0 0 80px;
  }
}

@media (max-width: 767px) {
  .wt-project-2-area .row.mb-30 {
    margin-bottom: 0;
  }
}

.wt-project-2-item {
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .wt-project-2-item {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-2-item.mt-50 {
    margin-top: 0;
  }
}

.wt-project-2-thumb {
  margin-bottom: 28px;
}

.wt-project-2-thumb img {
  width: 100%;
}

.wt-project-2-subtitle {
  font-weight: var(--wt-fw-regular);
  line-height: 1.87;
  color: var(--wt-text-p);
  font-family: var(--wt-ff-body);
  margin-bottom: 0;
}

.wt-project-2-title {
  font-size: 30px;
  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;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-project-2-title {
    font-size: 24px;
  }
}

.wt-project-2-title:hover {
  background-size: 100% 1px;
}

.wt-project-2-button {
  margin-left: 125px;
}

.wt-project-4-area {
  padding: 0 0 140px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-4-area {
    padding: 0 0 60px;
  }
}

.wt-project-4-content {
  padding-left: 0;
  padding-right: 0;
}

.wt-project-4-paragraph {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  gap: 10px;
}

@media (max-width: 767px) {
  .wt-project-4-paragraph {
    width: 100%;
    display: block;
  }
}

.wt-project-4-title {
  font-size: 30px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .wt-project-4-title {
    font-size: 24px;
  }
}

.wt-project-4-action h6 {
  font-family: var(--wt-ff-p);
  font-weight: 400;
  color: var(--wt-theme-primary-4);
}

.wt-project-list-wrap {
  max-width: 320px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-list-wrap {
    max-width: 450px;
    margin-bottom: 30px;
  }
}

.wt-project-list-wrap.two {
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-list-wrap.two {
    margin-left: 0;
  }
}

.wt-project-list-wrap.four {
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-list-wrap.four {
    margin-left: 0;
  }
}

.wt-project-list-wrap.six {
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-list-wrap.six {
    margin-left: 0;
    margin-bottom: 40px;
  }
}

.wt-project-list-item {
  margin-bottom: 70px;
}

@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-project-list-thumb img {
    width: 100%;
  }
}

.wt-project-list-content-top {
  margin-bottom: 120px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-project-list-content-top {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-project-list-content-top {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-project-list-content-top {
    margin-bottom: 40px;
  }
}

.wt-project-list-subtitle {
  margin-bottom: 12px;
  display: inline-block;
}

.wt-project-list-title {
  font-size: 44px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-project-list-title {
    font-size: 28px;
  }
}

.wt-project-list-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-list-title:hover a {
  background-size: 100% 1px;
}

.wt-project-list-paragraph {
  font-size: 18px;
  margin-bottom: 41px;
}

.wt-project-list-button .wt-btn-circle {
  width: 65px;
  height: 65px;
}

.wt-project-list-button .wt-btn-circle .wt-btn-circle-icon {
  font-size: 16px;
}

.wt-project-list-button .wt-btn-circle .wt-btn-circle-dot {
  background-color: var(--wt-theme-primary-4);
}

/*----------------------------------------*/
/*   7.13 Service Css 
  /*----------------------------------------*/
.wt-service-area {
  background: var(--wt-common-black);
  padding: 0 0 110px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-area {
    padding: 0 0 55px;
  }
}

.wt-service-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.wt-service-area::after {
  content: "";
  position: absolute;
  width: 1450px;
  height: 768px;
  bottom: 0;
  right: -240px;
  mask-image: url(../img/service/service-bg-shape2.svg);
  background: #340f5b;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(80px);
  z-index: -1;
}

.wt-service-area .wt-section-descr {
  max-width: 302px;
}

.wt-service-item {
  max-width: 323px;
  width: 100%;
  height: 350px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 40px 30px 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-item {
    max-width: 465px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-item {
    max-width: 345px;
  }
}

@media (max-width: 767px) {
  .wt-service-item {
    max-width: 100%;
  }
}

.wt-service-item.three {
  max-width: 644px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-item.three {
    max-width: 464px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-item.three {
    max-width: 100%;
  }
}

.wt-service-item:nth-child(2) {
  border-left: none;
}

@media (max-width: 767px) {
  .wt-service-item:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, 0.07);
  }
}

.wt-service-item:nth-child(3) {
  border-left: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-item:nth-child(3) {
    border-left: 1px solid rgba(255, 255, 255, 0.07);
  }
}

@media (max-width: 767px) {
  .wt-service-item:nth-child(3) {
    border-left: 1px solid rgba(255, 255, 255, 0.07);
  }
}

.wt-service-item:hover .wt-service-bottom h4 {
  opacity: 0;
  visibility: hidden;
}

.wt-service-item:hover .wt-service-number h4 {
  opacity: 1;
  visibility: visible;
}

.wt-service-item:hover .wt-service-thumb img {
  transform: perspective(500px) rotateX(0deg);
}

.wt-service-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.wt-service-wrapper-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.wt-service-wrapper-2 .wt-service-item:nth-child(1) {
  border-top: none;
}

.wt-service-wrapper-2 .wt-service-item:nth-child(2) {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
  border-right: none;
  border-top: none;
}

@media (max-width: 767px) {
  .wt-service-wrapper-2 .wt-service-item:nth-child(2) {
    border-right: 1px solid rgba(255, 255, 255, 0.07);
  }
}

.wt-service-wrapper-2 .wt-service-item:nth-child(3) {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
  border-right: none;
  border-top: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-wrapper-2 .wt-service-item:nth-child(3) {
    border-right: 1px solid rgba(255, 255, 255, 0.07);
  }
}

@media (max-width: 767px) {
  .wt-service-wrapper-2 .wt-service-item:nth-child(3) {
    border-right: 1px solid rgba(255, 255, 255, 0.07);
  }
}

.wt-service-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 83px;
}

.wt-service-number span {
  font-weight: var(--wt-fw-sbold);
  font-size: 18px;
  color: var(--wt-text-1);
}

.wt-service-number h4 {
  transition: all 0.4s 0s ease-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  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-number h4:hover {
  background-size: 100% 1px;
}

.wt-service-title {
  font-size: 44px;
}

.wt-service-thumb {
  max-width: 100%;
  width: 100%;
  height: 164px;
}

.wt-service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: perspective(500px) rotateX(90deg);
  transition: 0.6s ease-in-out;
}

.wt-service-bottom-title {
  font-size: 44px;
  transition: all 0.4s 0s ease-out;
  margin-top: -60px;
}

@media (max-width: 767px) {
  .wt-service-bottom-title {
    font-size: 34px;
  }
}

.wt-service-bottom-content {
  display: flex;
  align-items: center;
  column-gap: 125px;
}

@media (max-width: 767px) {
  .wt-service-bottom-content {
    flex-direction: column;
  }
}

.wt-service-bottom-content .wt-section-descr {
  margin-left: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-bottom-content .wt-section-descr {
    margin-left: 50px;
  }
}

@media (max-width: 767px) {
  .wt-service-bottom-content .wt-section-descr {
    margin-left: 0;
  }
}

.wt-service-shape-1 {
  position: absolute;
  top: 45px;
  left: 130px;
  z-index: -1;
  animation: bounce-thum-3 2s forwards infinite alternate;
}

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .wt-service-shape-1 {
    top: 185px;
    left: 100px;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-service-shape-1 {
    top: 245px;
    left: 100px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-service-shape-1 {
    top: 260px;
    left: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-shape-1 {
    top: 285px;
    left: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-shape-1 {
    top: 281px;
    left: 28px;
  }
}

@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-service-shape-1 {
    display: none;
  }
}

.wt-service-shape-2 {
  position: absolute;
  top: 10%;
  right: 10%;
  animation: moving 7s linear infinite;
}

@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-service-shape-2 {
    display: none;
  }
}

.wt-service-shape-3 {
  position: absolute;
  top: -54px;
  right: 0;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-shape-3 {
    top: -70px;
    width: 22%;
  }
}

@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-service-shape-3 {
    display: none;
  }
}

.wt-service-2-area {
  padding: 130px 0 120px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-2-area {
    padding: 70px 0 70px;
  }
}

.wt-service-2-area::before {
  content: "";
  position: absolute;
  width: 1000px;
  height: 528px;
  left: 0;
  bottom: 0;
  mask-image: url(../img/service/service-2-bg-shape.svg);
  background: var(--wt-theme-primary);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(300px);
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-2-area::before {
    width: 988px;
    height: 521px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-2-area::before {
    width: 767px;
    height: 406px;
  }
}

@media (max-width: 767px) {
  .wt-service-2-area::before {
    width: 380px;
    height: 204px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-service-2-area::before {
    width: 550px;
    height: 285px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-2-thumb {
    margin-bottom: 60px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .wt-service-2-thumb {
    margin-top: 0;
    margin-bottom: 60px;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-2-thumb img {
    width: 75%;
  }
}

@media (max-width: 767px) {
  .wt-service-2-thumb img {
    width: 60%;
  }
}

.wt-service-3-area {
  padding: 130px 0 120px;
}

@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-service-3-area {
    padding: 62px 0 60px;
  }
}

.wt-service-3-area .wt-section-wrapper {
  margin-bottom: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-3-area .wt-section-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-service-3-area .wt-section-wrapper {
    margin-bottom: 50px;
  }
}

.wt-service-3-item {
  display: flex;
  gap: 65px;
  background: rgba(255, 255, 255, 0.03);
  padding: 40px 72px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-3-item {
    padding: 40px 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-3-item {
    gap: 30px;
    padding: 30px 40px;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .wt-service-3-item {
    gap: 30px;
    padding: 40px 30px;
    flex-wrap: wrap;
  }
}

.wt-service-3-item:hover .wt-service-3-button {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}

.wt-service-3-item.active .wt-service-3-button {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}

.wt-service-3-left-wrapper {
  max-width: 427px;
  width: 100%;
  height: 325px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-3-left-wrapper {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .wt-service-3-left-wrapper {
    margin-bottom: 30px;
  }
}

.wt-service-3-left-item.one {
  position: absolute;
  top: 0;
  left: 50px;
}

.wt-service-3-left-item.one span {
  background: #FFF033;
}

.wt-service-3-left-item.two {
  position: absolute;
  bottom: 55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.wt-service-3-left-item.two span {
  background: #91D983;
}

.wt-service-3-left-item.three {
  position: absolute;
  bottom: 0;
  right: 0;
}

.wt-service-3-left-item.three span {
  background: #00E5FF;
}

.wt-service-3-left-item.four {
  position: absolute;
  top: 0;
  right: 50px;
}

.wt-service-3-left-item.four span {
  background: #B088E9;
}

.wt-service-3-left-item.five {
  position: absolute;
  bottom: 30px;
  left: 0;
}

.wt-service-3-left-item.five span {
  background: #F2879E;
}

.wt-service-3-left-item span {
  width: 150px;
  height: 150px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: var(--wt-common-black);
  border-radius: 50%;
  background: #F2879E;
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-medium);
  font-size: 30px;
  letter-spacing: -0.02em;
}

.wt-service-3-icon span {
  color: var(--wt-theme-primary-3);
  font-size: 56px;
  display: inline-block;
}

.wt-service-3-content {
  margin-top: -8px;
}

.wt-service-3-title {
  font-size: 30px;
  margin-bottom: 22px;
  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;
  display: inline-block;
}

.wt-service-3-title:hover {
  background-size: 100% 1px;
}

.wt-service-3-paragraph {
  color: #bfbfbf;
  margin-bottom: 36px;
}

.wt-service-3-button {
  margin-top: -110px;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s ease-in-out;
}

.wt-service-3-button a {
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.wt-service-3-button a:hover {
  background: var(--wt-common-white);
  color: var(--wt-common-black);
}

.wt-service-4-area {
  padding: 120px 0 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-4-area {
    padding: 60px 0 62px;
  }
}

.wt-service-4-wrapper {
  background: rgba(255, 255, 255, 0.03);
  padding: 50px 60px 50px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-4-wrapper {
    padding: 50px 45px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-4-wrapper {
    padding: 50px 45px 30px;
  }
}

.wt-service-4-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 60px;
  margin-bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-4-top {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.wt-service-4-icon {
  margin-bottom: 30px;
}

.wt-service-4-icon span {
  color: var(--wt-theme-primary-4);
  font-size: 56px;
  line-height: 1;
  display: inline-block;
}

.wt-service-4-title {
  font-size: 30px;
  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;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-4-title {
    font-size: 28px;
  }
}

.wt-service-4-title:hover {
  background-size: 100% 1px;
}

.wt-service-hero-area {
  padding: 210px 0 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-hero-area {
    padding: 120px 0 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-hero-content {
    margin-bottom: 60px;
  }
}

.wt-service-hero-title {
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: -0.03em;
  margin-bottom: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-service-hero-title {
    font-size: 110px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-hero-title {
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .wt-service-hero-title {
    font-size: 65px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-service-hero-title {
    font-size: 100px;
  }
}

.wt-service-hero-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 20px;
  font-family: var(--wt-ff-heading);
  max-width: 316px;
  width: 100%;
  margin-left: 105px;
}

@media (max-width: 767px) {
  .wt-service-hero-paragraph {
    margin-left: 0;
  }
}

.wt-service-hero-thumb {
  max-width: 520px;
  width: 100%;
  height: 670px;
  margin-left: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-hero-thumb {
    height: 565px;
  }
}

@media (max-width: 767px) {
  .wt-service-hero-thumb {
    height: 440px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-service-hero-thumb {
    height: 600px;
  }
}

.wt-service-hero-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-service-brand-area {
  padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-brand-area {
    padding: 0 0 60px;
  }
}

.wt-service-single-details-area {
  padding: 0 0 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-single-details-area {
    padding: 0 0 30px;
  }
}

.wt-service-single-details-area .wt-faq-accordion-item {
  padding: 17px 0 24px;
}

.wt-service-single-details-area .wt-faq-accordion-title::before {
  transform: rotate(45deg);
}

.wt-service-single-details-area .wt-faq-accordion-title.collapsed::before {
  transform: rotate(0);
}

.wt-service-single-details-area .wt-faq-accordion-title {
  font-size: 24px;
  letter-spacing: -0.02em;
}

@media (max-width: 767px) {
  .wt-service-single-details-area .wt-faq-accordion-title {
    font-size: 19px;
  }
}

.wt-service-single-details-area .wt-faq-accordion-title .number {
  max-width: 138px;
  width: 100%;
}

@media (max-width: 767px) {
  .wt-service-single-details-area .wt-faq-accordion-title .number {
    max-width: 60px;
  }
}

.wt-service-single-details-area .wt-faq-accordion-descri {
  padding: 20px 90px 0 0;
}

@media (max-width: 767px) {
  .wt-service-single-details-area .wt-faq-accordion-descri {
    padding: 20px 30px 0 0;
  }
}

.wt-service-single-details-area .wt-faq-accordion-paragraph {
  margin-bottom: 0;
  margin-left: 139px;
}

@media (max-width: 767px) {
  .wt-service-single-details-area .wt-faq-accordion-paragraph {
    margin-left: 60px;
  }
}

.wt-service-single-details-thumb {
  margin-bottom: 65px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-single-details-thumb img {
    width: 100%;
  }
}

.wt-service-single-details-title {
  font-size: 44px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .wt-service-single-details-title {
    font-size: 30px;
  }
}

.wt-service-single-details-paragraph {
  margin-bottom: 30px;
}

.wt-service-single-details-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .wt-service-single-details-nav {
    display: none;
  }
}

.wt-service-single-details-button {
  display: flex;
  align-items: center;
  gap: 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-single-details-button {
    gap: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-service-single-details-button {
    gap: 20px;
  }
}

.wt-service-single-details-button:hover .wt-service-single-details-btn {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.wt-service-single-details-button-cnt h4 {
  font-size: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-service-single-details-button-cnt h4 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-single-details-button-cnt h4 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-service-single-details-button-img img {
    width: 130px;
  }
}

.wt-service-single-details-btn {
  margin-top: -30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out 0s;
}

/*----------------------------------------*/
/*   7.10 Process Css 
  /*----------------------------------------*/
.wt-process-area {
  padding: 120px 0 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-process-area {
    padding: 70px 0 50px;
  }
}

.wt-process-area .wt-section-descr {
  max-width: 285px;
}

.wt-process-wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.wt-process-item {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .wt-process-item {
    margin-bottom: 0;
  }
}

.wt-process-item:hover .wt-process-number span {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.03);
}

.wt-process-item:hover .wt-process-thumb {
  transform: scale(1);
}

.wt-process-number span {
  width: 80px;
  height: 80px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.07);
  font-weight: var(--wt-fw-sbold);
  font-family: var(--wt-ff-heading);
  font-size: 35px;
  transition: 0.4s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-process-number span {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-number span {
    width: 60px;
    height: 60px;
    font-size: 28px;
  }
}

.wt-process-content {
  max-width: 331px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 40px 50px 40px 45px;
  margin-left: 79px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-process-content {
    max-width: 291px;
    padding: 40px 28px;
    margin-left: 59px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-content {
    max-width: 330px;
    padding: 40px 40px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .wt-process-content {
    margin-left: 0;
    max-width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-process-content {
    max-width: 100%;
    padding: 40px 66px;
  }
}

.wt-process-title {
  font-size: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  padding-bottom: 45px;
  margin-bottom: 42px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-process-title {
    font-size: 28px;
  }
}

.wt-process-paragraph {
  margin-bottom: 0;
  font-weight: var(--wt-fw-medium);
  line-height: 187%;
}

.wt-process-thumb {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  width: 100%;
  height: 100%;
  transform-origin: left top;
  transition: all 0.5s 0s ease-out;
  z-index: -1;
}

@media (max-width: 767px) {
  .wt-process-thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*   7.15 Team Css 
  /*----------------------------------------*/
.wt-team-area {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 130px 0 60px;
  margin: 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-team-area {
    margin: 0 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),
only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-team-area {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-team-area {
    padding: 70px 0 15px;
  }
}

.wt-team-area .wt-section-title span {
  position: relative;
  z-index: 1;
  color: var(--wt-common-black);
}

.wt-team-area .wt-section-title span::before {
  content: "";
  position: absolute;
  width: 112%;
  height: 74%;
  top: 52%;
  left: -10px;
  background: #FFF033;
  z-index: -1;
  transform: translateY(-50%);
}

.wt-team-area .wt-section-descr {
  max-width: 298px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-team-area .row.mb-105 {
    margin-bottom: 35px;
  }
}

.wt-team-wrapper {
  background: rgba(255, 255, 255, 0.03);
  padding: 40px 20px 40px 50px;
  margin-bottom: 30px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-team-wrapper {
    padding: 40px 20px 40px 20px;
  }
}

.wt-team-wrapper::before {
  content: "";
  position: absolute;
  width: 322px;
  height: 450px;
  bottom: -75%;
  right: 0;
  mask-image: url(../img/team/team-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: 0.4s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-wrapper::before {
    width: 100%;
    height: 647px;
    bottom: -100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-team-wrapper::before {
    width: 360px;
    height: 500px;
  }
}

@media (max-width: 767px) {
  .wt-team-wrapper::before {
    width: 385px;
    height: 537px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-team-wrapper::before {
    width: 562px;
    height: 783px;
    bottom: -95%;
  }
}

.wt-team-wrapper:hover::before {
  bottom: 0;
}

.wt-team-wrapper:hover .wt-team-icon {
  top: 130%;
  opacity: 1;
}

.wt-team-wrapper:hover .wt-team-thumb img {
  transform: scale(1);
}

.wt-team-wrapper:hover .wt-team-title {
  color: var(--wt-common-black);
}

.wt-team-wrapper:hover .wt-team-subtitle {
  transform: perspective(500px) rotateY(0deg);
}

.wt-team-wrapper:hover .wt-team-subtitle-2 {
  color: var(--wt-common-black);
  opacity: 0;
  visibility: hidden;
}

.wt-team-top-content {
  margin-bottom: 43px;
}

.wt-team-subtitle {
  font-family: var(--wt-ff-body);
  font-weight: var(--wt-fw-bold);
  color: var(--wt-text-p);
  text-transform: capitalize;
  transition: 0.5s ease-in-out;
  transform: perspective(500px) rotateY(-90deg);
}

.wt-team-subtitle-2 {
  font-family: var(--wt-ff-body);
  font-weight: var(--wt-fw-bold);
  color: var(--wt-text-p);
  text-transform: capitalize;
  transition: 0.4s ease-in-out;
  margin-bottom: 0;
}

.wt-team-socail ul li {
  list-style: none;
}

.wt-team-socail ul li a {
  display: inline-block;
  margin-bottom: 6px;
}

.wt-team-thumb {
  max-width: 200px;
  width: 100%;
  margin-bottom: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-thumb {
    max-width: 290px;
    width: 100%;
    margin: auto;
    margin-bottom: 32px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-team-thumb {
    max-width: 70%;
    margin: auto;
    margin-bottom: 32px;
  }
}

.wt-team-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  transform: scale(0);
  transition: 0.6s ease-in-out;
}

.wt-team-title {
  font-size: 44px;
  margin-bottom: 0;
}

.wt-team-title:hover {
  color: var(--wt-common-white) !important;
}

.wt-team-social {
  position: absolute;
  right: 20px;
  top: 30px;
  z-index: 1;
}

.wt-team-btn button {
  height: 40px;
  width: 40px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wt-team-icon {
  position: absolute;
  top: 0;
  left: 50%;
  height: 38px;
  opacity: 0;
  transition: all 0.3s 0s ease-out;
  z-index: -1;
  transform: translateX(-50%);
  text-align: center;
}

.wt-team-icon a {
  display: inline-block;
  font-size: 16px;
  color: var(--wt-common-white);
  margin-bottom: 6px;
}

.wt-team-counter-wrapper {
  display: flex;
  justify-content: end;
  margin-top: -63px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-team-counter-wrap {
    display: none;
  }
}

.wt-team-counter-item {
  margin-bottom: 50px;
  margin-right: 80px;
}

.wt-team-counter-title {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-sbold);
  font-size: 200px;
  letter-spacing: -0.03em;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-counter-title {
    font-size: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-team-counter-title {
    font-size: 168px;
  }
}

@media (max-width: 767px) {
  .wt-team-counter-title {
    font-size: 100px;
  }
}

.wt-team-counter-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 24px;
  margin-bottom: 0;
}

.wt-team-details-top {
  height: 352px;
  background: var(--wt-theme-primary);
}

.wt-team-details-information {
  filter: drop-shadow(0px 4px 40px rgba(30, 22, 22, 0.06));
  background-color: var(--wt-common-black);
}

.wt-team-details-wrapper {
  padding: 0 40px 0 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-wrapper {
    padding: 0 40px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-team-details-wrapper {
    padding: 0 0 60px 74px;
  }
}

@media (max-width: 767px) {
  .wt-team-details-wrapper {
    padding: 0 0 60px 20px;
  }
}

.wt-team-details-wrapper p {
  color: var(--wt-text-body);
  line-height: 26px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-wrapper p {
    margin-bottom: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .wt-team-details-wrapper p {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-wrapper p br {
    display: none;
  }
}

.wt-team-details-thumb {
  background-color: #e3dbff;
  padding: 30px 30px 0 30px;
  filter: drop-shadow(0px 4px 40px rgba(30, 22, 22, 0.06));
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-team-details-thumb {
    text-align: center;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .wt-team-details-thumb img {
    width: 100%;
  }
}

.wt-team-details-title {
  font-size: 40px;
  letter-spacing: -1px;
  margin-bottom: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-title {
    font-size: 32px;
    margin-bottom: 0;
  }
}

.wt-team-details-subtitle {
  display: inline-block;
  margin-bottom: 22px;
  font-size: 18px;
  color: var(--wt-text-2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-subtitle {
    margin-bottom: 10px;
  }
}

.wt-team-details-info {
  position: relative;
  color: var(--wt-text-body);
  text-transform: capitalize;
  font-family: var(--wt-ff-body);
}

.wt-team-details-info:not(:last-of-type) {
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-info:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.wt-team-details-info span {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 18px;
  font-weight: var(--wt-fw-bold);
  font-family: var(--wt-ff-heading);
}

.wt-team-details-info a {
  font-size: 16px;
  font-weight: var(--wt-fw-regular);
  margin-left: 155px;
  text-transform: lowercase;
  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-details-info a:hover {
  background-size: 100% 1px;
}

.wt-team-details-info-title {
  font-size: 36px;
  letter-spacing: -1px;
  margin-bottom: 20px;
  margin-top: 55px;
}

.wt-team-details-social {
  margin-top: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-team-details-social {
    margin-top: 20px;
  }
}

.wt-team-details-social a {
  font-size: 14px;
  margin-right: 6px;
  transition: all 0.3s 0s ease-out;
  color: var(--wt-common-white);
  width: 38px;
  height: 38px;
  line-height: 1;
  border-radius: 25px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.wt-team-details-social a:hover {
  background: var(--wt-theme-primary);
  color: var(--wt-common-white);
  border: 1px solid var(--wt-theme-primary);
}

.wt-team-details-wrap p {
  color: var(--wt-text-body);
  width: 98%;
  margin-bottom: 28px;
}

.wt-team-details-elaborate-wrap {
  padding-left: 14px;
  margin-bottom: 45px;
}

.wt-team-details-elaborate-wrap ul li {
  color: var(--wt-text-body);
  margin-bottom: 10px;
}

.wt-team-details-form p {
  font-size: 14px;
  margin-bottom: 32px;
}

.wt-team-details-form-title {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 2px;
  color: var(--wt-theme-primary);
}

/*----------------------------------------*/
/*   7.16 Testimonial Css 
  /*----------------------------------------*/
.wt-testimonial-area {
  background: var(--wt-common-black);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 120px 0 130px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-testimonial-area {
    padding: 65px 0 80px;
  }
}

.wt-testimonial-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
  z-index: -1;
}

.wt-testimonial-area::after {
  content: "";
  position: absolute;
  width: 1450px;
  height: 768px;
  bottom: 0;
  right: -240px;
  mask-image: url(../img/service/service-bg-shape2.svg);
  background: #340f5b;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(80px);
  z-index: -1;
}

.wt-testimonial-area .wt-section-descr {
  max-width: 290px;
}

.wt-testimonial-item {
  max-width: 850px;
  width: 100%;
  background: #91D983;
  padding: 30px 85px 30px;
  margin-bottom: 2px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-item {
    max-width: 740px;
    padding: 30px 40px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-item {
    padding: 30px 40px 30px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-item {
    padding: 30px 30px 30px;
  }
}

.wt-testimonial-item:nth-child(odd) {
  rotate: -3deg;
  margin-left: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-testimonial-item:nth-child(odd) {
    margin-left: 0;
  }
}

.wt-testimonial-item:nth-child(even) {
  margin-left: 410px;
  rotate: 3deg;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-item:nth-child(even) {
    margin-left: 300px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-item:nth-child(even) {
    margin-left: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-testimonial-item:nth-child(even) {
    margin-left: 0;
  }
}

.wt-testimonial-item:nth-child(2) {
  background: #B088E9;
}

.wt-testimonial-item:nth-child(3) {
  background: #D9CF83;
}

.wt-testimonial-item:nth-child(4) {
  background: #F2879E;
}

.wt-testimonial-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 34px;
}

.wt-testimonial-img {
  max-width: 80px;
  width: 100%;
}

.wt-testimonial-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.wt-testimonial-paragraph {
  font-weight: var(--wt-fw-bold);
  font-size: 30px;
  color: var(--wt-common-black);
  line-height: 38px;
  margin-bottom: 23px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-paragraph {
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-paragraph {
    font-size: 16px;
    line-height: 30px;
  }
}

.wt-testimonial-name {
  font-weight: var(--wt-fw-sbold);
  font-size: 24px;
  color: var(--wt-common-black);
  position: relative;
  padding-left: 70px;
}

.wt-testimonial-name::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 3px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--wt-common-black);
}

.wt-testimonial-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-shape-1 {
    width: 23%;
  }
}

.wt-testimonial-shape-2 {
  position: absolute;
  top: 20%;
  left: 7%;
  z-index: -1;
  animation: bounce-thum-3 2s forwards infinite alternate;
}

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .wt-testimonial-shape-2 {
    top: 12%;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .wt-testimonial-shape-2 {
    top: 14%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-testimonial-shape-2 {
    top: 16%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-shape-2 {
    top: 17%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-shape-2 {
    top: 16%;
    left: 3%;
  }
}

@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-testimonial-shape-2 {
    display: none;
  }
}

.wt-testimonial-shape-3 {
  position: absolute;
  right: 10%;
  top: 25%;
  z-index: -1;
  animation: moving 7s linear infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-shape-3 {
    right: 5%;
    top: 16%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-shape-3 {
    top: 17%;
  }
}

@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-testimonial-shape-3 {
    display: none;
  }
}

.wt-testimonial-2-area {
  padding: 0 0 130px;
  padding: 0 0 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-testimonial-2-area {
    padding: 0 0 70px;
  }
}

.wt-testimonial-2-area.inner-page {
  padding-top: 120px;
}

.wt-testimonial-2-slider-section {
  margin-left: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-2-slider-section {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-2-slider-section {
    margin-left: 0;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-2-slider-section {
    margin-left: 0;
  }
}

.wt-testimonial-2-active {
  margin-bottom: 75px;
}

.wt-testimonial-2-review {
  margin-bottom: 46px;
}

.wt-testimonial-2-review h4 {
  font-weight: var(--wt-fw-sbold);
  font-size: 30px;
}

.wt-testimonial-2-review .star-ratings {
  -webkit-text-stroke: 1px #FFF033;
}

.wt-testimonial-2-review .star-ratings .fill-ratings {
  color: #FFF033;
}

.wt-testimonial-2-img {
  max-width: 80px;
  width: 100%;
  height: 80px;
  margin-bottom: 25px;
}

.wt-testimonial-2-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.wt-testimonial-2-paragraph {
  font-weight: var(--wt-fw-sbold);
  font-size: 30px;
  text-transform: uppercase;
  color: var(--wt-common-white);
  line-height: 34px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-2-paragraph {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-2-paragraph {
    font-size: 16px;
  }
}

.wt-testimonial-2-name {
  position: relative;
  padding-left: 80px;
}

.wt-testimonial-2-name::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 3px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: var(--wt-common-white);
}

.wt-testimonial-2-name-title {
  font-weight: var(--wt-fw-sbold);
  font-size: 24px;
  color: var(--wt-common-white);
  text-transform: capitalize;
  margin-bottom: 0;
}

.wt-testimonial-2-name-paragraph {
  font-weight: var(--wt-fw-medium);
  font-family: var(--wt-ff-heading);
  text-transform: uppercase;
  margin-bottom: 0;
}

.wt-testimonial-2-thumb {
  max-width: 520px;
  width: 100%;
  height: 770px;
  margin-left: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-2-thumb {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-2-thumb {
    height: 380px;
    margin-left: 0;
    margin-top: 30px;
  }
}

.wt-testimonial-2-arrow button {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: 20px;
  transition: 0.4s;
}

.wt-testimonial-2-arrow button:hover {
  border-color: var(--wt-common-white);
}

.wt-testimonial-2-arrow button:last-child {
  margin-right: 0;
}

.wt-testimonial-3-area {
  background: rgba(255, 255, 255, 0.03);
  padding: 130px 0 130px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-testimonial-3-area {
    padding: 68px 0 75px;
  }
}

.wt-testimonial-3-wrapper {
  text-align: center;
}

.wt-testimonial-3-img {
  margin: auto;
  margin-bottom: 25px;
}

.wt-testimonial-3-review .star-ratings-3 {
  max-width: 200px;
  width: 100%;
  margin: auto;
}

.wt-testimonial-3-name-title {
  margin-bottom: 0;
}

.wt-testimonial-3-name-paragraph {
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-3-paragraph {
    font-size: 29px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-paragraph {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-3-paragraph {
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-testimonial-3-paragraph {
    font-size: 20px;
  }
}

.wt-testimonial-3-arrow-box button {
  width: 65px;
  height: 65px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  background: transparent;
  color: var(--wt-common-white);
  border: 1px solid var(--wt-common-white);
  position: absolute;
  left: -220px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-arrow-box button {
    left: -80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-arrow-box button {
    left: -50px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-3-arrow-box button {
    left: 0;
    top: 35%;
  }
}

.wt-testimonial-3-arrow-box button.slider-next {
  left: auto;
  right: -220px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-arrow-box button.slider-next {
    right: -80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-arrow-box button.slider-next {
    right: -50px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-3-arrow-box button.slider-next {
    right: 0px;
  }
}

.wt-testimonial-3-arrow-box button {
  transition: 0.4s;
}

.wt-testimonial-3-arrow-box button:hover {
  background: var(--wt-common-white);
  color: var(--wt-common-black);
}

.wt-testimonial-3-shape-1 {
  position: absolute;
  top: 22%;
  left: 12%;
  z-index: -1;
  animation: moving 5s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-shape-1 {
    top: 8%;
    left: 4%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-shape-1 {
    top: 30%;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-3-shape-1 {
    display: none;
  }
}

.wt-testimonial-3-shape-2 {
  position: absolute;
  top: 15%;
  right: 10%;
  z-index: -1;
  animation: moving 7s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-shape-2 {
    top: 8%;
    right: 4%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-shape-2 {
    top: 30%;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-3-shape-2 {
    display: none;
  }
}

.wt-testimonial-3-shape-3 {
  position: absolute;
  bottom: 13%;
  left: 7%;
  animation: moving 9s linear infinite;
}

@media (max-width: 767px) {
  .wt-testimonial-3-shape-3 {
    display: none;
  }
}

.wt-testimonial-3-shape-4 {
  position: absolute;
  right: 10%;
  bottom: 18%;
  z-index: -1;
  animation: moving 11s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-testimonial-3-shape-4 {
    bottom: 14%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-3-shape-4 {
    bottom: 4%;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-3-shape-4 {
    display: none;
  }
}

.wt-testimonial-3-shape img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--wt-common-white);
}

.wt-testimonial-4-area {
  background: rgba(255, 255, 255, 0.03);
  padding: 120px 0 230px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-testimonial-4-area {
    padding: 60px 0 190px;
  }
}

.wt-testimonial-4-active {
  margin-right: -400px;
}

.wt-testimonial-4-wrapper {
  background: #91D983;
  padding: 30px 40px 30px;
}

.wt-testimonial-4-wrapper.two {
  background: #B088E9;
}

.wt-testimonial-4-wrapper.three {
  background: #D9CF83;
}

.wt-testimonial-4-wrapper.four {
  background: #F2879E;
}

.wt-testimonial-4-wrapper.five {
  background: #6175e6;
}

.wt-testimonial-4-paragraph {
  font-size: 24px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-testimonial-4-paragraph {
    font-size: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-4-paragraph {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-4-paragraph {
    font-size: 17px;
  }
}

.wt-testimonial-4-arrow-box {
  position: relative;
}

.wt-testimonial-4-arrow-box button {
  width: 50px;
  height: 50px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: -127px;
  z-index: 5;
  font-size: 16px;
  color: var(--wt-common-white);
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.wt-testimonial-4-arrow-box button:hover {
  border: 1px solid rgb(255, 255, 255);
}

.wt-testimonial-4-arrow-box button.slider-next {
  left: auto;
  right: -54px;
}

@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-testimonial-4-arrow-box button.slider-next {
    right: 0;
  }
}

.wt-testimonial-4-dot {
  position: absolute;
  bottom: -118px;
  left: 52%;
  transform: translateX(-50%);
}

.wt-testimonial-4-dot .swiper-pagination-bullet {
  width: 80px;
  height: 2px;
  background: var(--wt-common-white);
  opacity: 0.1;
  border-radius: 0;
  transition: 0.4s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-testimonial-4-dot .swiper-pagination-bullet {
    width: 65px;
  }
}

@media (max-width: 767px) {
  .wt-testimonial-4-dot .swiper-pagination-bullet {
    width: 30px;
  }
}

.wt-testimonial-4-dot .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--wt-theme-primary-4);
}

.wt-testimonial-4-dot .swiper-pagination-bullet button {
  display: none !important;
}

.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-common-black);
  margin-bottom: 10px;
}

.star-ratings .fill-ratings {
  color: var(--wt-common-black);
  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;
}

/*----------------------------------------*/
/*   7.2 Brand Css 
  /*----------------------------------------*/
.wt-brand-area {
  padding: 0 0 130px;
}

.wt-brand-wrapper {
  margin-left: 110px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-brand-wrapper {
    margin-left: 0;
  }
}

.wt-brand-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.wt-brand-wrap:nth-child(2),
.wt-brand-wrap:nth-child(3) {
  margin-left: 268px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .wt-brand-wrap:nth-child(2),
  .wt-brand-wrap:nth-child(3) {
    margin-left: 229px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .wt-brand-wrap:nth-child(2),
  .wt-brand-wrap:nth-child(3) {
    margin-left: 0;
  }
}

.wt-brand-item {
  max-width: 268px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 82px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-brand-item {
    max-width: 230px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-brand-item {
    max-width: 230px;
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .wt-brand-item {
    max-width: 100%;
  }
}

.wt-brand-item:hover .wt-brand-thumb img {
  filter: brightness(0) invert(1);
}

.wt-brand-thumb img {
  transition: 0.3s;
}

.wt-brand-2-thumb img {
  margin: 0px 38px;
  cursor: pointer;
  transition: 0.4s;
  margin-bottom: 30px;
}

.wt-brand-2-thumb img:hover {
  filter: brightness(0) invert(1);
}

.wt-brand-2-active .swiper-slide-active .wt-brand-2-thumb img {
  filter: brightness(0) invert(1);
}

/*----------------------------------------*/
/*   7.14 Skill Css */
/*----------------------------------------*/
.wt-skill-2-area {
  padding: 130px 0 100px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-skill-2-area {
    padding: 70px 0 60px;
  }
}

.wt-skill-2-area .wt-section-2-descr {
  max-width: 300px;
}

.wt-skill-2-wrapper {
  background: #1f1f1f;
  border-radius: 95px;
  padding: 60px 0 32px;
  margin-bottom: 30px;
  text-align: center;
}

.wt-skill-2-thumb {
  margin-bottom: 16px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-skill-2-thumb {
    margin-left: -20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-skill-2-thumb {
    margin-bottom: 60px;
    margin-top: -30px;
  }
}

.wt-skill-2-thumb img {
  animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate;
}

@media (max-width: 767px) {
  .wt-skill-2-thumb img {
    max-width: 300px;
    margin-bottom: 40px;
  }
}

.wt-skill-2-counter-title {
  font-family: var(--wt-ff-heading);
  font-weight: 600;
  font-size: 55px;
}

.wt-skill-4-area {
  padding: 0 0 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-skill-4-area {
    padding: 0 0 80px;
  }
}

.wt-skill-4-area .progress-lavel {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-sbold);
  font-size: 27px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--wt-common-white);
  margin-bottom: 28px;
}

.wt-skill-4-area .progress-item {
  position: relative;
  background: var(--wt-common-white);
  margin-top: 20px;
  z-index: 1;
}

.wt-skill-4-area .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-4-area .progress-item .item_bar {
  position: relative;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}

.wt-skill-4-area .progress-item .item_bar .progress {
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  width: 0;
  height: 4px;
  margin: 0;
  transform: translateY(-50%);
  border-radius: 0px;
  overflow: visible;
  background-color: var(--wt-theme-primary-4);
  transition: width 100ms ease;
}

.wt-skill-4-left {
  margin-right: 128px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-skill-4-left {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-skill-4-left {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-skill-4-left {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .wt-skill-4-left {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

.wt-skill-4-item {
  margin-bottom: 44px;
}

.wt-skill-4-item:last-child {
  margin-bottom: 0;
}

.wt-skill-4-thumb {
  margin-left: auto;
}

/*----------------------------------------*/
/*   7.12 Rusume Css 
  /*----------------------------------------*/
.wt-resume-2-area {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 100%);
  padding: 140px 0 120px;
  margin: 0 70px 0;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-resume-2-area {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-resume-2-area {
    padding: 70px 0 70px;
    margin: 0;
  }
}

.wt-resume-2-area::before {
  content: "";
  position: absolute;
  width: 1000px;
  height: 488px;
  right: 0;
  bottom: 0;
  mask-image: url(../img/resume/resume-bg-shape.svg);
  background: var(--wt-theme-primary);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(300px);
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-resume-2-area::before {
    width: 880px;
    height: 427px;
  }
}

.wt-resume-2-area .wt-section-2-descr {
  max-width: 325px;
}

.wt-resume-2-thumb {
  max-width: 410px;
  width: 100%;
  height: 600px;
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-resume-2-thumb {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .wt-resume-2-thumb {
    margin-top: 0;
    height: 450px;
  }
}

.wt-resume-2-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-resume-2-section-wrapper {
  margin-left: 220px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-resume-2-section-wrapper {
    margin-left: 100px;
  }
}

@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-resume-2-section-wrapper {
    margin-left: 0;
  }
}

.wt-resume-2-wrapper {
  margin-top: -180px;
  margin-left: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-resume-2-wrapper {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-resume-2-wrapper {
    margin-left: 0;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .wt-resume-2-wrapper {
    margin-left: 0;
    margin-top: 40px;
  }
}

.wt-resume-2-shape-thumb {
  margin-left: 60px;
  margin-top: -95px;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-resume-2-shape-thumb {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-resume-2-shape-thumb {
    margin-left: 0;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .wt-resume-2-shape-thumb {
    margin-left: 0;
    margin-top: 0;
  }
}

.wt-resume-2-shape-thumb img {
  animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate;
}

@media (max-width: 767px) {
  .wt-resume-2-shape-thumb img {
    width: 100%;
  }
}

.wt-resume-2-tab-nav-tabs {
  border-bottom: none;
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-link-color: var(--wt-common-white);
  --bs-nav-link-hover-color: var(--wt-common-white);
}

.wt-resume-2-tab-nav-item {
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-active-color: var(--wt-common-white);
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-bold);
  font-size: 24px;
  text-transform: uppercase;
  margin-right: 20px;
}

.wt-resume-2-tab-nav-link {
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 13px 28px;
}

@media (max-width: 767px) {
  .wt-resume-2-tab-nav-link {
    padding: 12px 24px;
  }
}

.wt-resume-2-tab-nav-link.active {
  border-color: var(--wt-common-white) !important;
}

.wt-resume-2-tab-nav-link:hover {
  border-color: none;
}

.wt-resume-2-tab-item {
  background: var(--wt-common-black);
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 23px 80px 24px 52px;
  margin-bottom: 10px;
  transition: 0.5s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-resume-2-tab-item {
    padding: 23px 30px 12px 30px;
  }
}

.wt-resume-2-tab-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

.wt-resume-2-tab-date span {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.wt-resume-2-tab-title {
  margin-bottom: 12px;
}

.wt-resume-2-tab-subtitle {
  font-family: var(--wt-ff-body);
  font-weight: var(--wt-fw-medium);
  font-size: 16px;
  margin-bottom: 33px;
  text-transform: capitalize;
}

/*----------------------------------------*/
/*   7.9 Pricing Css 
  /*----------------------------------------*/
.wt-pricing-2-area {
  padding: 130px 0 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-pricing-2-area {
    padding: 70px 0 50px;
  }
}

@media (max-width: 767px) {
  .wt-pricing-2-area .wt-section-wrapper {
    margin-bottom: 0;
  }
}

.wt-pricing-2-area .wt-section-2-descr {
  max-width: 310px;
}

@media (max-width: 767px) {
  .wt-pricing-2-area .wt-skill-2-thumb {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.wt-pricing-2-wrapper {
  background: #91D983;
  padding: 50px 52px 50px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-pricing-2-wrapper {
    padding: 50px 20px 50px 30px;
  }
}

@media (max-width: 767px) {
  .wt-pricing-2-wrapper {
    padding: 50px 18px 50px 30px;
  }
}

.wt-pricing-2-wrapper.two {
  background: #D9CF83;
}

.wt-pricing-2-wrapper.three {
  background: #F2879E;
}

.wt-pricing-2-subtitle {
  font-family: var(--wt-ff-body);
  font-weight: var(--wt-fw-bold);
  text-transform: uppercase;
  color: var(--wt-common-black);
  margin-bottom: 0;
}

.wt-pricing-2-title {
  font-weight: var(--wt-fw-sbold);
  font-size: 60px;
  letter-spacing: -0.03em;
  color: var(--wt-common-black);
  margin-bottom: 18px;
}

.wt-pricing-2-paragraph {
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  color: var(--wt-common-black);
  margin-bottom: 40px;
}

.wt-pricing-2-thumb {
  margin-left: 125px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .wt-pricing-2-thumb {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-pricing-2-thumb {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-pricing-2-thumb {
    margin-left: -80px;
  }
}

@media (max-width: 767px) {
  .wt-pricing-2-thumb {
    margin-left: 0;
  }
}

.wt-pricing-2-list {
  margin-bottom: 46px;
}

.wt-pricing-2-list ul li {
  color: var(--wt-common-black);
  list-style: none;
  display: flex;
  align-items: end;
  gap: 10px;
  font-weight: var(--wt-fw-sbold);
  font-size: 18px;
  margin-bottom: 12px;
}

.wt-pricing-2-list ul li span {
  display: inline-block;
  line-height: 1;
  font-size: 20px;
}

.wt-pricing-2-list ul li span i {
  line-height: 1;
  display: inline-block;
}

.wt-pricing-2-button a:hover {
  background: var(--wt-common-black);
}

.wt-pricing-2-button a:hover i {
  color: var(--wt-common-white);
}

.wt-pricing-3-area {
  padding: 130px 0 130px;
}

@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-pricing-3-area {
    padding: 65px 0 40px;
  }
}

.wt-pricing-3-area .wt-portfolio-3-paragraph {
  max-width: 357px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-pricing-3-area .wt-section-3-wrapper {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-pricing-3-area .wt-section-title {
    margin-bottom: 0;
  }
}

.wt-pricing-3-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 38px 52px 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-pricing-3-wrapper {
    padding: 38px 20px 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-pricing-3-wrapper {
    padding: 38px 60px 22px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: left;
    align-items: stretch;
    row-gap: 20px;
  }
}

@media (max-width: 767px) {
  .wt-pricing-3-wrapper {
    padding: 38px 30px 22px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: left;
    align-items: stretch;
    row-gap: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-pricing-3-wrapper .wt-pricing-2-title {
    font-size: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-pricing-3-wrapper .wt-pricing-2-list ul li {
    font-size: 16px;
  }
}

.wt-pricing-3-top {
  max-width: 305px;
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-pricing-3-top {
    max-width: 230px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-pricing-3-top {
    max-width: 180px;
  }
}

.wt-pricing-3-list {
  margin-bottom: 0;
}

.wt-pricing-3-list ul li {
  float: left;
  width: 44%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-pricing-3-list ul li {
    float: inherit;
    width: inherit;
  }
}

.wt-pricing-3-button a:hover {
  background: var(--wt-common-black);
  color: var(--wt-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-pricing-page-area {
    padding: 120px 0 20px;
  }
}

.wt-pricing-page-area .wt-section-descr {
  max-width: 310px;
}

/*----------------------------------------*/
/*  7.7 Marquee Css 
  /*----------------------------------------*/
.wt-maquee-3-area {
  background: var(--wt-theme-primary-3);
  padding: 16px 0;
  rotate: -3deg;
}

.wt-maquee-3-transition {
  transition-timing-function: linear;
}

.wt-maquee-3-item {
  display: flex;
  white-space: nowrap;
}

.wt-maquee-3-box {
  display: flex;
  align-items: center;
  gap: 20px;
  width: auto;
}

.wt-maquee-3-icon span {
  animation: rotate-infinte 6s infinite linear;
  display: inline-block;
  color: var(--wt-common-black);
  font-size: 30px;
}

.wt-maquee-3-icon span i {
  display: inline-block;
  line-height: 1;
}

.wt-maquee-3-title {
  color: var(--wt-common-black);
  margin-bottom: 0;
  font-weight: var(--wt-fw-sbold);
  font-size: 44px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-maquee-3-title {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .wt-maquee-3-title {
    font-size: 20px;
  }
}

/* !END: Theme Maquee CSS */
/*----------------------------------------*/
/*   7.8 Portfolio Css
  /*----------------------------------------*/
.wt-portfolio-3-area {
  padding: 0 0 60px;
}

@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-portfolio-3-area {
    padding: 0 0 0;
  }
}

@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-portfolio-3-area .wt-section-wrapper {
    margin-bottom: 0;
  }
}

@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-portfolio-3-area .wt-section-title {
    margin-bottom: 0;
  }
}

.wt-portfolio-3-paragraph p {
  font-size: 18px;
}

@media (max-width: 767px) {
  .wt-portfolio-3-filter {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
  }
}

.wt-portfolio-3-filter button {
  color: var(--wt-text-2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 0px 18px 4px;
  margin-right: 15px;
  display: inline-block;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-portfolio-3-filter button {
    padding: 0px 12px 4px;
  }
}

.wt-portfolio-3-filter button:hover {
  background: var(--wt-theme-primary-3);
  border-color: var(--wt-theme-primary-3);
  color: var(--wt-common-black);
}

.wt-portfolio-3-filter button.active {
  background: var(--wt-theme-primary-3);
  border-color: var(--wt-theme-primary-3);
  color: var(--wt-common-black);
}

.wt-portfolio-3-filter button:last-child {
  margin-right: 0;
}

.wt-portfolio-3-wrapper {
  margin-bottom: 65px;
}

.wt-portfolio-3-thumb {
  margin-bottom: 22px;
}

.wt-portfolio-3-thumb img {
  width: 100%;
}

.wt-portfolio-3-top-paragraph {
  max-width: 410px;
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-3-top-paragraph {
    margin-left: 0;
    margin-bottom: 40px;
  }
}

.wt-portfolio-3-top-paragraph p {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-portfolio-3-paragraph.mt-40 {
    margin-bottom: 40px;
  }
}

.wt-portfolio-3-paragraph {
  color: var(--wt-text-2);
  margin-bottom: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-portfolio-3-paragraph {
    margin-top: 0;
  }
}

.wt-portfolio-3-title {
  font-size: 30px;
}

.wt-portfolio-3-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-portfolio-3-title:hover a {
  background-size: 100% 1px;
}

.wt-portfolio-4-area {
  padding: 0 0 120px;
  margin: 0 45px 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: 1400px) and (max-width: 1599px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-area {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-portfolio-4-area {
    padding: 0 0 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-area {
    padding: 0 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-area .wt-section-4-wrapper {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-area .wt-section-4-title {
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-area .wt-portfolio-4-top-descri {
    margin-bottom: 40px;
  }
}

.wt-portfolio-4-top-paragraph {
  font-size: 18px;
  max-width: 360px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-top-paragraph {
    margin-left: 0;
    max-width: 400px;
  }
}

.wt-portfolio-4-wrapper:hover .wt-portfolio-4-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.wt-portfolio-4-thumb {
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}

.wt-portfolio-4-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px);
  transition: 0.6s ease-in-out;
  position: relative;
  z-index: 1;
}

.wt-portfolio-4-icon a {
  width: 60px;
  height: 60px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--wt-theme-primary-4);
  color: var(--wt-common-black);
  border-radius: 50%;
  margin-bottom: 25px;
  font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-icon a {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

.wt-portfolio-4-icon a i {
  display: inline-flex;
  line-height: 1;
  transition: all 0.3s ease-in-out 0s;
}

.wt-portfolio-4-icon a:hover {
  background: var(--wt-common-white);
  color: var(--wt-common-black);
}

.wt-portfolio-4-title {
  color: var(--wt-common-white);
  margin-bottom: 0;
  font-size: 30px;
  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;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-4-title {
    font-size: 20px;
  }
}

.wt-portfolio-4-title:hover {
  background-size: 100% 1px;
}

.wt-portfolio-4-paragraph {
  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-portfolio-4-paragraph {
    font-size: 14px;
  }
}

.wt-portfolio-single-details {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 60px;
}

.wt-portfolio-single-details ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 30px;
}

.wt-portfolio-single-details ul li {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-bold);
  font-size: 30px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--wt-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-portfolio-single-details ul li {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .wt-portfolio-single-details ul li {
    font-size: 26px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-portfolio-single-details ul li {
    font-size: 30px;
  }
}

.wt-portfolio-single-details ul li span {
  font-size: 18px;
  font-family: var(--wt-ff-body);
  font-weight: var(--wt-fw-regular);
  display: block;
  text-transform: capitalize;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .wt-portfolio-single-area {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-single-top-thumb {
    margin-bottom: 30px;
  }
}

.wt-portfolio-single-title {
  font-size: 44px;
}

.wt-portfolio-single-paragraph {
  font-size: 18px;
  line-height: 167%;
}

.wt-portfolio-single-paragraph {
  font-size: 18px;
  line-height: 167%;
  margin-bottom: 31px;
}

.wt-portfolio-single-nav {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-gellary-area {
    padding: 120px 0 40px;
  }
}

@media (max-width: 767px) {
  .wt-portfolio-gellary-area .row.mb-30 {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-portfolio-list-area {
    padding: 120px 0 40px;
  }
}

.wt-portfolio-list-row {
  margin-bottom: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-portfolio-list-row {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  7.4 Experience Css 
  /*----------------------------------------*/
.wt-experience-3-area {
  padding: 0 0 110px;
}

@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-experience-3-area {
    padding: 0 0 50px;
  }
}

.wt-experience-3-area .wt-section-3-paragraph {
  max-width: 400px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-experience-3-left {
    position: relative;
    z-index: 1;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-experience-3-tab-button {
    position: absolute;
    top: 20px;
    right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-experience-3-tab-button {
    position: absolute;
    top: 18px;
    right: -15px;
  }
}

.wt-experience-3-nav-tabs {
  border-bottom: none;
  --bs-nav-tabs-border-radius: 0;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 767px) {
  .wt-experience-3-nav-tabs {
    display: flex;
    flex-direction: inherit;
    gap: 7px;
    margin-bottom: 40px;
    --bs-nav-link-padding-x: 13px;
  }
}

.wt-experience-3-nav-link {
  border: 1px solid var(--wt-common-white) !important;
  color: var(--wt-common-white);
}

.wt-experience-3-nav-link:hover {
  color: var(--wt-common-white);
}

.wt-experience-3-nav-link.active {
  background: var(--wt-theme-primary-3) !important;
  border-color: var(--wt-theme-primary-3) !important;
}

.wt-experience-3-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-experience-3-wrapper {
    margin-left: 0;
  }
}

.wt-experience-3-item {
  background: rgba(255, 255, 255, 0.03);
  padding: 32px 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .wt-experience-3-item {
    padding: 32px 20px;
  }
}

.wt-experience-3-top-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}

.wt-experience-3-top-left p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
}

.wt-experience-3-top-right span {
  text-transform: uppercase;
  color: var(--wt-theme-primary-3);
}

.wt-experience-3-bottom-paragraph:last-child {
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  7.3 Error Css
  /*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-error-area {
    padding: 140px 0 40px;
  }
}

.wt-error-thumb {
  margin-bottom: 55px;
}

@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-error-thumb img {
    width: 100%;
  }
}

.wt-error-wrapper {
  max-width: 725px;
  margin: auto;
}

.wt-error-title {
  font-size: 65px;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .wt-error-title {
    font-size: 32px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-error-title {
    font-size: 49px;
  }
}

.wt-error-paragraph {
  margin-bottom: 40px;
}

.wt-error-form {
  max-width: 466px;
  width: 100%;
  margin: auto;
}

.wt-error-form input {
  width: 100%;
  height: 66px;
  color: var(--wt-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.wt-error-form input::placeholder {
  font-weight: var(--wt-fw-medium);
  font-size: 18px;
  color: #909090;
}

.wt-error-form .form-input {
  position: relative;
}

.wt-error-form i {
  position: absolute;
  top: 50%;
  right: 27px;
  transform: translateY(-50%);
  font-weight: var(--wt-fw-medium);
}

/*----------------------------------------*/
/*  7.6 Maps Css 
  /*----------------------------------------*/
.wt-maps-area {
  padding-bottom: 130px;
  overflow: hidden;
}

.wt-maps-wrapper {
  position: relative;
  top: 10px;
}

.wt-maps-wrapper iframe {
  width: 100%;
  min-height: 715px;
}

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

/*----------------------------------------*/
/*   6.1 Footer Style 1
/*----------------------------------------*/
.wt-footer-area {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
  margin: 0 70px 0;
  padding: 130px 0 80px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-area {
    margin: 0 30px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-footer-area {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-footer-area {
    padding: 15px 0 20px;
  }
}

.wt-footer-area::after {
  content: "";
  position: absolute;
  width: 1450px;
  height: 790px;
  bottom: -120px;
  right: -240px;
  mask-image: url(../img/footer/footer-shape.svg);
  background: #340f5b;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(80px);
  z-index: -1;
}

.wt-footer-area .wt-about-bottom-content {
  margin-top: -44px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-info {
    margin-top: 0;
  }
}

.wt-footer-widget-top {
  margin-left: -50px;
}

@media (max-width: 767px) {
  .wt-footer-widget-top {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-widget-top .wt-section-title {
    font-size: 74px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-footer-widget-top .wt-section-title br {
    display: none;
  }
}

.wt-footer-widget-border {
  width: 2px;
  height: 100px;
  background: var(--wt-common-white);
  margin: auto;
  margin-bottom: 52px;
}

.wt-footer-widget-mail {
  margin-bottom: 40px;
}

.wt-footer-widget-mail h6 {
  font-weight: var(--wt-fw-bold);
  font-size: 44px;
  letter-spacing: -0.03em;
  color: var(--wt-text-p);
  font-family: var(--wt-ff-p);
  margin-bottom: 34px;
}

.wt-footer-widget-mail a {
  font-weight: var(--wt-fw-sbold);
  font-size: 44px;
  letter-spacing: -0.03em;
  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-widget-mail a:hover {
  background-size: 100% 1px;
}

@media (max-width: 767px) {
  .wt-footer-widget-mail a {
    font-size: 32px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-widget-menu {
    margin-left: -30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-widget-menu {
    position: absolute;
    top: 4%;
    right: 5%;
  }
}

@media (max-width: 767px) {
  .wt-footer-widget-menu {
    position: absolute;
    top: 4%;
    right: 6%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-widget-menu .wt-header-menu {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-footer-widget-menu .wt-header-menu ul li .submenu {
    background: var(--wt-common-black);
    padding-left: 16px;
    width: 105px;
  }
}

.wt-footer-right-social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
  flex-wrap: wrap;
}

.wt-footer-right-social ul li {
  line-height: 1;
}

.wt-footer-right-social ul li:last-child {
  margin-right: 0;
}

.wt-footer-right-social ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out 0s;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: transparent;
  padding: 8px 18px 11px;
  margin-right: 20px;
  border-radius: 20px;
  color: var(--wt-text-p);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-right-social ul li a {
    padding: 8px 14px;
    margin-right: 7px;
    font-size: 14px;
  }
}

.wt-footer-right-social ul li a .active-media {
  transition: all 0.7s ease-in-out;
  transform: translateY(0%);
}

.wt-footer-right-social ul li a .hover-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  line-height: 1;
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease-in-out;
  transform: translateY(30%);
  border-radius: 50%;
  position: absolute;
}

.wt-footer-right-social ul li a .hover-media i {
  position: relative;
  left: 1px;
}

.wt-footer-right-social ul li a:hover .active-media {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translateY(-100%);
}

.wt-footer-right-social ul li a:hover .hover-media {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.wt-footer-copyright-pagaraph 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-pagaraph a:hover {
  background-size: 100% 1px;
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-bold);
}

.wt-footer-right-social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  row-gap: 10px;
  flex-wrap: wrap;
}

.wt-footer-right-social ul li {
  line-height: 1;
}

.wt-footer-right-social ul li:last-child {
  margin-right: 0;
}

.wt-footer-right-social ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out 0s;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: transparent;
  padding: 8px 18px 11px;
  margin-right: 20px;
  border-radius: 20px;
  color: var(--wt-text-p);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-right-social ul li a {
    padding: 8px 14px;
    margin-right: 7px;
    font-size: 14px;
  }
}

.wt-footer-right-social ul li a .active-media {
  transition: all 0.7s ease-in-out;
  transform: translateY(0%);
}

.wt-footer-right-social ul li a .hover-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  line-height: 1;
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease-in-out;
  transform: translateY(30%);
  border-radius: 50%;
  position: absolute;
}

.wt-footer-right-social ul li a .hover-media i {
  position: relative;
  left: 1px;
}

.wt-footer-right-social ul li a:hover .active-media {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translateY(-100%);
}

.wt-footer-right-social ul li a:hover .hover-media {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.swiper-container {
  overflow: hidden;
}

div.wt-testimonial-4-dot,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  bottom: -118px;
  left: 52%;
  transform: translateX(-50%);
}

.wt-experience-3-nav-item button.nav-link,
.wt-portfolio-3-filter button {
  width: unset;
  height: unset;
}

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

.wt-project-widgets .wt-project-item a {
  width: 100%;
}

/*----------------------------------------*/
/*   6.2 Footer Style 2
/*----------------------------------------*/
.wt-footer-2-area {
  position: relative;
  z-index: 1;
}

.wt-footer-2-area::after {
  content: "";
  position: absolute;
  width: 1000px;
  height: 528px;
  left: 0;
  bottom: -10%;
  mask-image: url(../img/service/service-2-bg-shape.svg);
  background: var(--wt-theme-primary);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(300px);
  z-index: -1;
}

@media (max-width: 767px) {
  .wt-footer-2-area::after {
    bottom: -24%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-2-area .wt-section-title {
    font-size: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-2-area .wt-section-title {
    font-size: 66px;
  }
}

.wt-footer-2-top {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 80px 0 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-footer-2-top {
    padding: 40px 0 20px;
  }
}

.wt-footer-2-center {
  padding: 120px 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .wt-footer-2-center {
    padding: 70px 0 50px;
  }
}

.wt-footer-2-social {
  transform: translateX(-25px);
  margin-top: 22px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-footer-2-social {
    margin-bottom: 40px;
  }
}

.wt-footer-2-social ul li a:hover {
  border: 1px solid rgb(255, 255, 255);
}

.wt-footer-2-widget-menu {
  display: flex;
  justify-content: end;
  margin-top: 22px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-footer-2-widget-menu {
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-2-widget-menu {
    justify-content: left;
  }
}

@media (max-width: 767px) {
  .wt-footer-2-widget-menu {
    position: absolute;
    right: 25px;
    top: 30%;
  }
}

.wt-footer-2-widget-mail h6 {
  color: var(--wt-common-white);
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .wt-footer-2-widget-mail h6 {
    font-size: 16px;
  }
}

.wt-footer-2-widget-mail a {
  color: var(--wt-common-white);
}

@media (max-width: 767px) {
  .wt-footer-2-widget-mail a {
    font-size: 32px;
  }
}

.wt-footer-2-bottom {
  padding-bottom: 40px;
}

.wt-footer-2-animated-title {
  opacity: 0.3 !important;
}

.wt-footer-2-shape-1 {
  position: absolute;
  bottom: 23%;
  right: 19%;
  width: 280px;
  animation: bounce-thum-2 1s ease-in-out 0.1s forwards infinite alternate;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-footer-2-shape-1 {
    bottom: 10%;
  }
}

@media (max-width: 767px) {
  .wt-footer-2-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*   6.3 Footer Style 3
/*----------------------------------------*/
.wt-footer-3-area::after {
  content: "";
  position: absolute;
  width: 1000px;
  height: 528px;
  left: 0;
  bottom: -10%;
  mask-image: url(../img/service/service-2-bg-shape.svg);
  background: var(--wt-theme-primary);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  backdrop-filter: blur(300px);
  z-index: -1;
  display: none;
}

/*----------------------------------------*/
/*   6.4 Footer Style 4 
/*----------------------------------------*/
.wt-footer-4-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-footer-4-top {
    padding-bottom: 35px;
  }
}

.wt-footer-4-center {
  padding: 120px 0 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-footer-4-center {
    padding: 60px 0 60px;
  }
}

.wt-footer-4-widget-mail h6 {
  font-size: 16px;
  font-weight: var(--wt-fw-sbold);
  margin-bottom: 22px;
}

.wt-footer-4-widget-mail a {
  font-size: 30px;
  color: var(--wt-common-white);
  font-family: var(--wt-ff-heading);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-footer-4-right-social {
    margin-left: 30px;
  }
}

/*----------------------------------------*/
/*  2.17 Section Title
/*----------------------------------------*/
.wt-section-title {
  font-weight: var(--wt-fw-bold);
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: -0.03em;
  margin-bottom: 50px;
}

.wt-footer-2-area .wt-section-title {
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-section-title {
    font-size: 118px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-section-title {
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .wt-section-title {
    font-size: 49px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-section-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-section-title br {
    display: none;
  }
}

.wt-section-descr {
  max-width: 300px;
  width: 100%;
  margin-left: 222px;
}

@media (max-width: 767px) {
  .wt-section-descr {
    margin-left: 0;
  }
}

.wt-section-paragraph {
  font-weight: var(--wt-fw-regular);
  font-size: 18px;
}

.wt-section-2-descr {
  max-width: 308px;
}

.wt-section-3-title {
  font-size: 85px;
  line-height: 1;
  font-weight: 700;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-section-3-title {
    font-size: 75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-section-3-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-section-3-title {
    font-size: 65px;
  }
}

@media (max-width: 767px) {
  .wt-section-3-title {
    font-size: 54px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .wt-section-3-title {
    font-size: 75px;
  }
}

.wt-section-3-paragraph {
  max-width: 265px;
  width: 100%;
  font-size: 16px;
}

.wt-section-4-title {
  font-size: 85px;
  letter-spacing: -0.03em;
  margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-section-4-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-section-4-title {
    font-size: 65px;
  }
}

@media (max-width: 767px) {
  .wt-section-4-title {
    font-size: 50px;
  }
}

.wt-section-4-descr {
  max-width: 455px;
  margin-left: 110px;
}

.wt-section-4-paragraph {
  font-size: 18px;
}

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

.wt-about-title {
  animation: bounceSimple 2s infinite;
}

@keyframes bounceSimple {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

/* footer menu */
.wt-header-wrapper.wt-header-menu {
  transform: translateY(4px);
}

.wt-header-menu button {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-sbold);
  font-size: 22px;
  text-transform: uppercase;
  color: var(--wt-common-white);
  display: flex;
  align-items: center;
  gap: 12px;
}

.wt-header-menu button span {
  display: inline-flex;
  align-items: center;
}

.wt-header-menu ul li {
  list-style: none;
  position: relative;
}

.wt-header-menu ul li a {
  color: var(--wt-common-white);
  font-weight: var(--wt-fw-sbold);
  display: inline-flex;
  gap: 12px;
  text-transform: uppercase;
}

.wt-footer-2-widget-menu a.footer-menu-icon {
  display: block;
}

a.footer-menu-icon img {
  margin-right: 10px;
}

.wt-header-menu ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 160px;
  padding: 20px 0;
  transform: scaleY(0);
  transform-origin: top center;
  text-align: start;
  transition: 0.4s;
  visibility: hidden;
  z-index: 9;
}

.wt-header-menu ul li .submenu li {
  margin-bottom: 6px;
}

.wt-header-menu ul li:hover .submenu {
  transform: scaleY(1);
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.footer-menu-icon img {
  max-width: 15px;
  max-height: 15px;
}

/*----------------------------------------*/
/*   2.8 Contact Form 
/*----------------------------------------*/
.wt-contact-form-wrapper {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 50px 80px 50px;
  margin-left: 115px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-contact-form-wrapper {
    margin-left: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-contact-form-wrapper {
    padding: 50px 30px 50px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-contact-form-wrapper {
    margin-left: 0;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .wt-contact-form-wrapper {
    padding: 50px 20px 50px;
    margin-left: 0;
    margin-top: 40px;
  }
}

.wt-contact-section-title {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-bold);
  font-size: 30px;
  color: var(--wt-common-white);
  margin-bottom: 30px;
}

.wt-contact-button .wt-btn-circle .wt-btn-circle-dot {
  background-color: var(--wt-theme-primary-4);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-contact-innerpage-area {
    padding: 100px 0 60px;
  }
}

.form-input {
  margin-bottom: 35px;
}

.form-input label {
  font-family: var(--wt-ff-heading);
  font-weight: var(--wt-fw-sbold);
  font-size: 24px;
  text-transform: uppercase;
  color: var(--wt-common-white);
  margin-bottom: 25px;
}

.form-input input {
  background: rgba(255, 255, 255, 0.03) !important;
  border: transparent;
  color: #616161;
  font-size: 16px;
}

.form-input input::placeholder {
  color: #616161;
  font-size: 16px;
}

.form-input input:focus {
  border-color: var(--wt-theme-primary-4);
}

.form-input textarea {
  background: rgba(255, 255, 255, 0.03) !important;
  border: transparent;
  resize: none;
  font-size: 16px;
  color: #616161;
}

.form-input textarea::placeholder {
  color: #616161;
  font-size: 16px;
}

.form-input textarea:focus {
  border-color: var(--wt-theme-primary-4);
}

/* new header */

.new-header .noxfolio-nav-menu .nav-menu-wrapper a {
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--noxfolio-primary-font);
  color: var(--wt-text-body);
}

.new-header .noxfolio-nav-menu {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 25px;
  padding: 0px 36px;
}

.new-header .noxfolio-nav-menu .nav-menu-wrapper ul.primary-menu>li {
  height: 50px;
}

.noxfolio-sticky.noxfolio-sticky-active {
  margin-top: 0px !important;
}

.new-header .noxfolio-sticky.noxfolio-sticky-active .noxfolio-nav-menu {
  border: none;
  padding: 0px;
}


/*----------------------------------------*/
/*   5.1 Blog Css
/*----------------------------------------*/
.wt-blog-area {
  padding: 130px 0 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-blog-area {
    padding: 70px 0 50px;
  }
}

.wt-blog-area.inner-page {
  padding: 80px 0 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-blog-area.inner-page {
    padding: 0 0 100px;
  }
}

.wt-blog-wrapper {
  margin-bottom: 30px;
}

.wt-blog-wrapper:hover .wt-blog-thumb img {
  transform: scale(1.2);
}

.wt-blog-thumb {
  overflow: hidden;
  margin-bottom: 24px;
}

.wt-blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.wt-blog-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  row-gap: 10px;
  margin-bottom: 24px;
}

.wt-blog-meta span {
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 20px;
  padding: 2px 15px;
  font-weight: var(--wt-fw-regular);
  transition: 0.4s;
}

.wt-blog-meta span:hover:first-child {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.07);
  color: var(--wt-common-white);
}

.wt-blog-title {
  font-size: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-title {
    font-size: 27px;
  }
}

.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 a:hover {
  background-size: 100% 1px;
}

.wt-blog-2-area {
  padding: 0 0 120px;
}

.wt-blog-2-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 50px 40px 50px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .wt-blog-2-wrapper {
    padding: 50px 25px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-blog-2-wrapper {
    padding: 50px 25px 50px;
  }
}

@media (max-width: 767px) {
  .wt-blog-2-wrapper {
    padding: 50px 15px 50px 30px;
  }
}

.wt-blog-2-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(20, 20, 20, 0.7);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.wt-blog-2-wrapper:hover {
  border: 1px solid transparent;
}

.wt-blog-2-wrapper:hover::after {
  opacity: 1;
  visibility: visible;
}

.wt-blog-2-wrapper:hover .wt-blog-2-thumb {
  visibility: visible;
  opacity: 1;
}

.wt-blog-2-meta {
  margin-bottom: 180px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-blog-2-meta {
    margin-bottom: 100px;
  }
}

.wt-blog-2-meta span {
  transition: 0.4s;
}

.wt-blog-2-meta span:hover:first-child {
  background: transparent;
  border: 1px solid rgb(255, 255, 255);
  color: var(--wt-common-white);
}

.wt-blog-2-title {
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wt-blog-2-title {
    font-size: 31px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-blog-2-title {
    font-size: 26px;
  }
}

.wt-blog-2-button a {
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--wt-common-white);
}

.wt-blog-2-button a:hover {
  background: var(--wt-common-white);
  color: var(--wt-common-black);
}

.wt-blog-2-thumb {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: visible;
  transition: 0.4s;
}

.wt-blog-2-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-blog-3-area {
  padding: 0 0 130px;
}

@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-blog-3-area {
    padding: 0 0 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-blog-3-area .wt-section-3-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.wt-blog-3-area .wt-section-3-paragraph {
  max-width: 291px;
}

.wt-blog-3-meta span {
  transition: 0.4s;
}

.wt-blog-3-meta span:hover:first-child {
  background: var(--wt-theme-primary-3);
  border-color: 1px solid var(--wt-theme-primary-3);
  color: var(--wt-common-black);
}

.wt-blog-4-area {
  padding: 120px 0 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .wt-blog-4-area {
    padding: 60px 0 60px;
  }
}

.wt-blog-4-sectitle-row {
  margin-bottom: 50px;
}

.wt-blog-4-item:hover .wt-blog-4-title a {
  background-size: 100% 1px;
}

.wt-blog-4-item:hover .wt-blog-4-meta span:first-child {
  background: var(--wt-theme-primary-4);
  border-color: var(--wt-theme-primary-4);
  color: var(--wt-common-black);
}

.wt-blog-4-meta {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wt-blog-4-meta {
    flex-direction: column;
  }
}

.wt-blog-4-title {
  font-size: 30px;
  max-width: 400px;
  width: 100%;
}

@media (max-width: 767px) {
  .wt-blog-4-title {
    font-size: 28px;
  }
}

.wt-blog-4-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-widget__item.wt-hover__reveal-item:hover .wt-blog-meta span a,
.wt-blog-3-meta span a:hover {
  color: var(--wt-common-black);
}