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

    Theme Name: Ainex - AI Agency & Technology HTML Template
    Author: Theme-Junction
    Author URI: https://themeforest.net/user/theme-junction
    Description: Ainex - AI Agency & Technology HTML Template
    Version: 1.0

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


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

  Theme Default CSS
	Buttons CSS
	Header CSS
	Footer CSS
	Search CSS
	Hamburger CSS
	Preloader CSS
	Heading CSS
	Hero CSS
	Choose CSS
	Client CSS
	About CSS
	Services CSS
	Marquee CSS
	Project CSS
	Testimonial CSS
	Faq CSS
	Blog CSS
	CTA CSS
	Countup CSS
	Working process CSS
	Contact CSS
	Slider CSS
	Team CSS
	Team details
	Breadcrumb CSS
	Pricing CSS
	Blog Details CSS
	Error 404
	Animate CSS

**********************************************/
/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  /**
     @Font-Family Declaration
   */
  --tj-ff-body: 'Roboto', sans-serif;;
  --tj-ff-heading: 'Poppins', sans-serif;;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";
  /**
     @Font-weight Declaration
   */
  --tj-fw-normal: normal;
  --tj-fw-thin: 100;
  --tj-fw-elight: 200;
  --tj-fw-light: 300;
  --tj-fw-regular: 400;
  --tj-fw-medium: 500;
  --tj-fw-sbold: 600;
  --tj-fw-bold: 700;
  --tj-fw-ebold: 800;
  --tj-fw-black: 900;
  /**
     @Font-Size Declaration
   */
  --tj-fs-body: 16px;
  --tj-fs-p: 16px;
  --tj-fs-h1: 76px;
  --tj-fs-h2: 48px;
  --tj-fs-h3: 32px;
  --tj-fs-h4: 24px;
  --tj-fs-h5: 20px;
  --tj-fs-h6: 18px;
  /**
     @Color Declaration
   */
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-heading-primary: #ffffff;
  --tj-color-text-body: #9692b2;
  --tj-color-text-body-2: #524f66;
  --tj-color-theme-primary: #D900FC;
  --tj-color-theme-bg: #18133b;
  --tj-color-theme-dark: #060129;
  --tj-color-theme-dark-2: #65627a;
  --tj-color-white-2: rgba(255, 255, 255, 0.8);
  --tj-color-grey-1: #9692b2;
  --tj-color-grey-2: #78758f;
  --tj-color-grey-3: rgba(150, 146, 178, 0.8);
  --tj-color-border-1: #5403B5;
}

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

.site-main,
html {
  position: relative;
}

body {
  font-family: var(--tj-ff-body);
  font-size: var(--tj-fs-body);
  font-weight: normal;
  color: var(--tj-color-text-body);
  background-color: var(--tj-color-theme-dark);
  line-height: 1.5;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-heading-primary);
  margin-top: 0px;
  font-weight: var(--tj-fw-medium);
  line-height: 1.2;
  letter-spacing: -0.03em;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

h1 {
  font-size: var(--tj-fs-h1);
  line-height: 1.053;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h1 {
    font-size: 45px;
  }
}

h2 {
  font-size: var(--tj-fs-h2);
  line-height: 1.125;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  font-size: var(--tj-fs-h3);
  line-height: 1.188;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h3 {
    font-size: 25px;
  }
}

h4 {
  font-size: var(--tj-fs-h4);
  line-height: 1.25;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: var(--tj-fs-h5);
  line-height: 1.4;
}

h6 {
  font-size: var(--tj-fs-h6);
  line-height: 1.333;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: block;
}

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

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

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
svg path,
*::after,
*::before,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a:focus,
button:focus,
button:focus-visible {
  text-decoration: none;
  outline: none;
  box-shadow: 0 0 0;
}

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

a,
button {
  color: var(--tj-color-theme-primary);
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

select,
.nice-select,
input[type=search],
input[type=tel],
input[type=text],
input[type=email],
input[type=url],
textarea {
  outline: none;
  background-color: var(--tj-color-common-white);
  height: auto;
  width: 100%;
  font-size: var(--tj-fs-body);
  border: 1px solid var(--tj-color-border-1);
  color: var(--tj-color-text-body);
  padding: 10px 15px;
  box-shadow: 0 0 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--tj-color-theme-primary) var(--tj-color-border-1);
}

::-webkit-scrollbar {
  height: 4px;
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: var(--tj-color-theme-primary);
  -webkit-border-radius: 1px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

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

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

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

*::-webkit-input-placeholder {
  color: var(--tj-color-grey-2);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*:-moz-placeholder {
  color: var(--tj-color-grey-2);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*::-moz-placeholder {
  color: var(--tj-color-grey-2);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*:-ms-input-placeholder {
  color: var(--tj-color-grey-2);
  font-size: var(--tj-fs-body);
  opacity: 1;
}
*::placeholder {
  color: var(--tj-color-grey-2);
  font-size: var(--tj-fs-body);
  opacity: 1;
}

/**
 	Common Classes CSS
*/
img {
  max-width: 100%;
}

.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.rg-30 {
  row-gap: 30px;
}

.rg-40 {
  row-gap: 40px;
}

.rg-50 {
  row-gap: 50px;
}

.rg-60 {
  row-gap: 60px;
}

.rg-70 {
  row-gap: 70px;
}

.rg-80 {
  row-gap: 80px;
}

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

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

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

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

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

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

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

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

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

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

.section-gap {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-gap {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.section-gap-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-gap-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.gap-top,
.section-gap-top {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-top,
  .section-gap-top {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gap-top,
  .section-gap-top {
    padding-top: 70px;
  }
}

.gap-bottom,
.section-gap-bottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-bottom,
  .section-gap-bottom {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gap-bottom,
  .section-gap-bottom {
    padding-bottom: 70px;
  }
}

.section-gap-x {
  margin-left: 60px;
  margin-right: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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) {
  .section-gap-x {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x {
    margin-left: 0;
    margin-right: 0;
  }
}

.section-gap-x2 {
  margin-left: 50px;
  margin-right: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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) {
  .section-gap-x2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x2 {
    margin-left: 0;
    margin-right: 0;
  }
}

.section-gap-x3 {
  margin-left: 30px;
  margin-right: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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) {
  .section-gap-x3 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x3 {
    margin-left: 0;
    margin-right: 0;
  }
}

.section-separator {
  border-top: 1px solid var(--tj-color-border-1);
}

.sticky-lg-top {
  top: 30px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

body:has(.sticky) .sticky-lg-top {
  top: 130px;
}

.title-anim > div {
  overflow: hidden;
}

.tj-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, var(--tj-color-heading-primary) 50%, var(--tj-color-text-body-2) 50%);
}

.line {
  position: relative;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  --highlight-offset: 0%;
  background-image: linear-gradient(90deg, var(--tj-color-heading-primary) var(--highlight-offset), var(--tj-color-text-body-2) var(--highlight-offset));
}

.circle-text-wrap {
  width: 154px;
  height: 154px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.circle-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  width: 126px;
  height: 126px;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: textrotate 20s infinite linear;
  animation: textrotate 20s infinite linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .circle-text {
    width: 120px;
    height: 120px;
  }
}
.circle-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  color: var(--tj-color-common-white);
  font-size: 36px;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.circle-icon span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-dark);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.circle-icon i {
  color: var(--tj-color-common-white);
  transition: all 0.3s ease-in-out;
}
.circle-icon:hover i {
  transform: scale(0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .circle-icon {
    font-size: 30;
    width: 120px;
    height: 120px;
  }
}

/**
  Buttons CSS
*/
.tj-primary-btn {
  display: inline-flex;
  background-color: var(--tj-color-theme-primary);
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  padding: 4px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.tj-primary-btn .btn-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.tj-primary-btn .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50px;
  z-index: -1;
}
.tj-primary-btn .btn-text {
  color: var(--tj-color-common-white);
  overflow: hidden;
}
.tj-primary-btn .btn-text span {
  display: flex;
  line-height: 1;
}
.tj-primary-btn .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
}
.tj-primary-btn .btn-icon.h-icon {
  position: absolute;
  left: -42px;
  background-color: transparent;
}
.tj-primary-btn .btn-icon i {
  color: var(--tj-color-common-white);
  transition: all 0.3s ease-in-out;
}
.tj-primary-btn:hover .btn-inner::before {
  width: calc(100% - 42px);
}
.tj-primary-btn:hover .btn-text {
  transform: translateX(36px);
}
.tj-primary-btn:hover .btn-icon {
  transform: translateX(42px);
}
.tj-primary-btn:hover .btn-icon i {
  transform: rotate(0);
}
.tj-primary-btn.btn-light {
  background-color: var(--tj-color-common-white);
}
.tj-primary-btn.btn-light .btn-text {
  color: var(--tj-color-theme-dark);
}
.tj-primary-btn.btn-light:hover .btn-text {
  color: var(--tj-color-common-white);
}
.tj-primary-btn.btn-light:hover .btn-icon i {
  color: var(--tj-color-theme-dark);
}
.tj-primary-btn.style-2 .btn-inner::before {
  content: "";
  position: absolute;
  width: 100%;
}
.tj-primary-btn.style-2:hover .btn-inner::before {
  width: calc(100% - 42px);
}

.icon-btn {
  font-size: 30px;
  width: 56px;
  height: 56px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.icon-btn i {
  color: var(--tj-color-common-white);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}
.icon-btn:hover {
  background-color: var(--tj-color-theme-primary);
}
.icon-btn:hover i {
  transform: rotate(0);
}
.icon-btn.style-2 {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border: 1px solid var(--tj-color-border-1);
}

.text-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  text-align: center;
  line-height: 1;
  padding: 20px 30px 0;
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  position: relative;
  z-index: 2;
}
.text-btn .btn-text {
  color: var(--tj-color-common-white);
  overflow: hidden;
}
.text-btn .btn-text span {
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0 var(--tj-color-theme-primary);
  backface-visibility: hidden;
  transform: translate(0);
  transition: 0.4s ease-in-out;
}
.text-btn .btn-icon {
  color: var(--tj-color-common-white);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.text-btn .btn-icon span {
  display: flex;
  line-height: 1;
  text-shadow: -30px 0 0 var(--tj-color-theme-primary);
  backface-visibility: hidden;
  transform: translate(0);
  transition: 0.4s ease-in-out;
}
.text-btn:hover .btn-text span {
  transform: translateY(-30px);
}
.text-btn:hover .btn-icon span {
  transform: translateX(30px);
}
.text-btn.style-2 {
  background-color: transparent;
  padding: 0;
}
.text-btn.style-2 .btn-text {
  color: var(--tj-color-theme-primary);
}
.text-btn.style-2 .btn-icon {
  color: var(--tj-color-common-white);
  font-size: 20px;
  background-color: var(--tj-color-theme-primary);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: rotate(-45deg);
}
.text-btn.style-2 .btn-icon span {
  text-shadow: -30px 0 0 var(--tj-color-common-white);
}

.tj-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--tj-color-theme-primary);
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  padding: 5px 5px 5px 25px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
}
.tj-secondary-btn .btn-text {
  color: var(--tj-color-common-white);
  overflow: hidden;
}
.tj-secondary-btn .btn-text span {
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0;
  backface-visibility: hidden;
  transform: translateY(0);
  transition: 0.4s ease-in-out;
}
.tj-secondary-btn .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
}
.tj-secondary-btn .btn-icon i {
  color: var(--tj-color-common-white);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}
.tj-secondary-btn.btn-dark {
  background-color: var(--tj-color-theme-dark);
}
.tj-secondary-btn.btn-dark .btn-icon {
  background-color: var(--tj-color-common-white);
}
.tj-secondary-btn.btn-dark .btn-icon i {
  color: var(--tj-color-theme-dark);
}
.tj-secondary-btn.transparent-btn {
  background-color: transparent;
  border: 1px solid var(--tj-color-border-1);
}
.tj-secondary-btn.transparent-btn .btn-text {
  color: var(--tj-color-heading-primary);
}
.tj-secondary-btn.transparent-btn:hover {
  border-color: var(--tj-color-theme-dark);
}
.tj-secondary-btn:hover .btn-text span {
  transform: translateY(-30px);
}
.tj-secondary-btn:hover .btn-icon i {
  transform: rotate(0);
}

/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area {
  position: relative;
  z-index: 99;
}
.header-area.header-1 {
  border-bottom: 1px solid var(--tj-color-border-1);
}
.header-area.header-1.header-absolute {
  position: absolute;
  width: 100%;
}
.header-area.header-1 .header-wrapper {
  padding: 0 48px;
  background-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-area.header-1 .header-wrapper {
    padding: 0 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-1 .header-wrapper {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-1 .header-wrapper {
    padding: 15px 0px;
  }
}
.header-area.header-2 {
  background-color: var(--tj-color-theme-bg);
  border: 0;
  border-radius: 20px;
  margin: 20px 30px;
}
.header-area.header-2.sticky {
  background-color: var(--tj-color-theme-bg);
  margin-top: 0;
  width: calc(100% - 60px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-2.sticky {
    width: calc(100% - 30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2.sticky {
    width: 100%;
    margin: 0;
    border-radius: 0 0 15px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2 {
    margin: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2 {
    border-radius: 15px;
  }
}
.header-area.header-2 .header-wrapper {
  padding: 0 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2 .header-wrapper {
    padding: 15px 0px;
  }
}
.header-area.header-4.header-absolute, .header-area.header-3.header-absolute {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
  margin: 0 30px;
  z-index: 999;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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) {
  .header-area.header-4.header-absolute, .header-area.header-3.header-absolute {
    width: calc(100% - 30px);
    margin: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-4.header-absolute, .header-area.header-3.header-absolute {
    width: 100%;
    margin: 0;
  }
}
.header-area.header-4 .header-wrapper, .header-area.header-3 .header-wrapper {
  padding: 0 18px;
  border-radius: 16px 16px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-4 .header-wrapper, .header-area.header-3 .header-wrapper {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-4 .header-wrapper, .header-area.header-3 .header-wrapper {
    padding: 15px 0px;
  }
}
.header-area.header-4.header-absolute {
  top: 45px;
}
@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) {
  .header-area.header-4.header-absolute {
    top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-4.header-absolute {
    top: 0;
  }
}
.header-area.header-duplicate {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.header-area.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-animation: sticky 0.9s;
  animation: sticky 0.9s;
  z-index: 999;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
  visibility: visible;
  background-color: var(--tj-color-theme-dark);
  border-bottom: 1px solid var(--tj-color-border-1);
  display: block;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.sticky {
    width: 100%;
  }
}

.header-top {
  background-color: var(--tj-color-theme-bg);
  padding: 0 48px;
}
.header-top-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.header-top-content .topbar-text {
  color: var(--tj-color-common-white);
  padding: 15px 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.header-top-content .topbar-text i {
  color: var(--tj-color-theme-primary);
  font-size: 22px;
}
.header-top-content .topbar-text a {
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.header-top-content .topbar-text a::after {
  content: "\e902";
  font-size: 10px;
  line-height: 1;
  font-family: "ainex-icons" !important;
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  color: currentColor;
  margin-left: 4px;
  margin-top: 3px;
}
.header-top-content .topbar-text a:hover {
  color: var(--tj-color-theme-primary);
}
.header-top-content .header-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header-top-content .header-info .info-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  padding: 0 21px;
  border-left: 1px solid var(--tj-color-border-1);
  line-height: 1;
}
.header-top-content .header-info .info-item:first-child {
  border: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-content .header-info .info-item:nth-child(2) {
    padding-right: 0;
  }
}
.header-top-content .header-info .info-item:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content .header-info .info-item:last-child {
    display: none;
  }
}
.header-top-content .header-info .info-item span {
  display: inline-flex;
  line-height: 1;
  font-size: 20px;
  color: var(--tj-color-theme-primary);
}
.header-top-content .header-info .info-item a {
  color: var(--tj-color-common-white);
}
.header-top-content .header-info .info-item a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content .header-info .info-item {
    border: 0;
    padding: 0 10px 10px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top-content {
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-top {
    padding: 0 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-top {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top {
    padding: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top {
    display: none;
  }
}
.header-top.style-2 {
  background-color: var(--tj-color-theme-primary);
  padding: 0 18px;
  margin-bottom: 20px;
  border-radius: 0 0 16px 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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) {
  .header-top.style-2 {
    margin-bottom: 15px;
  }
}
.header-top.style-2 .header-top-content .topbar-text a,
.header-top.style-2 .header-top-content .topbar-text i {
  color: var(--tj-color-common-white);
}
.header-top.style-2 .header-top-content .topbar-text a {
  color: var(--tj-color-common-white);
}
.header-top.style-2 .header-top-content .topbar-text a:hover {
  color: var(--tj-color-theme-dark);
}
.header-top.style-2 .header-top-content .header-info .info-item {
  border-color: rgba(255, 255, 255, 0.5);
}
.header-top.style-2 .header-top-content .header-info .info-item span {
  color: var(--tj-color-common-white);
}
.header-top.style-2 .header-top-content .header-info .info-item a {
  color: var(--tj-color-common-white);
}
.header-top.style-2 .header-top-content .header-info .info-item a:hover {
  color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-top.style-2 {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top.style-2 {
    padding: 0px;
  }
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-wrapper {
    padding: 15px 0;
  }
}

.site_logo .logo {
  display: inline-block;
  max-width: 260px;
  width: 100%;
}

.menu-area {
  gap: 25px;
}

.mainmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 35px;
}
.mainmenu ul > li {
  position: relative;
  z-index: 1;
}
.mainmenu ul > li > a {
  position: relative;
  font-size: 16px;
  color: var(--tj-color-text-body);
  display: block;
  padding: 37px 0;
  font-weight: var(--tj-fw-medium);
  line-height: 1;
}
.mainmenu ul > li.menu-item-has-children > a, .mainmenu ul > li.has-dropdown > a {
  padding-right: 15px;
}
.mainmenu ul > li.menu-item-has-children > a::after, .mainmenu ul > li.has-dropdown > a::after {
  content: "\e903";
  font-family: "ainex-icons";
  color: inherit;
  font-size: 8px;
  position: absolute;
  top: 41px;
  right: 0;
}
.mainmenu ul > li.menu-item-has-children:hover > a::after, .mainmenu ul > li.has-dropdown:hover > a::after {
  transform: rotate(-180deg);
}
.mainmenu ul > li.current-menu-ancestor a, .mainmenu ul > li.current-menu-item a, .mainmenu ul > li:hover a {
  color: var(--tj-color-theme-primary);
}
.mainmenu ul > li.current-menu-ancestor a::after, .mainmenu ul > li.current-menu-item a::after, .mainmenu ul > li:hover a::after {
  color: var(--tj-color-theme-primary);
}
.mainmenu ul > li.current-menu-ancestor a::before, .mainmenu ul > li.current-menu-item a::before, .mainmenu ul > li:hover a::before {
  opacity: 1;
  visibility: visible;
}
.mainmenu ul > li > .sub-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
  top: 100%;
  left: 0;
  z-index: 99;
  text-align: left;
  background-color: var(--tj-color-theme-bg);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
  gap: 0;
  padding: 10px 0;
  pointer-events: none;
  transition: 0.4s;
}
.mainmenu ul > li > .sub-menu > li {
  display: block;
  width: 100%;
}
.mainmenu ul > li > .sub-menu > li > a {
  position: relative;
  padding: 10px 20px;
  display: block;
  color: var(--tj-color-text-body);
}
.mainmenu ul > li > .sub-menu > li > a::before {
  display: none;
}
.mainmenu ul > li > .sub-menu > li:last-child {
  padding-bottom: 0;
}
.mainmenu ul > li > .sub-menu > li.menu-item-has-children > a::after, .mainmenu ul > li > .sub-menu > li.has-dropdown > a::after {
  top: 15px;
  right: 15px;
  color: var(--tj-color-text-body);
  transform: rotate(-90deg);
}
.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a, .mainmenu ul > li > .sub-menu > li.current-menu-item > a, .mainmenu ul > li > .sub-menu > li:hover > a {
  color: var(--tj-color-theme-primary);
}
.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a::before, .mainmenu ul > li > .sub-menu > li.current-menu-item > a::before, .mainmenu ul > li > .sub-menu > li:hover > a::before {
  opacity: 1;
  visibility: visible;
  width: 14px;
}
.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a::after, .mainmenu ul > li > .sub-menu > li.current-menu-item > a::after, .mainmenu ul > li > .sub-menu > li:hover > a::after {
  color: var(--tj-color-theme-primary);
}
.mainmenu ul > li > .sub-menu > li > .sub-menu {
  left: 100%;
  top: -10px;
}
.mainmenu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  transition: all 0.5s ease;
  pointer-events: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mainmenu ul {
    gap: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu ul {
    gap: 16px;
  }
}

.header-search {
  line-height: 1;
  position: relative;
}
.header-search .search {
  color: var(--tj-color-text-body);
  font-size: 16px;
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.header-search .search i {
  font-size: 26px;
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-search .search i {
    font-size: 24px;
  }
}
.header-search .search.search-hide {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
}
.header-search .search:hover i {
  color: var(--tj-color-theme-primary);
  animation: bellshake 1.5s ease;
}

.header-right-item {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-item {
    gap: 12px;
  }
}

.menu_bar {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 25px;
  height: 25px;
  position: relative;
  top: 0;
  left: 0;
  margin-left: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.menu_bar span {
  display: block;
  width: 18px;
  height: 2px;
  background-color: var(--tj-color-common-white);
  margin-right: auto;
  backface-visibility: hidden;
  transition: all 0.3s;
}
.menu_bar span:last-child, .menu_bar span:first-child {
  width: 25px;
}
.menu_bar.mobile_menu_bar {
  width: 50px;
  height: 50px;
  padding: 12px;
  background: var(--tj-color-theme-primary);
  border-radius: 7px;
}
.menu_bar.mobile_menu_bar span {
  background-color: var(--tj-color-common-white);
}
.menu_bar:hover span {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu_bar {
    margin-left: 0;
  }
}
.menu_bar.menu_offcanvas {
  width: 60px;
  gap: 12px;
}
.menu_bar.menu_offcanvas span {
  width: 60px;
}
.menu_bar.menu_offcanvas:hover span {
  animation: linehover 0.6s linear;
}
.menu_bar.menu_offcanvas:hover span:last-child {
  animation-delay: 0.12s;
}

.header-2.header-absolute .mainmenu > ul > li > a {
  color: var(--tj-color-common-white);
  padding-top: 32px;
  padding-bottom: 32px;
}
.header-2.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-2.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
  color: currentColor;
  top: 35px;
}
.header-2.header-absolute .mainmenu > ul > li:hover > a, .header-2.header-absolute .mainmenu > ul > li.current-menu-ancestor > a {
  color: var(--tj-color-text-body-2);
}
.header-2.header-absolute .mainmenu > ul > li:hover > a::after, .header-2.header-absolute .mainmenu > ul > li.current-menu-ancestor > a::after {
  color: currentColor;
}
.header-2.header-absolute .menu_bar span {
  background-color: var(--tj-color-common-white);
}

.header-3.header-absolute .menu-area {
  background-color: var(--tj-color-theme-dark);
  padding: 0 36px;
  border-radius: 0 0 24px 24px;
  border: 1px solid #364068;
  border-top-color: transparent;
  position: relative;
}
.header-3.header-absolute .menu-area::before, .header-3.header-absolute .menu-area::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -48px;
  width: 48px;
  height: 24px;
  box-shadow: 24px 0 0 0 var(--tj-color-theme-dark);
  border-radius: 0 24px 0 0;
  border-top: 1px solid #364068;
  border-right: 1px solid #364068;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-3.header-absolute .menu-area::before, .header-3.header-absolute .menu-area::after {
    border-radius: 0 16px 0 0;
  }
}
.header-3.header-absolute .menu-area::after {
  left: auto;
  right: -48px;
  transform: scaleX(-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3.header-absolute .menu-area {
    padding: 0 25px;
  }
}
.header-3.header-absolute .mainmenu > ul > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}
.header-3.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-3.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
  color: currentColor;
  top: 29px;
}
.header-3 .header-search .search {
  color: var(--tj-color-common-white);
}

.header-4.header-absolute .menu-area {
  margin-inline-end: 220px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-4.header-absolute .menu-area {
    margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-4.header-absolute .menu-area {
    margin-inline-end: 0;
  }
}
.header-4.header-absolute .mainmenu > ul > li > a {
  color: var(--tj-color-common-white);
  padding-top: 25px;
  padding-bottom: 25px;
}
.header-4.header-absolute .mainmenu > ul > li.menu-item-has-children > a::after, .header-4.header-absolute .mainmenu > ul > li.has-dropdown > a::after {
  color: currentColor;
  top: 29px;
}
.header-4.header-absolute .mainmenu > ul > li.current-menu-ancestor > a, .header-4.header-absolute .mainmenu > ul > li.current-menu-item > a, .header-4.header-absolute .mainmenu > ul > li:hover > a {
  color: var(--tj-color-theme-primary);
}
.header-4.header-absolute .mainmenu > ul > li.current-menu-ancestor > a::after, .header-4.header-absolute .mainmenu > ul > li.current-menu-item > a::after, .header-4.header-absolute .mainmenu > ul > li:hover > a::after {
  color: var(--tj-color-theme-primary);
}
.header-4 .header-search .search {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-4 .header-button {
    display: none;
  }
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-radius: 24px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section {
    margin-bottom: 15px;
    border-radius: 16px;
  }
}

.footer-main-area {
  position: relative;
  padding: 90px 0 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-main-area {
    padding: 70px 0 60px;
  }
}
.footer-main-area.style-2 {
  max-width: 1440px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  background-color: var(--tj-color-theme-dark);
  border-radius: 24px;
}
.footer-main-area.style-2 .social-links.style-2 ul li a {
  background-color: var(--tj-color-theme-bg);
}
.footer-main-area.style-2 .social-links.style-2 ul li a:hover {
  background-color: var(--tj-color-theme-primary);
}
.footer-main-area.style-2 .subscribe-form input[type=email] {
  background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-main-area.style-2 {
    max-width: 1350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-main-area.style-2 {
    max-width: 1170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-main-area.style-2 {
    max-width: 980px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-main-area.style-2 {
    max-width: calc(100% - 26px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-main-area.style-2 {
    border-radius: 16px;
  }
}

.footer-logo {
  max-width: 150px;
}

.footer-widget .footer-text {
  max-width: 280px;
  width: 100%;
}
.footer-widget .footer-text p {
  margin-top: 25px;
  margin-bottom: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text {
    max-width: 100%;
  }
}
.footer-widget .title {
  margin-bottom: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .title {
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget.footer-col-1 {
    margin-bottom: 10px;
  }
}

.social-links ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.social-links ul li {
  position: relative;
  line-height: 1;
}
.social-links ul li a {
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  line-height: 1;
}
.social-links ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.social-links ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  background: var(--tj-color-common-white);
  margin: 4px 5px;
}
.social-links.style-2 ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.social-links.style-2 ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-dark);
  font-size: 20px;
  line-height: 1;
}
.social-links.style-2 ul li a i {
  color: var(--tj-color-common-white);
}
.social-links.style-2 ul li a:hover {
  background-color: var(--tj-color-theme-primary);
  transform: translateY(-4px);
}
.social-links.style-2 ul li::after {
  display: none;
}

.widget-nav-menu ul {
  list-style: none;
}
.widget-nav-menu ul li {
  padding: 6px 0;
}
.widget-nav-menu ul li:first-child {
  padding-top: 0;
}
.widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  padding-left: 14px;
}
.widget-nav-menu ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-theme-primary);
  opacity: 0.3;
}
.widget-nav-menu ul li a .badge {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50px;
  padding: 3px 6px 4px;
}
.widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.widget-nav-menu ul li a:hover::before {
  opacity: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    margin-top: 30px;
  }
}
.widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
  padding-inline-start: 75px;
}
.widget-nav-menu.footer-col-3 .title, .widget-nav-menu.footer-col-2 .title {
  color: var(--tj-color-common-white);
}
.widget-nav-menu.footer-col-3 ul li a:hover, .widget-nav-menu.footer-col-2 ul li a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.widget-nav-menu.footer-col-3 {
  padding-inline-start: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-nav-menu.footer-col-3 {
    padding-inline-start: 20px;
  }
}
@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: 575px) {
  .widget-nav-menu.footer-col-3 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}

.widget-subscribe {
  max-width: 330px;
  width: 100%;
  margin-inline-start: auto;
}
.widget-subscribe .title {
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-subscribe {
    margin-inline-start: 0;
    margin-top: 30px;
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe {
    max-width: 100%;
    margin-top: 30px;
    margin-inline-start: 0;
  }
}

.subscribe-form {
  position: relative;
}
.subscribe-form input[type=email] {
  background-color: var(--tj-color-theme-dark);
  height: 52px;
  padding: 15px 60px 15px 20px;
  border: 0;
  border-radius: 10px;
}
.subscribe-form input[type=email]:focus {
  box-shadow: 0 0 0 1px var(--tj-color-theme-primary);
}
.subscribe-form input[type=checkbox] {
  position: relative;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-2);
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
}
.subscribe-form input[type=checkbox]::before {
  content: "\e949";
  font-size: 15px;
  line-height: 1;
  font-family: "ainex-icons" !important;
  color: var(--tj-color-theme-dark);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  transform: scale(0.5);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.subscribe-form input[type=checkbox]:checked {
  background-color: var(--tj-color-common-white);
  border-color: var(--tj-color-common-white);
}
.subscribe-form input[type=checkbox]:checked::before {
  transform: scale(1);
  opacity: 1;
}
.subscribe-form button {
  position: absolute;
  width: 50px;
  height: 52px;
  right: 0;
  top: 0;
  color: var(--tj-color-theme-dark);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.subscribe-form button i {
  color: var(--tj-color-theme-primary);
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
  display: inline-flex;
  transition: all 0.3s linear;
}
.subscribe-form button:hover i, .subscribe-form button:focus i {
  transform: rotate(45deg);
}
.subscribe-form button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 22px;
  border-left: 1px solid var(--tj-color-border-1);
  transform: translateY(-50%);
}
.subscribe-form label {
  color: var(--tj-color-text-body);
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
}
.subscribe-form label a {
  color: var(--tj-color-common-white);
  margin-left: 4px;
}
.subscribe-form label a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form {
    margin-top: 18px;
  }
}

.copyright-content-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 23px 0;
}
.copyright-content-area .footer-contact ul {
  list-style: none;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
}
.copyright-content-area .footer-contact ul li a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--tj-color-text-body);
}
.copyright-content-area .footer-contact ul li a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  font-size: 28px;
  line-height: 1;
}
.copyright-content-area .footer-contact ul li a span i {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .footer-contact {
    width: 100%;
  }
}
.copyright-content-area .social-links.style-2 ul li a {
  width: 32px;
  height: 32px;
  font-size: 16px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .social-links ul {
    justify-content: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .social-links {
    width: 100%;
  }
}
.copyright-content-area .copyright-text p {
  margin: 0;
}
.copyright-content-area .copyright-text a {
  color: var(--tj-color-text-body);
}
.copyright-content-area .copyright-text a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .copyright-text {
    width: 100%;
    text-align: center;
  }
}
.copyright-content-area .copyright-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copyright-content-area .copyright-menu ul li {
  position: relative;
  margin-right: 10px;
  padding-right: 14px;
  z-index: 1;
}
.copyright-content-area .copyright-menu ul li::before {
  content: "";
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.copyright-content-area .copyright-menu ul li a {
  font-size: 16px;
  color: var(--tj-color-text-body);
}
.copyright-content-area .copyright-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.copyright-content-area .copyright-menu ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.copyright-content-area .copyright-menu ul li:last-child::before {
  display: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .copyright-menu {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area {
    gap: 14px;
  }
}

.footer-top-shape {
  max-width: 1356px;
  width: 100%;
  height: 70px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  background-color: var(--tj-color-theme-dark);
  border-radius: 0 0 24px 24px;
  position: relative;
}
.footer-top-shape::before, .footer-top-shape::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -50px;
  width: 50px;
  height: 24px;
  box-shadow: 24px 0 0 0 var(--tj-color-theme-dark);
  border-radius: 0 24px 0 0;
  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: 575px) {
  .footer-top-shape::before, .footer-top-shape::after {
    border-radius: 0 16px 0 0;
  }
}
.footer-top-shape::after {
  left: auto;
  right: -50px;
  transform: scaleX(-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-top-shape {
    max-width: 1296px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-top-shape {
    max-width: 1120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-top-shape {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top-shape {
    max-width: 670px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-top-shape {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-top-shape {
    border-radius: 0 0 16px 16px;
  }
}

.tj-copyright-area .copyright-wrap {
  max-width: 1356px;
  width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
  background-color: var(--tj-color-theme-dark);
  border-radius: 24px 24px 0 0;
  padding: 0 10px;
  position: relative;
}
.tj-copyright-area .copyright-wrap::after, .tj-copyright-area .copyright-wrap::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -24px;
  width: 24px;
  height: 50px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 24px 0;
  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: 575px) {
  .tj-copyright-area .copyright-wrap::after, .tj-copyright-area .copyright-wrap::before {
    border-radius: 0 0 16px 0;
  }
}
.tj-copyright-area .copyright-wrap::after {
  left: auto;
  right: -24px;
  border-radius: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area .copyright-wrap::after {
    border-radius: 0 0 0 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 1296px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 1120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 670px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area .copyright-wrap {
    border-radius: 16px 16px 0 0;
    padding: 0 5px;
  }
}

.tj-footer-section.footer-2 {
  background-image: linear-gradient(var(--tj-color-theme-primary) 0%, var(--tj-color-theme-bg) 100%);
  padding-top: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-2 {
    padding-top: 60px;
  }
}

.footer-top-area {
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-top-area {
    padding-bottom: 50px;
  }
}

.widget-subscribe-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.widget-subscribe-2 .title {
  max-width: 610px;
  width: 100%;
  color: var(--tj-color-common-white);
  font-size: 76px;
  line-height: 1.053;
  margin-bottom: 0;
}
.widget-subscribe-2 .title img {
  max-width: 76px;
  margin-top: -15px;
  animation: bellshake 1.5s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-subscribe-2 .title img {
    max-width: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 .title img {
    max-width: 40px;
    margin-top: -10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-subscribe-2 .title {
    max-width: 560px;
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-subscribe-2 .title {
    max-width: 500px;
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-subscribe-2 .title {
    max-width: 335px;
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 .title {
    max-width: 330px;
    font-size: 40px;
  }
}
.widget-subscribe-2 .subscribe-form {
  max-width: 484px;
  margin-top: 0;
}
.widget-subscribe-2 .subscribe-form input[type=email] {
  height: 60px;
  color: var(--tj-color-text-body);
  background-color: var(--tj-color-common-white);
  border-radius: 10px;
  padding: 15px 150px 15px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 .subscribe-form input[type=email] {
    padding: 15px 130px 15px 15px;
  }
}
.widget-subscribe-2 .subscribe-form input[type=email]:focus {
  box-shadow: 0 0 0 1px var(--tj-color-theme-dark);
}
.widget-subscribe-2 .subscribe-form button {
  width: 140px;
  height: 60px;
  padding-right: 10px;
}
.widget-subscribe-2 .subscribe-form button::before {
  opacity: 0.15;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 .subscribe-form button {
    width: 125px;
    padding-right: 5px;
  }
}
.widget-subscribe-2 .subscribe-form input[type=checkbox] {
  border: 1px solid var(--tj-color-common-white);
}
.widget-subscribe-2 .subscribe-form input[type=checkbox]::before {
  color: var(--tj-color-common-white);
}
.widget-subscribe-2 .subscribe-form input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-dark);
  border-color: var(--tj-color-theme-dark);
}
.widget-subscribe-2 .subscribe-form label {
  color: var(--tj-color-common-white);
  margin-top: 15px;
}
.widget-subscribe-2 .subscribe-form label a {
  color: var(--tj-color-common-white);
}
.widget-subscribe-2 .subscribe-form label a:hover {
  color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-subscribe-2 .subscribe-form {
    max-width: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-subscribe-2 .subscribe-form {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-subscribe-2 .subscribe-form {
    max-width: 340px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 .subscribe-form {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe-2 {
    gap: 20px;
  }
}

.widget-contact {
  padding-inline-start: 65px;
}
.widget-contact .title {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-contact {
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-contact {
    margin-top: 30px;
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-contact {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}

.footer-contact-info {
  max-width: 240px;
  width: 100%;
}
.footer-contact-info .contact-item {
  margin-bottom: 14px;
}
.footer-contact-info .contact-item:last-child {
  margin-bottom: 0;
}
.footer-contact-info .contact-item span {
  color: var(--tj-color-text-body);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.footer-contact-info .contact-item span i {
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  line-height: 1;
}
.footer-contact-info .contact-item a {
  background-color: var(--tj-color-theme-bg);
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 12px;
  border-radius: 6px;
}
.footer-contact-info .contact-item a:last-child {
  margin-bottom: 0;
}
.footer-contact-info .contact-item a:hover {
  background-color: var(--tj-color-theme-primary);
}

.footer-cta {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.footer-cta .sec-heading {
  margin-bottom: 30px;
}
.footer-cta .sec-heading .sec-title {
  font-size: 76px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-cta .sec-heading .sec-title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta .sec-heading .sec-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-cta .sec-heading .sec-title {
    font-size: 44px;
  }
  .footer-cta .sec-heading .sec-title img {
    max-width: 50px;
    width: 100%;
  }
}
.footer-cta .circle-text-wrap {
  background-color: var(--tj-color-theme-primary);
  margin: 0 auto;
}
.footer-cta .cta-bg {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.footer-cta .cta-bg::before {
  content: "";
  position: absolute;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.4;
  z-index: -1;
  backdrop-filter: blur(50px);
}
.footer-cta .cta-bg img {
  opacity: 0.5;
  mix-blend-mode: soft-light;
  max-width: 798px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.tj-footer-section.footer-4 {
  background-color: var(--tj-color-theme-bg);
  padding-top: 60px;
}
.tj-footer-section.footer-4 .footer-top-area {
  width: calc(100% - 120px);
  margin: 0 auto;
  background-color: var(--tj-color-theme-dark);
  border-radius: 24px;
  padding: 63px 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-footer-section.footer-4 .footer-top-area {
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-footer-section.footer-4 .footer-top-area {
    width: calc(100% - 40px);
    padding: 50px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section.footer-4 .footer-top-area {
    width: calc(100% - 24px);
    padding: 30px 0;
  }
}
.tj-footer-section.footer-4 .footer-logo {
  margin-bottom: 44px;
}
.tj-footer-section.footer-4 .subscribe-inner {
  max-width: 330px;
  width: 100%;
}
.tj-footer-section.footer-4 .subscribe-inner .title {
  margin-bottom: 22px;
}
.tj-footer-section.footer-4 .footer-contact-info .contact-item a {
  background-color: var(--tj-color-theme-dark);
}
.tj-footer-section.footer-4 .footer-contact-info .contact-item a:hover {
  background-color: var(--tj-color-theme-primary);
}

.footer-cta-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.footer-cta-2 .title {
  max-width: 945px;
  width: 100%;
  font-size: 76px;
  line-height: 1.053;
  margin-bottom: 0;
}
.footer-cta-2 .title span {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-cta-2 .title {
    max-width: 860px;
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta-2 .title {
    max-width: 690px;
    font-size: 56px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-cta-2 .title {
    font-size: 40px;
  }
}
.footer-cta-2 .circle-text-wrap {
  width: 130px;
  height: 130px;
}
.footer-cta-2 .circle-icon {
  font-size: 21px;
}
.footer-cta-2 .circle-icon span {
  width: 60px;
  height: 60px;
  background-color: var(--tj-color-theme-primary);
  transform: rotate(-45deg);
  overflow: hidden;
  text-shadow: -45px 0 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-cta-2 .circle-icon span {
    width: 50px;
    height: 50px;
  }
}
.footer-cta-2 .circle-icon:hover i {
  transform: translateX(45px) scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-cta-2 {
    justify-content: center;
    text-align: center;
  }
}

.tj-copyright-area-3 {
  border-top: 1px solid var(--tj-color-border-1);
}
.tj-copyright-area-3 .copyright-content-area {
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area-3 .copyright-content-area {
    padding: 25px 0;
  }
}

/* !END: Theme Footer CSS */
/* START: Search CSS */
.search_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--tj-color-theme-bg);
  border-radius: 0 0 24px 24px;
  z-index: 100;
  padding-top: 120px;
  padding-bottom: 130px;
  opacity: 0;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
  z-index: 9999;
}
.search_popup .search_close {
  position: absolute;
  top: 36px;
  right: 36px;
}
.search_popup .search_close .search_close_btn {
  font-size: 24px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.search_popup .search_close .search_close_btn svg {
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.search_popup .search_close .search_close_btn svg path {
  fill: var(--tj-color-common-white);
}
.search_popup .search_close .search_close_btn svg:hover {
  transform: rotate(90deg);
}
.search_popup .search_close .search_close_btn svg:hover path {
  fill: var(--tj-color-theme-primary);
}
.search_popup.search-opened {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search_popup.search-opened .search_form .search_input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search_popup.search-opened .search_form .search_input::after {
  width: 100%;
  transition-delay: 0.5s;
}

.tj_search_wrapper {
  max-width: 720px;
  margin: 0 auto;
}
.tj_search_wrapper .search_form form .search_input {
  position: relative;
  z-index: 1;
}
.tj_search_wrapper .search_form form .search_input .title {
  color: var(--tj-color-common-white);
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.tj_search_wrapper .search_form form .search_input .search-box {
  position: relative;
  z-index: 1;
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search] {
  width: 100%;
  font-family: var(--tj-ff-body);
  color: var(--tj-color-common-white);
  border: 1px solid var(--tj-color-border-1);
  background: var(--tj-color-theme-dark);
  padding: 20px 75px 20px 24px;
  border-radius: 10px;
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]::placeholder {
  color: var(--tj-color-grey-2);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]:focus {
  border-color: var(--tj-color-theme-primary);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]:focus + button {
  border-color: var(--tj-color-theme-primary);
}
.tj_search_wrapper .search_form form .search_input .search-box button {
  color: var(--tj-color-theme-primary);
  font-size: 24px;
  line-height: 1;
  max-width: 62px;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid var(--tj-color-border-1);
}
.tj_search_wrapper .search_form form .search_input .search-box button i {
  display: inline-flex;
  line-height: 1;
}

.search-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  z-index: 99;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  transition: all 0.5s ease-in-out 0.3s;
}
.search-popup-overlay.opened {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 0.1s;
}

/* !END: Search CSS */
/* !START: hamburger CSS */
.hamburger-area {
  position: fixed;
  right: -490px;
  top: 15px;
  width: 450px;
  height: calc(100% - 30px);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 1s;
  z-index: 9999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  border-radius: 12px;
}
.hamburger-area::-webkit-scrollbar {
  display: none;
}
.hamburger-area.opened {
  right: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hamburger-area.opened {
    right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hamburger-area {
    top: 0;
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 575px) {
  .hamburger-area {
    width: 320px;
  }
}
.hamburger_bg {
  background-color: var(--tj-color-theme-dark);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.hamburger_bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--tj-color-theme-dark);
  opacity: 0.6;
  z-index: -1;
}
.hamburger_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 40px;
  overflow: auto;
  height: 100%;
}
.hamburger_wrapper::before {
  content: "";
  position: absolute;
  top: 3%;
  right: 3%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  opacity: 0.26;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media (max-width: 575px) {
  .hamburger_wrapper {
    padding: 40px 20px;
  }
}
.hamburger_top {
  margin-bottom: 30px;
}
.hamburger_close_btn {
  display: inline-block;
  font-size: 22px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.hamburger_close_btn svg {
  width: 22px;
  height: 22px;
  transition: all 0.4s ease-in-out;
}
.hamburger_close_btn svg path {
  fill: var(--tj-color-common-white);
}
.hamburger_close_btn:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hamburger_search {
  position: relative;
  margin-bottom: 30px;
}
.hamburger_search select,
.hamburger_search .nice-select,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.hamburger_search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 65px 0 16px;
  background: var(--tj-color-theme-bg);
  border: none;
  outline: none;
  font-size: 16px;
  font-family: var(--tj-ff-body);
  color: var(--tj-color-text-body);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
}
.hamburger_search select::placeholder,
.hamburger_search .nice-select::placeholder,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.hamburger_search input::placeholder {
  color: var(--tj-color-text-body);
}
.hamburger_search select:focus,
.hamburger_search .nice-select:focus,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.hamburger_search input:focus {
  border-color: var(--tj-color-theme-primary);
}
.hamburger_search select:focus + button,
.hamburger_search .nice-select:focus + button,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus + button,
.hamburger_search input:focus + button {
  border-color: var(--tj-color-theme-primary);
}
.hamburger_search button {
  position: absolute;
  height: 58px;
  width: 58px;
  top: 50%;
  right: 0;
  font-size: 24px;
  color: var(--tj-color-theme-primary);
  transform: translateY(-50%);
}
.hamburger_search button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 22px;
  border-left: 1px solid var(--tj-color-border-1);
  transform: translateY(-50%);
}
.hamburger_menu .mean-container .mean-bar {
  background: transparent;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.hamburger_menu .mean-container .mean-bar * {
  box-sizing: border-box;
}
.hamburger_menu .mean-nav {
  background: transparent;
  margin-top: 0;
  overflow: hidden;
}
.hamburger_menu .mean-nav > ul {
  display: block !important;
}
.hamburger_menu .mean-nav > ul > li:first-child > a {
  border-top: none;
}
.hamburger_menu .mean-nav ul li {
  position: relative;
}
.hamburger_menu .mean-nav ul li a {
  color: var(--tj-color-common-white);
  width: 100%;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.5px;
  font-family: var(--tj-ff-body);
  font-weight: var(--tj-fw-medium);
  text-transform: capitalize;
  padding: 18px 0;
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.hamburger_menu .mean-nav ul li a.mean-expand {
  padding: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 25px;
  position: absolute;
  top: 10px;
  right: 0;
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a.mean-expand:hover {
  color: var(--tj-color-common-white);
}
.hamburger_menu .mean-nav ul li a.mean-expand i {
  font-size: 8px;
}
.hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tj-color-theme-primary);
  transform: rotate(180deg);
}
.hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(180deg);
}
.hamburger_menu .mean-nav ul li .sub-menu li {
  padding-left: 25px;
  position: relative;
}
.hamburger_menu .mean-nav ul li .sub-menu li a {
  width: 100%;
  padding: 18px 0;
}
.hamburger_menu .mean-nav ul li .sub-menu li a.mean-expand {
  padding: 0;
  width: 30px;
}
.hamburger_menu .mean-nav ul li.dropdown-opened > a {
  color: var(--tj-color-theme-primary);
}
.hamburger-socials .social-links.style-2 a {
  background-color: var(--tj-color-theme-bg);
}

.tj-offcanvas-area {
  position: fixed;
  right: -490px;
  top: 15px;
  width: 470px;
  height: calc(100% - 30px);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.5s;
  z-index: 9999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-radius: 12px;
}
.tj-offcanvas-area::-webkit-scrollbar {
  display: none;
}
.tj-offcanvas-area.opened {
  right: 15px;
}

.offcanvas-text {
  margin-bottom: 40px;
}
.offcanvas-text p {
  color: var(--tj-color-text-body);
  margin-bottom: 0;
}

.hamburger-search-area {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hamburger-search-area {
    margin-bottom: 30px;
  }
}

.hamburger-title {
  color: var(--tj-color-common-white);
  font-size: 22px;
  line-height: 1;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}

.hamburger-infos {
  margin-bottom: 45px;
}
.hamburger-infos .contact-info .contact-item {
  padding: 15px 0 10px 0;
}
.hamburger-infos .contact-info .contact-item:first-child {
  padding-top: 0;
}

.hamburger_logo .mobile_logo {
  display: inline-block;
  max-width: 136px;
  width: 100%;
}

.menu-bar button {
  height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transform-origin: center center;
  transform: rotate(0deg);
  cursor: pointer;
  transition: transform 300ms ease;
}
.menu-bar button span {
  height: 3px;
  width: 35px;
  display: block;
  background: var(--tj-color-common-white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin-left: auto;
}
.menu-bar button span:nth-child(2) {
  width: 40px;
  transition-delay: 200ms;
}
.menu-bar button span:nth-child(3) {
  width: 30px;
}
.menu-bar button span:nth-child(4) {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3px;
  height: 0;
  transition: height 400ms;
}
.menu-bar.style-2 button span {
  background: var(--tj-color-heading-primary);
}
.menu-bar.menu-bar-toggeled button {
  transform: rotate(45deg);
  transition-delay: 400ms;
}
.menu-bar.menu-bar-toggeled button span:nth-child(1) {
  width: 0;
}
.menu-bar.menu-bar-toggeled button span:nth-child(3) {
  width: 0;
}
.menu-bar.menu-bar-toggeled button span:nth-child(4) {
  height: 40px;
  transition: height 200ms ease;
  transition-delay: 200ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .menu-bar {
    margin-left: 0;
  }
}

.body-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  backdrop-filter: blur(10px);
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

/* !END: hamburger CSS */
/**----------------------------------------
START: Preloader CSS
----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: var(--tj-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-container,
.loading {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%;
}

.loading-container {
  margin: 40px auto;
}

.loading {
  border: 1px solid transparent;
  border-color: transparent var(--tj-color-common-white) transparent var(--tj-color-common-white);
  animation: rotate-loading 1.5s linear 0s infinite normal;
  transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
  transition: all 0.5s ease-in-out;
}

#loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 66px;
  transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* !END: Preloader CSS */
/**----------------------------------------
START: Back to top CSS
----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 60px;
  bottom: 0;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .back-to-top-wrapper {
    right: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-wrapper {
    right: 15px;
  }
}
.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 60px;
}
.back-to-top-btn-show:hover {
  transform: translateY(-6px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .back-to-top-btn-show {
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .back-to-top-btn-show {
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .back-to-top-btn-show {
    bottom: 25px;
  }
}
.back-to-top-btn {
  color: var(--tj-color-heading-primary);
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  display: flex;
  align-items: center;
  gap: 12px;
}
.back-to-top-btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  font-size: 36px;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
}
.back-to-top-btn span i {
  animation: bounceTwice 3s linear infinite;
}

/* !END: Back to top CSS */
/**----------------------------------------
START: Error 404 CSS
----------------------------------------*/
.tj-error-section {
  padding: 150px 0 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-error-section {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-error-section {
    padding: 70px 0;
  }
}
.tj-error-content {
  position: relative;
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.tj-error-content .error-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  margin-bottom: 45px;
}
@media (max-width: 575px) {
  .tj-error-content .error-img {
    padding: 0 20px;
    margin-bottom: 30px;
  }
}
.tj-error-content .error-title {
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-error-content .error-title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .tj-error-content .error-title {
    font-size: 40px;
  }
}
.tj-error-content .error-desc {
  max-width: 600px;
  margin: 20px auto 0;
}
.tj-error-content .error-btn {
  margin-top: 35px;
}
@media (max-width: 575px) {
  .tj-error-content .error-btn {
    margin-top: 25px;
  }
}

/* !END: Error 404 CSS */
/**----------------------------------------
START: Heading CSS
----------------------------------------*/
.sec-heading {
  margin-inline-start: auto;
  margin-inline-end: auto;
  width: 100%;
  margin-bottom: 52px;
}
.sec-heading-centered {
  max-width: 550px;
  text-align: center;
}
.sec-heading-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.sec-heading-inner .sec-title {
  max-width: 560px;
}
.sec-heading.big-heading {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.sec-heading.big-heading .sec-title {
  font-size: 106px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-heading.big-heading .sec-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-heading.big-heading .sec-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-heading.big-heading .sec-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading.big-heading .sec-title {
    font-size: 46px;
  }
}
.sec-heading.big-heading .sec-title span {
  display: inline-flex;
  line-height: 1;
  margin: 0 10px;
}
.sec-heading.big-heading .sec-title span img {
  max-width: 150px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-heading.big-heading .sec-title span img {
    max-width: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-heading.big-heading .sec-title span img {
    max-width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-heading.big-heading .sec-title span img {
    max-width: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading.big-heading .sec-title span img {
    max-width: 70px;
  }
}
.sec-heading .sec-title {
  margin-bottom: 0;
}
.sec-heading .sec-title span {
  color: var(--tj-color-theme-primary);
}
.sec-heading .sec-title span img {
  max-width: 140px;
}
@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) {
  .sec-heading .sec-title span img {
    max-width: 112px;
  }
}
@media (max-width: 575px) {
  .sec-heading .sec-title span img {
    max-width: 90px;
  }
}
.sec-heading .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-text-body);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 20px;
}
.sec-heading .sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading .sub-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading .sub-title {
    font-size: 13px;
  }
}
.sec-heading.style-2 .sub-title {
  position: relative;
}
.sec-heading.style-2 .sub-title::before {
  content: "[";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-right: 2px;
}
.sec-heading.style-2 .sub-title::after {
  content: "]";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-left: 2px;
}
.sec-heading.style-3 .sub-title {
  padding: 7px 8px;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 6px;
  gap: 6px;
}
.sec-heading.style-3 .sub-title i {
  font-size: 14px;
}
.sec-heading.style-6 .sub-title, .sec-heading.style-4 .sub-title {
  padding: 7px 8px;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-bg);
  border-radius: 6px;
  gap: 6px;
}
.sec-heading.style-6 .sub-title i, .sec-heading.style-4 .sub-title i {
  font-size: 14px;
}
.sec-heading.style-5 .sub-title {
  position: relative;
}
.sec-heading.style-5 .sub-title::before {
  content: "{";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-right: 2px;
}
.sec-heading.style-5 .sub-title::after {
  content: "}";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-left: 2px;
}
.sec-heading.style-6 .sub-title {
  color: var(--tj-color-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading {
    margin-bottom: 35px;
  }
}

.heading-wrap-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 50px;
}
.heading-wrap-content .sec-heading {
  max-width: 500px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-bottom: 0;
}
.heading-wrap-content .desc {
  max-width: 360px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .heading-wrap-content .desc {
    max-width: 100%;
  }
}
.heading-wrap-content .btn-wrap {
  max-width: 220px;
}
@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: 575px) {
  .heading-wrap-content {
    margin-bottom: 35px;
  }
}

.sec-heading-wrap .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-text-body);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 20px;
}
.sec-heading-wrap .sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading-wrap .sub-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sec-heading-wrap .sub-title {
    font-size: 13px;
  }
}
.sec-heading-wrap.style-2 .sub-title {
  position: relative;
}
.sec-heading-wrap.style-2 .sub-title::before {
  content: "[";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-right: 2px;
}
.sec-heading-wrap.style-2 .sub-title::after {
  content: "]";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-left: 2px;
}

.content-wrap .sec-heading {
  max-width: 550px;
  margin: 0 0 15px 0;
}
.content-wrap .tj-secondary-btn,
.content-wrap .tj-primary-btn {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-wrap .tj-secondary-btn,
  .content-wrap .tj-primary-btn {
    margin-top: 5px;
  }
}
.content-wrap .desc {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-wrap .desc br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .content-wrap {
    max-width: 100%;
    margin-bottom: 35px;
  }
}

/* !END: Heading CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.tj-banner-section {
  position: relative;
  padding-top: 144px;
  overflow: hidden;
  padding-left: 60px;
  padding-right: 60px;
}
.tj-banner-section::after, .tj-banner-section::before {
  content: "";
  position: absolute;
  top: 8%;
  left: -15%;
  width: 580px;
  height: 600px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(95px);
  filter: blur(95px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section::after, .tj-banner-section::before {
    width: 470px;
    height: 490px;
    top: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section::after, .tj-banner-section::before {
    width: 330px;
    height: 350px;
    top: 10%;
  }
}
.tj-banner-section::after {
  left: auto;
  right: -15%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section::after {
    top: 50%;
  }
}
@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) {
  .tj-banner-section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section {
    padding-top: 80px;
  }
}

.banner-content-area {
  max-width: 1435px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 84px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-content-area {
    flex-direction: column;
    padding: 70px 0;
  }
}

.banner-col {
  width: 45%;
}
.banner-col:first-child {
  width: 55%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-col {
    width: 100%;
  }
  .banner-col:first-child {
    width: 100%;
  }
}

.banner-content {
  max-width: 740px;
  width: 100%;
  margin-top: 17px;
}
.banner-content .banner-title {
  color: var(--tj-color-common-white);
  line-height: 1.053;
  margin-bottom: 15px;
}
.banner-content .banner-title span {
  display: inline-flex;
  position: relative;
  top: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content .banner-title span {
    top: 7px;
  }
}
.banner-content .banner-title img {
  max-width: 163px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-content .banner-title img {
    max-width: 156px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content .banner-title img {
    max-width: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-content .banner-title img {
    max-width: 115px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-content .banner-title {
    font-size: 68px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-content .banner-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content .banner-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content .banner-title {
    font-size: 50px;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-content .banner-title {
    font-size: 43px;
    line-height: 1.15;
  }
}
@media (max-width: 400px) {
  .banner-content .banner-title {
    font-size: 40px;
    line-height: 1.15;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-content {
    max-width: 570px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-content {
    max-width: 720px;
    margin: 0;
  }
}

.banner-img-area-1 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  padding: 20px;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-img-area-1 .banner-img {
    height: 385px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area-1 .banner-img {
    height: 285px;
    border-radius: 20px;
  }
}
.banner-img-area-1 .collab-text {
  position: absolute;
  max-width: 277px;
  width: 100%;
  top: 50px;
  left: 50px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 10px;
  padding: 20px;
  color: var(--tj-color-common-white);
  display: flex;
  align-items: center;
  gap: 8px;
}
.banner-img-area-1 .collab-text span {
  color: var(--tj-color-common-white);
  font-size: 50px;
  display: inline-flex;
  line-height: 1;
}
.banner-img-area-1 .collab-text .desc {
  font-size: 18px;
  color: var(--tj-color-common-white);
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area-1 .collab-text {
    max-width: 260px;
    top: 30px;
    left: 30px;
    padding: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area-1 {
    border-radius: 20px;
    padding: 15px;
  }
}

.banner-scroll {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  z-index: 1;
}
.banner-scroll::before {
  content: "";
  position: absolute;
  bottom: -350px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.17;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-scroll::before {
    width: 560px;
    height: 560px;
  }
}
.banner-scroll::after {
  content: "";
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translateX(-50%);
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-common-white);
  opacity: 0.15;
  z-index: -1;
}
.banner-scroll .scroll-down {
  color: var(--tj-color-common-white);
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  -webkit-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
  display: flex;
  align-items: center;
  gap: 8px;
  animation: jumping 2.5s linear infinite;
}
.banner-scroll .scroll-down span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transform: rotate(90deg);
}
.banner-scroll .scroll-down:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-scroll {
    display: none;
  }
}

.banner-highlight {
  max-width: 377px;
  width: 100%;
  margin-inline-start: auto;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-highlight {
    margin-inline-start: 0;
    margin-top: 30px;
  }
}

.banner-video {
  width: calc(100% - 60px);
  height: 220px;
  background-color: var(--tj-color-theme-bg);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 20px 20px 0 20px;
  position: relative;
}
.banner-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.banner-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.banner-video .video-btn {
  background-color: transparent;
  border: 1px solid var(--tj-color-common-white);
  backdrop-filter: none;
  margin-top: 10px;
}
.banner-video::after {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  right: -12px;
  height: 25px;
  width: 12px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-bottom-left-radius: 12px;
}

.heighlight-content {
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  border-top-left-radius: 0;
  padding: 20px;
}
.heighlight-content h6 {
  font-size: 16px;
  color: var(--tj-color-text-body);
}
.heighlight-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-bottom: 15px;
}
.heighlight-inner::before {
  content: "";
  position: absolute;
  background-color: var(--tj-color-border-1);
  bottom: -4px;
  left: 41%;
  height: 60px;
  width: 2px;
  transform: rotate(-30deg);
}
.heighlight-inner::after {
  content: "";
  position: absolute;
  background-color: var(--tj-color-border-1);
  bottom: -2px;
  left: 41.5%;
  height: 30px;
  width: 2px;
  transform: rotate(-30deg);
}
.heighlight-inner .countup-item {
  width: 45%;
  padding: 16px 0 0 0;
  position: relative;
}
.heighlight-inner .countup-item .inline-content {
  font-size: 48px;
  margin-bottom: 3px;
  justify-content: start;
}
.heighlight-inner .count-text {
  font-size: 14px;
  font-family: var(--tj-ff-body);
  opacity: 0.8;
}

.banner-img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img {
    border-radius: 16px;
  }
}

.tj-banner-section-2 {
  margin: 0 30px;
}
@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) {
  .tj-banner-section-2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section-2 {
    margin-left: 0;
    margin-right: 0;
  }
}

.banner-area {
  display: flex;
  flex-wrap: wrap;
}

.banner-left-box {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  padding: 0 125px 70px 0;
  width: calc(51% - 20px);
  margin-right: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.banner-left-box .banner-video-area {
  max-width: 615px;
  margin-inline-start: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-left-box .banner-video-area {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-left-box .banner-video-area {
    max-width: 370px;
    margin-inline-end: auto;
  }
}
.banner-left-box .banner-video {
  max-width: 372px;
  width: 100%;
  height: 148px;
  background-color: var(--tj-color-theme-dark);
  padding: 0 20px 20px 20px;
  border-radius: 0;
  border-radius: 0 0 20px 20px;
}
.banner-left-box .banner-video .video-btn {
  margin-top: -10px;
}
.banner-left-box .banner-video::after, .banner-left-box .banner-video::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -50px;
  width: 50px;
  height: 24px;
  box-shadow: 24px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 24px;
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-left-box .banner-video::after, .banner-left-box .banner-video::before {
    border-radius: 0 15px 0 0;
  }
}
.banner-left-box .banner-video::after {
  left: auto;
  right: -50px;
  transform: scaleX(-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-left-box .banner-video {
    max-width: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-left-box .banner-video {
    max-width: 320px;
    height: 120px;
    margin: 0 auto;
    padding: 0 15px 15px 15px;
    border-radius: 0 0 15px 15px;
  }
}
@media (max-width: 575px) {
  .banner-left-box .banner-video {
    max-width: 250px;
  }
}
.banner-left-box .banner-content {
  max-width: 625px;
  margin-top: 65px;
  padding-top: 25px;
  margin-inline-start: auto;
  padding-inline-start: 27px;
}
.banner-left-box .banner-content .sub-title {
  display: inline-flex;
  align-items: center;
  color: var(--tj-color-grey-1);
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  letter-spacing: -0.03em;
  padding-left: 10px;
  margin-bottom: 25px;
}
.banner-left-box .banner-content .sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 46px;
  margin: -50px 0 0 -40px;
  animation: zoomEffect 3s infinite linear;
}
@media (max-width: 575px) {
  .banner-left-box .banner-content .sub-title i {
    font-size: 40px;
    margin: -40px 0 0 -20px;
  }
}
@media (max-width: 575px) {
  .banner-left-box .banner-content .sub-title {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-left-box .banner-content {
    max-width: 560px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-left-box .banner-content {
    max-width: 420px;
    margin-top: 50px;
    margin-inline-end: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-left-box .banner-content {
    max-width: 400px;
  }
}
@media (max-width: 575px) {
  .banner-left-box .banner-content {
    padding-inline-start: 0;
  }
}
.banner-left-box .banner-title {
  margin-bottom: 30px;
}
.banner-left-box .banner-btn-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.banner-left-box .banner-shape {
  max-width: 345px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-left-box .banner-shape {
    max-width: 240px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-left-box .banner-shape {
    max-width: 200px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .banner-left-box {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-left-box {
    width: calc(53% - 20px);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-left-box {
    padding-left: 50px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-left-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 0 15px 70px;
    border-radius: 16px;
  }
}

.banner-right-box {
  width: 49%;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-right-box {
    width: 47%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-right-box {
    width: 100%;
  }
}
.banner-right-box .rating-box-area {
  background-color: var(--tj-color-theme-dark);
  max-width: 380px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 20px 0 0 20px;
  border-top-left-radius: 24px;
  z-index: 1;
}
.banner-right-box .rating-box-area::after, .banner-right-box .rating-box-area::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -50px;
  right: 0;
  width: 24px;
  height: 50px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 24px;
  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: 575px) {
  .banner-right-box .rating-box-area::after, .banner-right-box .rating-box-area::before {
    border-radius: 0 0 16px 0;
  }
}
.banner-right-box .rating-box-area::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -24px;
}
.banner-right-box .rating-box-area .rating-box {
  background-color: var(--tj-color-theme-bg);
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-right-box .rating-box-area .rating-box .title {
    font-size: 60px;
  }
  .banner-right-box .rating-box-area .rating-box::before {
    left: 130px;
  }
  .banner-right-box .rating-box-area .rating-box {
    padding: 20px 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-right-box .rating-box-area {
    max-width: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-right-box .rating-box-area {
    max-width: 325px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-right-box .rating-box-area {
    border-radius: 16px 0 0 0;
  }
}

.tj-banner-section-4 {
  padding-bottom: 80px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section-4 {
    padding-bottom: 60px;
  }
}

.h4-hero {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  margin: 30px 30px 0 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.h4-hero::before {
  content: "";
  position: absolute;
  bottom: -10%;
  left: -10%;
  width: 40%;
  height: 75%;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  opacity: 0.2;
  -webkit-filter: blur(95px);
  filter: blur(95px);
  backdrop-filter: blur(10px);
  z-index: -1;
}
.h4-hero .hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 36%;
  height: 100%;
  z-index: -2;
  mix-blend-mode: soft-light;
}
.h4-hero .hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-hero .hero-bg {
    width: 60%;
  }
}
@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) {
  .h4-hero {
    margin: 15px 15px 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-hero {
    margin: 0;
  }
}

.h4-banner-area {
  padding: 235px 0 173px 0;
}
.h4-banner-area .banner-content {
  max-width: 760px;
  margin-top: 0;
}
.h4-banner-area .banner-content .sub-title {
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-common-white);
  font-size: 15px;
  font-weight: var(--tj-fw-sbold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  padding: 3px 6px;
  margin-bottom: 20px;
}
.h4-banner-area .banner-content .sub-title i {
  color: var(--tj-color-theme-primary);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
}
.h4-banner-area .banner-content .banner-title {
  font-size: 96px;
  line-height: 1;
  margin-bottom: 0;
}
.h4-banner-area .banner-content .banner-title span {
  top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-banner-area .banner-content .banner-title span {
    top: 5px;
  }
}
.h4-banner-area .banner-content .banner-title img {
  max-width: 342px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-banner-area .banner-content .banner-title img {
    max-width: 290px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-banner-area .banner-content .banner-title img {
    max-width: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-banner-area .banner-content .banner-title img {
    max-width: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-banner-area .banner-content .banner-title img {
    max-width: 165px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h4-banner-area .banner-content .banner-title {
    font-size: 92px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-banner-area .banner-content .banner-title {
    font-size: 76px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-banner-area .banner-content .banner-title {
    font-size: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-banner-area .banner-content .banner-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-banner-area .banner-content .banner-title {
    font-size: 45px;
    line-height: 1.15;
  }
}
.h4-banner-area .banner-content .banner-btn-area {
  margin-top: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-banner-area .banner-content {
    max-width: 660px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-banner-area .banner-content {
    max-width: 560px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-banner-area .banner-content {
    max-width: 410px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-banner-area .banner-content {
    max-width: 500px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-banner-area {
    padding: 180px 0 150px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-banner-area {
    padding: 180px 0 150px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-banner-area {
    padding: 150px 0 110px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-banner-area {
    padding: 140px 0 60px 0;
  }
}

.h4-slider-area {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 680px;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 18px;
  padding: 0 19px;
  z-index: -1;
}
.h4-slider-area::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(24, 19, 59) 0%, rgba(24, 19, 59, 0.4) 15%, rgba(24, 19, 59, 0) 50%, rgba(24, 19, 59, 0.4) 85%, rgb(24, 19, 59) 100%);
  z-index: 2;
  pointer-events: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h4-slider-area {
    max-width: 575px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-slider-area {
    max-width: 495px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-slider-area {
    max-width: 380px;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-slider-area {
    max-width: 350px;
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-slider-area {
    position: relative;
    max-width: 100%;
    height: 350px;
    padding: 0 15px;
  }
}

.h4-hero-slider {
  height: 100%;
}
.h4-hero-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.h4-hero-slider .swiper-slide {
  height: auto;
}

.h4-hero-item {
  width: 312px;
  height: 312px;
}
.h4-hero-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h4-hero-item {
    width: 260px;
    height: 260px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h4-hero-item {
    width: 230px;
    height: 230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h4-hero-item {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4-hero-item {
    width: 160px;
    height: 160px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-hero-item {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .h4-hero-item {
    height: 200px;
  }
}

.h4-hero-text-circle {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 180px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-hero-text-circle {
    width: 150px;
    height: 150px;
  }
}
.h4-hero-text-circle::after, .h4-hero-text-circle::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 80px;
  left: -16px;
  width: 16px;
  height: 32px;
  box-shadow: 0 16px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 16px 0;
  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: 575px) {
  .h4-hero-text-circle::after, .h4-hero-text-circle::before {
    bottom: 60px;
  }
}
.h4-hero-text-circle::after {
  left: auto;
  right: -16px;
  border-radius: 0 0 0 16px;
}
.h4-hero-text-circle .circle-text-wrap {
  width: 126px;
  height: 126px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h4-hero-text-circle .circle-text-wrap .circle-text {
    width: 115px;
    height: 115px;
  }
}
.h4-hero-text-circle .circle-text-wrap .circle-icon span {
  width: 42px;
  height: 42px;
  font-size: 21px;
  background-color: var(--tj-color-theme-primary);
  text-shadow: 0 -30px 0;
  overflow: hidden;
  transform: translate(0);
}
.h4-hero-text-circle .circle-text-wrap .circle-icon:hover i {
  transform: translateY(30px);
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.tj-choose-section .sec-heading .sec-title {
  margin-bottom: 20px;
}
.tj-choose-section .sec-heading .desc {
  max-width: 430px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.tj-choose-section-2 .sec-heading {
  max-width: 1000px;
}
.tj-choose-section-2 .marquee-area {
  padding-top: 90px;
  padding-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: 575px) {
  .tj-choose-section-2 .marquee-area {
    padding-top: 60px;
  }
}

.choose-heading .sub-title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-heading .sec-title {
    line-height: 1.2;
  }
}
.choose-heading img {
  border-radius: 56px;
  height: 54px;
  position: relative;
  top: -3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-heading img {
    height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-heading img {
    height: 40px;
  }
}
@media (max-width: 575px) {
  .choose-heading img {
    height: 30px;
  }
}

.choose-box {
  border-radius: 12px;
  border-top-right-radius: 0;
  background-color: var(--tj-color-theme-bg);
  overflow: hidden;
  padding: 2px;
  position: relative;
}
.choose-box::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(to bottom, rgb(255, 0, 127), rgba(255, 0, 127, 0));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.choose-box .count-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: var(--tj-color-theme-dark);
  border-bottom-left-radius: 12px;
  color: var(--tj-color-theme-primary);
  z-index: 2;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.choose-box .count-icon::after, .choose-box .count-icon::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.choose-box .count-icon::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
.choose-box:hover::before {
  opacity: 1;
  visibility: visible;
}
.choose-box:hover .count-icon {
  border-left-color: var(--tj-color-theme-primary);
  border-bottom-color: var(--tj-color-theme-primary);
}
.choose-box:hover .count-icon::before, .choose-box:hover .count-icon::after {
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.choose-box .choose-inner {
  height: 100%;
  padding: 42px 28px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@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) {
  .choose-box .choose-inner {
    padding: 38px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box .choose-inner {
    padding: 30px 15px;
  }
}
.choose-box .choose-icon {
  color: var(--tj-color-theme-primary);
  font-size: 50px;
  line-height: 1;
  width: 72px;
  height: 72px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.choose-box .choose-icon i {
  line-height: 1;
  display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box .choose-icon {
    margin-bottom: 20px;
  }
}
.choose-box .title {
  max-width: 180px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box .title {
    max-width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.choose-box .desc {
  margin-bottom: 0;
}
.choose-box:hover .choose-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  transform: rotateY(360deg);
}
.choose-box.style-2::before {
  background: var(--tj-color-theme-primary);
  box-shadow: 0 0 15px var(--tj-color-theme-primary);
}
.choose-box.style-2:hover .desc {
  color: var(--tj-color-common-white);
}

.choose-author {
  margin-top: 25px;
}
.choose-author .title {
  line-height: 1;
  margin-bottom: 6px;
}
.choose-author .designation {
  font-size: 14px;
}

/* !END: Choose CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.tj-client-section {
  position: relative;
}
.tj-client-section .client-container {
  padding: 0;
  overflow: hidden;
}
.tj-client-section-2 {
  background-color: var(--tj-color-theme-primary);
  border-radius: 12px;
  padding: 30px 5px;
  margin-top: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-client-section-2 {
    padding: 18px 5px;
  }
}

.client-section-gap {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-section-gap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.client-section-gap-2 {
  padding: 100px 0;
  margin: 120px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-section-gap-2 {
    padding: 80px 0;
    margin: 90px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .client-section-gap-2 {
    padding: 65px 0;
    margin: 70px 0;
  }
}
@media (max-width: 575px) {
  .client-section-gap-2 {
    padding: 60px 0;
    margin: 50px 0;
  }
}

.client-content {
  max-width: 500px;
  margin: 0 auto 50px;
  padding: 15px 15px 0 15px;
  text-align: center;
}
.client-content .sec-title {
  letter-spacing: 0;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .client-content .sec-title {
    font-size: 18px;
  }
}
.client-content span {
  display: inline-flex;
}
.client-content .client-numbers {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  line-height: 1.35;
  border-radius: 50px;
  padding: 0 5px;
  position: relative;
}
.client-content .client-numbers::before {
  content: "\e922";
  font-family: "ainex-icons" !important;
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  position: absolute;
  top: -18px;
  left: -17px;
}
@media (max-width: 575px) {
  .client-content {
    margin-bottom: 40px;
  }
}

.client-slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.client-slider::before, .client-slider::after {
  content: "";
  position: absolute;
  width: 308px;
  height: 100%;
  background-image: linear-gradient(90deg, rgb(6, 1, 41) 0%, rgba(6, 1, 41, 0) 100%);
  top: 0;
  left: 0;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .client-slider::before, .client-slider::after {
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .client-slider::before, .client-slider::after {
    width: 200px;
  }
}
@media (max-width: 575px) {
  .client-slider::before, .client-slider::after {
    width: 100px;
  }
}
.client-slider::after {
  left: auto;
  right: 0;
  background-image: linear-gradient(-90deg, rgb(6, 1, 41) 0%, rgba(6, 1, 41, 0) 100%);
}
.client-slider .swiper-wrapper {
  transition-timing-function: linear;
}

.client-item {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-item {
    padding-right: 20px;
  }
}

.client-logo {
  width: 195px;
  height: 74px;
  background-color: var(--tj-color-theme-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  border-radius: 8px;
}
.client-logo img {
  opacity: 0.8;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-logo {
    width: 170px;
    height: 60px;
    padding: 20px;
  }
}

/* !END: Client CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.tj-about-section {
  padding: 60px 0;
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
}

.about-img {
  width: 100%;
  height: 100%;
  position: relative;
}
.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.about-content-area {
  max-width: 805px;
  margin-inline-start: auto;
  margin-top: 8px;
}
.about-content-area .sec-heading {
  margin-bottom: 40px;
}
.about-content-area .sec-heading .sub-title {
  margin-bottom: 30px;
}
.about-content-area .sec-heading .sec-title img {
  border-radius: 56px;
  height: 54px;
  position: relative;
  top: -3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area .sec-heading .sec-title img {
    height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-content-area .sec-heading .sec-title img {
    height: 40px;
  }
}
@media (max-width: 575px) {
  .about-content-area .sec-heading .sec-title img {
    height: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area .sec-heading .sec-title {
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area {
    margin-bottom: 40px;
  }
}
.about-content-area.style-2 {
  max-width: 645px;
  margin-top: 0;
  margin-bottom: 35px;
  padding-top: 115px;
}
.about-content-area.style-2 .sec-heading .sub-title {
  margin-bottom: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-content-area.style-2 {
    max-width: 590px;
    padding-top: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area.style-2 {
    max-width: 480px;
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area.style-2 {
    max-width: 100%;
    padding-top: 70px;
    margin-bottom: 50px;
  }
}
.about-content-area.style-3 {
  margin-top: 0;
}
.about-content-area.style-3 .sec-heading {
  margin-bottom: 25px;
}
.about-content-area.style-3 .about-img {
  max-width: 492px;
  margin-inline-start: auto;
}

.about-bottom-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 88px;
  position: relative;
}
.about-bottom-area .list-style-1 {
  max-width: 200px;
}
@media (max-width: 575px) {
  .about-bottom-area {
    justify-content: space-between;
    gap: 30px;
  }
}
.about-bottom-area-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-bottom-area-2 {
    gap: 20px;
  }
}
.about-bottom-area-3 {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
  padding: 35px 0;
  position: relative;
}
.about-bottom-area-3 .experience-wrap {
  width: 39%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-bottom-area-3 .experience-wrap {
    width: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-bottom-area-3 .experience-wrap {
    width: 100%;
    display: flex;
    align-items: end;
  }
}
.about-bottom-area-3 .about-content {
  width: 100%;
}
.about-bottom-area-3 .about-content .desc {
  margin-bottom: 20px;
}
.about-bottom-area-3 .about-content .tj-primary-btn {
  margin-top: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-bottom-area-3 .about-content {
    max-width: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-bottom-area-3 .about-content {
    max-width: 100%;
    padding: 30px 0 0 0;
    border-top: 1px solid var(--tj-color-border-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-bottom-area-3 {
    flex-direction: column;
    gap: 35px;
  }
}

.list-style-1 {
  list-style: none;
}
.list-style-1 li {
  position: relative;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  padding-left: 22px;
  margin-bottom: 5px;
}
.list-style-1 li:last-child {
  margin-bottom: 0;
}
.list-style-1 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--tj-color-theme-primary);
}
.list-style-1 li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
}

.about-btn {
  width: 162px;
  height: 162px;
  border-radius: 50%;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-sbold);
  background-color: var(--tj-color-theme-primary);
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.3s;
}
.about-btn .text-wrap {
  display: inline-flex;
}
.about-btn .btn-text {
  color: var(--tj-color-common-white);
  max-width: 87px;
}
.about-btn .btn-icon {
  color: var(--tj-color-common-white);
  font-size: 22px;
  overflow: hidden;
}
.about-btn .btn-icon span {
  display: inline-flex;
  line-height: 1;
  transform: rotate(-45deg) translateX(0);
  text-shadow: -25px 0 0;
}
.about-btn .btn-icon span i {
  display: inline-flex;
  line-height: 1;
}
.about-btn img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
  mix-blend-mode: luminosity;
}
.about-btn:hover .btn-icon span {
  transform: rotate(-45deg) translateX(25px);
}

.video-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.video-btn .video-icon {
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 15px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.video-btn .video-icon i {
  margin-left: 2px;
}
.video-btn .video-text {
  color: var(--tj-color-text-body);
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.03em;
}
.video-btn:hover {
  color: var(--tj-color-common-white);
}

.about-wrapper {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-wrapper {
    border-radius: 16px;
  }
}

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

.about-img-area {
  width: 47.5%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px 20px 0;
  background-color: var(--tj-color-theme-dark);
  border-radius: 0 0 24px 0;
}
.about-img-area::after, .about-img-area::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  right: -50px;
  width: 50px;
  height: 24px;
  box-shadow: 24px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 24px;
  z-index: -1;
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area::after, .about-img-area::before {
    border-radius: 0 16px 0 0;
  }
}
.about-img-area::after {
  top: auto;
  right: auto;
  bottom: -24px;
  left: 0;
}
.about-img-area .about-img img {
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area .about-img img {
    border-radius: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-img-area {
    width: 45.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area {
    position: relative;
    width: 90%;
    padding: 20px 20px 20px 0;
    border-radius: 0 16px 16px 0;
  }
  .about-img-area::before {
    top: -24px;
    left: 0;
    border-top-right-radius: 24px;
    transform: scale(-1);
  }
}

.company-logo {
  width: 195px;
  height: 195px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.company-logo img {
  max-width: 100px;
  width: 100%;
}
@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) {
  .company-logo img {
    max-width: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .company-logo img {
    max-width: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .company-logo {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .company-logo {
    width: 160px;
    height: 160px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .company-logo {
    width: 140px;
    height: 140px;
  }
}

.mission-vision-wrap {
  flex: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mission-vision-wrap {
    flex-basis: 100%;
  }
}
.mission-vision-box {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  padding: 24px 30px;
  margin-bottom: 20px;
}
.mission-vision-box:last-child {
  margin-bottom: 0;
}
.mission-vision-box .title {
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mission-vision-box .title {
    margin-bottom: 15px;
  }
}
.mission-vision-box .desc:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mission-vision-box {
    padding: 24px 20px;
  }
}

.about-content-area-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 85px;
}
.about-content-area-2 .about-content {
  max-width: 550px;
  margin-left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-area-2 .about-content {
    max-width: 440px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-area-2 .about-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area-2 .about-content {
    width: calc(100% - 130px);
    margin-left: 0;
  }
}
.about-content-area-2 .sec-heading {
  margin-bottom: 27px;
}
.about-content-area-2 .video-img {
  max-width: 120px;
}
.about-content-area-2 .video-img::before {
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area-2 .video-img {
    max-width: 100px;
  }
}
.about-content-area-2 .video-btn:hover {
  transform: translate(-50%, -50%) scale(0.9);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area-2 {
    gap: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area-2 {
    gap: 20px;
  }
}

.experience-year {
  color: var(--tj-color-theme-primary);
  font-size: 254px;
  line-height: 0.8;
  letter-spacing: -0.03em;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-regular);
  margin-bottom: 25px;
}
.experience-year sup {
  font-size: 0.189em;
  vertical-align: top;
  top: 0.35em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .experience-year {
    font-size: 230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .experience-year {
    font-size: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .experience-year {
    font-size: 170px;
    margin-bottom: 0;
  }
}
.experience-text {
  max-width: 160px;
  width: 100%;
  font-size: 16px;
  line-height: 1.375;
  color: var(--tj-color-text-body);
  margin-bottom: 0;
}

.about-img-area-2 {
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img-area-2 {
    height: 450px;
  }
}
.about-img-area-2 .about-img {
  max-width: 492px;
  margin-inline-start: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-img-area-2 .about-img {
    max-width: 100%;
  }
}
.about-img-area-2 .video-wrap {
  background-color: var(--tj-color-theme-dark);
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px 0 0 16px;
  border-radius: 12px 0 0 0;
  z-index: 1;
}
.about-img-area-2 .video-wrap::before, .about-img-area-2 .video-wrap::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
  pointer-events: none;
}
.about-img-area-2 .video-wrap::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.about-img-area-2 .video-btn {
  background-color: var(--tj-color-theme-bg);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 15px;
}
.about-img-area-2 .video-btn .video-icon {
  animation: pulse3 2s 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: 575px) {
  .about-img-area-2 .video-btn .video-icon {
    width: 50px;
    height: 50px;
  }
}
.about-img-area-2 .video-btn .video-text {
  height: 105px;
  -webkit-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img-area-2 .video-btn .video-text {
    width: 105px;
    height: auto;
    -webkit-writing-mode: inherit;
    writing-mode: inherit;
  }
}
.about-img-area-2 .video-btn:hover .video-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img-area-2 .video-btn {
    flex-direction: row-reverse;
  }
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.tj-service-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.tj-service-section-2 {
  overflow: hidden;
}
.tj-service-section-3 .sec-heading {
  max-width: 500px;
}

@media (max-width: 575px) {
  .service-wrapper-2 {
    margin-right: -15px;
  }
}

.service-item .service-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.service-item .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.service-item .item-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  background-color: var(--tj-color-theme-dark);
  border-bottom-left-radius: 12px;
  color: var(--tj-color-grey-2);
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.service-item .item-count::before, .service-item .item-count::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.service-item .item-count::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
.service-item-wrap {
  background-color: var(--tj-color-theme-dark);
  padding: 2px;
  margin-bottom: 30px;
  border-radius: 12px;
  position: relative;
}
.service-item-wrap::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(-220deg, rgba(255, 0, 127, 0) 50%, rgb(255, 0, 127) 80%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 12px;
}
.service-item-wrap:hover::before {
  opacity: 1;
  visibility: visible;
}
.service-item-wrap:hover .service-item.style-1 .service-link {
  border-left-color: var(--tj-color-theme-primary);
  border-top-color: var(--tj-color-theme-primary);
}
.service-item-wrap:hover .service-item.style-1 .service-link::before, .service-item-wrap:hover .service-item.style-1 .service-link::after {
  border-bottom-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.service-item.style-1 {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  border-bottom-right-radius: 0;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  position: relative;
}
.service-item.style-1 .service-img {
  max-width: 306px;
  height: 255px;
  border-top-right-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-item.style-1 .service-img {
    max-width: 260px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-1 .service-img {
    max-width: 100%;
    height: 280px;
  }
}
.service-item.style-1 .service-content {
  flex: 1;
  padding-right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-1 .service-content {
    padding-right: 0;
  }
}
.service-item.style-1 .title {
  margin-bottom: 16px;
}
.service-item.style-1 .title a {
  display: inline-block;
}
.service-item.style-1 .title a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-1 .title {
    margin-bottom: 25px;
  }
}
.service-item.style-1 .desc {
  margin-bottom: 17px;
}
.service-item.style-1 .desc:last-child {
  margin-bottom: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-1 .desc {
    margin-bottom: 16px;
  }
}
.service-item.style-1 .service-link {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 64px;
  height: 64px;
  background-color: var(--tj-color-theme-bg);
  border-top-left-radius: 12px;
  padding: 10px;
  color: var(--tj-color-common-white);
  font-size: 30px;
  text-align: center;
  z-index: 1;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
}
.service-item.style-1 .service-link::before, .service-item.style-1 .service-link::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  pointer-events: none;
}
.service-item.style-1 .service-link::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.service-item.style-1 .service-link span {
  display: inline-flex;
  line-height: 1;
  transform: rotate(-45deg);
  overflow: hidden;
}
.service-item.style-1 .service-link i {
  display: inline-flex;
  line-height: 1;
  text-shadow: -56px 0 0 var(--tj-color-theme-primary);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.service-item.style-1 .service-link:hover i {
  transform: translateX(56px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-1 .service-link {
    width: 55px;
    height: 55px;
    font-size: 25px;
  }
}
.service-item.style-1:hover .service-img img {
  transform: scale(1.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item.style-1 {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-1 {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }
}
.service-item.style-2 {
  background-color: var(--tj-color-theme-bg);
  padding: 2px 2px 0 2px;
  border-radius: 12px;
  position: relative;
}
.service-item.style-2::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(rgb(255, 0, 127) 20%, rgba(255, 0, 127, 0) 90%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 12px;
}
.service-item.style-2:hover::before {
  opacity: 1;
  visibility: visible;
}
.service-item.style-2:hover .item-count {
  border-left-color: var(--tj-color-theme-primary);
  border-bottom-color: var(--tj-color-theme-primary);
}
.service-item.style-2:hover .item-count::before, .service-item.style-2:hover .item-count::after {
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.service-item.style-2:hover .item-count i {
  transform: rotateY(360deg);
}
.service-item.style-2 .service-inner {
  padding: 30px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-2 .service-inner {
    padding: 30px 20px;
  }
}
.service-item.style-2 .service-img {
  height: 300px;
}
@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) {
  .service-item.style-2 .service-img {
    height: 260px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-2 .service-img {
    height: 220px;
  }
}
.service-item.style-2 .title {
  padding-right: 30px;
  margin-bottom: 18px;
}
.service-item.style-2 .title a:hover {
  color: var(--tj-color-theme-primary);
}
.service-item.style-2 .desc {
  margin-bottom: 22px;
}
.service-item.style-2 .text-btn {
  position: relative;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.service-item.style-2 .text-btn::after, .service-item.style-2 .text-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -12px;
  width: 12px;
  height: 24px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
}
.service-item.style-2 .text-btn::after {
  left: auto;
  right: -12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 12px;
}
.service-item.style-2:hover .service-img img {
  transform: scale(1.1);
}
.service-item.style-2:hover .item-count {
  color: var(--tj-color-theme-primary);
}
.service-item.style-3 {
  background-color: var(--tj-color-theme-dark);
  padding: 2px 2px 0 2px;
  border-radius: 12px;
  position: relative;
}
.service-item.style-3:not(:last-child) {
  margin-bottom: 30px;
}
.service-item.style-3::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(rgb(255, 0, 127) 20%, rgba(255, 0, 127, 0) 90%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 12px;
}
.service-item.style-3:hover::before {
  opacity: 1;
  visibility: visible;
}
.service-item.style-3:hover .item-count {
  border-right-color: var(--tj-color-theme-primary);
  border-bottom-color: var(--tj-color-theme-primary);
}
.service-item.style-3:hover .item-count::before, .service-item.style-3:hover .item-count::after {
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.service-item.style-3 .item-count {
  background-color: var(--tj-color-theme-bg);
  left: 0;
  right: auto;
  border-left: 0;
  border-right: 2px solid transparent;
  border-radius: 0 0 12px 0;
}
.service-item.style-3 .item-count::before, .service-item.style-3 .item-count::after {
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
  transform: scaleX(-1);
  left: auto;
  right: -25px;
}
.service-item.style-3 .item-count::after {
  right: auto;
  left: 0;
}
.service-item.style-3 .service-inner {
  padding: 30px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-3 .service-inner {
    flex-wrap: wrap;
    padding: 20px;
  }
}
.service-item.style-3 .service-content {
  max-width: 500px;
  width: 100%;
  padding-inline-start: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-item.style-3 .service-content {
    max-width: 455px;
    padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item.style-3 .service-content {
    max-width: 310px;
    padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-3 .service-content {
    margin-bottom: 30px;
    padding-inline-start: 40px;
  }
}
.service-item.style-3 .title {
  margin-bottom: 18px;
}
.service-item.style-3 .title a:hover {
  color: var(--tj-color-theme-primary);
}
.service-item.style-3 .desc {
  color: var(--tj-color-text-body);
  margin-bottom: 20px;
}
.service-item.style-3 .tj-primary-btn {
  margin-top: 25px;
}
.service-item.style-3 .service-img {
  max-width: 490px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-item.style-3 .service-img {
    max-width: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-item.style-3 .service-img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-item.style-3 .service-img {
    max-width: 100%;
  }
}
.service-item.style-3:hover .service-img img {
  transform: scale(1.1);
}
.service-item.style-3:hover .item-count {
  color: var(--tj-color-theme-primary);
}

.list-style-2 {
  list-style: none;
}
.list-style-2 li {
  position: relative;
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-medium);
  padding-left: 15px;
  margin-bottom: 5px;
}
.list-style-2 li:last-child {
  margin-bottom: 0;
}
.list-style-2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
}

.service-btn-area {
  margin-top: 50px;
}

.service-bottom-btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  display: inline-flex;
  justify-content: center;
}
.service-bottom-btn .text-btn {
  background-color: var(--tj-color-theme-dark);
  border-radius: 24px 24px 0 0;
  padding: 20px 30px;
}
.service-bottom-btn .text-btn::after, .service-bottom-btn .text-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -24px;
  width: 24px;
  height: 48px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 24px;
  z-index: -1;
  pointer-events: none;
}
.service-bottom-btn .text-btn::after {
  left: auto;
  right: -24px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 24px;
}
.service-bottom-btn .text-btn .btn-text {
  color: var(--tj-color-theme-primary);
}
.service-bottom-btn .text-btn .btn-icon {
  color: var(--tj-color-theme-primary);
}
.service-bottom-btn .text-btn .btn-icon span {
  text-shadow: 0 -30px 0 var(--tj-color-theme-primary);
}
.service-bottom-btn .text-btn:hover .btn-icon span {
  transform: translateY(30px);
}

.service-tab {
  max-width: 420px;
  width: 100%;
  gap: 14px;
  margin-inline-end: 30px;
}
.service-tab .nav-link,
.service-tab button {
  background-color: var(--tj-color-theme-bg);
  color: var(--tj-color-text-body);
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
  padding: 25px 30px;
  border-radius: 9px;
  border: 2px solid var(--tj-color-theme-bg);
}
.service-tab .nav-link span,
.service-tab button span {
  background-color: var(--tj-color-theme-dark);
  font-size: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.service-tab .nav-link.active,
.service-tab button.active {
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.service-tab .nav-link.active span,
.service-tab button.active span {
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-tab .nav-link,
  .service-tab button {
    font-size: 20px;
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-tab .nav-link,
  .service-tab button {
    font-size: 20px;
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-tab .nav-link,
  .service-tab button {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-tab {
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-tab {
    max-width: 100%;
    margin-inline-end: 0;
    margin-bottom: 15px;
    background-color: transparent;
    border: 0;
  }
  .service-tab.active .nav-link,
  .service-tab.active button {
    border-color: var(--tj-color-theme-primary);
    color: var(--tj-color-common-white);
  }
  .service-tab.active .nav-link span,
  .service-tab.active button span {
    background-color: var(--tj-color-theme-primary);
  }
}
.service-tab-content .service-item.style-3 {
  background-color: var(--tj-color-theme-bg);
  padding: 0;
}
.service-tab-content .service-item.style-3::before {
  display: none;
}
.service-tab-content .service-item.style-3 .service-inner {
  background-color: transparent;
  padding: 15px;
}
.service-tab-content .service-item.style-3 .service-img {
  max-width: 405px;
  height: 458px;
}
.service-tab-content .service-item.style-3 .service-img img {
  transform: scale(1);
}
.service-tab-content .service-item.style-3 .service-img img:hover {
  transform: scale(1.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-tab-content .service-item.style-3 .service-img {
    height: 405px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-tab-content .service-item.style-3 .service-img {
    max-width: 100%;
    height: 300px;
  }
}
.service-tab-content .service-item.style-3 .service-content {
  max-width: 430px;
  padding-inline-start: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-tab-content .service-item.style-3 .service-content {
    max-width: 100%;
    padding-inline-start: 0;
    margin: 30px 0 20px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-tab-content .service-item.style-3 .title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-tab-content {
    margin-top: 14px;
    padding: 0;
  }
}

.service-bottom-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.service-bottom-content .desc {
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
  padding: 8px 0;
  margin: 0;
}
.service-bottom-content .text-btn {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin-inline-start: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service-bottom-content {
    margin-top: 40px;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Theme Marquee CSS
----------------------------------------*/
.marquee-wrap {
  background-color: var(--tj-color-theme-primary);
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .marquee-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.marquee-slider {
  padding-bottom: 5px;
}
.marquee-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.marquee-area {
  padding-top: 70px;
  padding-bottom: 75px;
}
@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: 575px) {
  .marquee-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.marquee-item {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 35px;
  padding-right: 35px;
}
.marquee-item .marquee-text {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px var(--tj-color-common-white);
  font-size: 160px;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  line-height: 1.2;
  margin: 0;
  opacity: 0.2;
}
.marquee-item .marquee-text:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marquee-item .marquee-text {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marquee-item .marquee-text {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .marquee-item .marquee-text {
    font-size: 50px;
    -webkit-text-stroke: 1px var(--tj-color-common-white);
  }
}
.marquee-item .marquee-icon {
  position: relative;
  top: 4px;
  color: var(--tj-color-theme-primary);
  font-size: 40px;
  line-height: 1;
  animation: rotateAntiClock 6s linear infinite;
}
.marquee-item .marquee-icon img {
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marquee-item .marquee-icon {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marquee-item .marquee-icon {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .marquee-item .marquee-icon {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item {
    gap: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .marquee-item {
    gap: 20px;
    padding-right: 20px;
  }
}

/* Scroll slider */
.scroll-slider {
  --gap: 35px;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  align-items: center;
  gap: var(--gap);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .scroll-slider {
    --gap: 25px;
  }
}
@media (max-width: 575px) {
  .scroll-slider {
    --gap: 20px;
  }
}

.scroll-wrapper {
  flex-shrink: 0;
  display: flex;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll 40s linear infinite;
}

/* RTL override */
[dir=rtl] .scroll-wrapper {
  animation: scroll-rtl 40s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
@keyframes scroll-rtl {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(100% + var(--gap)));
  }
}
/* !END: Theme Marquee CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.tj-project-section {
  position: relative;
}
.tj-project-section-2 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.tj-project-section-2 .content-wrap {
  max-width: 330px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-project-section-2 .content-wrap {
    max-width: 100%;
  }
}

.project-slider {
  overflow: inherit;
}

.project-wrapper-2 {
  max-width: 834px;
  margin-inline-start: auto;
}

.project-wrapper-3 {
  padding: 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .project-wrapper-3 {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-3 {
    padding: 0 15px;
  }
}

.project-item {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding: 15px;
}
.project-item .project-img {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
.project-item .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item .project-img {
    height: 280px;
  }
}
.project-item .project-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 25px 15px 10px;
}
@media (max-width: 575px) {
  .project-item .project-content {
    padding: 20px 5px 5px;
  }
}
.project-item .title {
  color: var(--tj-color-common-white);
  max-width: 350px;
  width: 100%;
  margin-bottom: 0;
}
.project-item .title a {
  display: inline-block;
}
.project-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .project-item .title {
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item .title {
    max-width: 100%;
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item .title {
    width: calc(100% - 50px);
  }
}
.project-item .categories {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 0 10px 10px 0;
  background-color: var(--tj-color-theme-bg);
  border-radius: 0 0 12px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item .icon-btn {
    width: 45px;
    height: 45px;
    font-size: 22px;
  }
}
.project-item:hover .project-img img {
  transform: scale(1.1);
}
.project-item:hover .icon-btn {
  background-color: var(--tj-color-theme-primary);
}
.project-item.style-2 {
  background-color: var(--tj-color-theme-dark);
  padding: 30px 30px 0 30px;
  margin-bottom: 30px;
  border-top-left-radius: 0;
}
.project-item.style-2:last-child {
  margin-bottom: 0;
}
.project-item.style-2 .categories {
  left: 0;
  top: 0;
}
.project-item.style-2 .project-content {
  padding: 0 0 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-2 .project-content {
    padding: 0 0 16px;
  }
}
.project-item.style-2 .title {
  max-width: 450px;
  padding-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-2 .title {
    max-width: calc(100% - 65px);
  }
}
.project-item.style-2 .icon-btn {
  background-color: var(--tj-color-theme-bg);
  width: 60px;
  height: 60px;
  margin-bottom: 3px;
}
.project-item.style-2 .icon-btn i {
  color: var(--tj-color-theme-primary);
}
.project-item.style-2 .icon-btn:hover {
  background-color: var(--tj-color-theme-primary);
}
.project-item.style-2 .icon-btn:hover i {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-2 .icon-btn {
    width: 55px;
    height: 55px;
  }
}
.project-item.style-2 .project-img {
  height: 0;
  border-radius: 16px;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
.project-item.style-2 .project-img img {
  transform: scale(1);
}
.project-item.style-2 .project-img img:hover {
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-2 .project-img {
    height: 320px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-2 .project-img {
    height: 280px;
    margin-bottom: 20px;
  }
}
.project-item.style-2.active .project-img {
  height: 373px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-2.active .project-img {
    height: 320px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-2.active .project-img {
    height: 280px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-2 {
    padding: 30px 20px 0 20px;
    margin-bottom: 20px;
  }
}
.project-item.style-3 {
  padding: 30px 30px 25px 30px;
  border-radius: 16px;
}
.project-item.style-3 .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  margin-bottom: 12px;
}
.project-item.style-3 .categories::before, .project-item.style-3 .categories::after {
  display: none;
}
.project-item.style-3 .project-content {
  flex-direction: column;
  align-items: start;
  padding: 30px 0 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-3 .project-content {
    padding: 20px 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-3 .title {
    max-width: 100%;
    width: calc(100% - 50px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-item.style-3 .title {
    font-size: 20px;
  }
}
.project-item.style-3 .project-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background-color: var(--tj-color-theme-dark);
  padding: 30px 0 0 30px;
  border-radius: 60px 0 0 0;
  z-index: 1;
}
.project-item.style-3 .project-btn::after, .project-item.style-3 .project-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -48px;
  right: 0;
  width: 24px;
  height: 48px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 24px;
  z-index: -1;
  pointer-events: none;
}
.project-item.style-3 .project-btn::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -24px;
}
.project-item.style-3 .project-btn .icon-btn {
  background-color: var(--tj-color-theme-primary);
  overflow: hidden;
  text-shadow: -45px 0 0;
  transform: rotate(-45deg);
}
.project-item.style-3 .project-btn .icon-btn i {
  transform: rotate(0);
}
.project-item.style-3 .project-btn .icon-btn:hover {
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-3 .project-btn {
    padding: 20px 0 0 20px;
    border-radius: 40px 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-3 .project-btn {
    padding: 25px 0 0 25px;
    border-radius: 55px 0 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-3 {
    padding: 20px;
  }
}
.project-item.style-3:hover .icon-btn i {
  transform: translateX(45px);
}

.categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 10px 10px 0;
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
}
.categories::after, .categories::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  right: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
  border-radius: 0 12px 0 0;
  z-index: -1;
  transform: scaleX(-1);
}
.categories::after {
  top: auto;
  right: auto;
  bottom: -12px;
  left: 0;
}
.categories a {
  background-color: var(--tj-color-theme-dark);
  font-size: 16px;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  font-weight: var(--tj-fw-medium);
  padding: 5px 10px 6px;
  display: inline-flex;
  overflow: hidden;
  border-radius: 8px;
}
.categories a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}

/* !END: Project CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.tj-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  overflow: hidden;
}
.tj-testimonial-section .content-wrap .desc {
  max-width: 430px;
  width: 100%;
  margin-bottom: 23px;
}
.tj-testimonial-section-2 {
  overflow: hidden;
}

.testimonial-wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .testimonial-wrapper-2 {
    margin-right: -15px;
  }
}

.testimonial-slider {
  background-color: var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.testimonial-slider .quote-icon {
  color: var(--tj-color-theme-primary);
  font-size: 64px;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  background-color: var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  width: 138px;
  padding-bottom: 16px;
  position: relative;
  left: 0;
  top: 0;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider .quote-icon {
    width: 100px;
    font-size: 50px;
    padding-bottom: 10px;
  }
}
.testimonial-slider .quote-icon::after, .testimonial-slider .quote-icon::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  right: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
  border-top-right-radius: 12px;
  z-index: -1;
  transform: scaleX(-1);
}
.testimonial-slider .quote-icon::after {
  top: auto;
  right: auto;
  bottom: -12px;
  left: 0;
}
.testimonial-slider .pagination-1 {
  width: 122px;
  background-color: var(--tj-color-theme-bg);
  border-top-left-radius: 12px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 20px 10px;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider .pagination-1 {
    width: 100px;
    padding: 15px 10px;
  }
}
.testimonial-slider .pagination-1::after, .testimonial-slider .pagination-1::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
}
.testimonial-slider .pagination-1::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.testimonial-slider-2 .rating-area {
  max-width: 133px;
  background-color: var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  position: absolute;
  left: 0;
  bottom: -2px;
  margin: -2px;
  padding: 12px 10px 0 30px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-slider-2 .rating-area {
    padding: 12px 10px 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-2 .rating-area {
    padding: 12px 10px 0 20px;
  }
}
.testimonial-slider-2 .rating-area::after, .testimonial-slider-2 .rating-area::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  left: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
  transform: scaleX(-1);
}
.testimonial-slider-2 .rating-area::after {
  top: auto;
  left: auto;
  bottom: 0;
  right: -12px;
}
.testimonial-slider-2 .rating-area .star-ratings {
  font-size: 20px;
  letter-spacing: 1.5px;
  display: inline-flex;
}
.testimonial-slider-3 .testimonial-item-wrap {
  margin-bottom: 80px;
}
.testimonial-item-wrap {
  border-radius: 12px;
  background-color: var(--tj-color-theme-bg);
  padding: 2px;
  position: relative;
}
.testimonial-item-wrap::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(rgb(255, 0, 127) 15%, rgba(255, 0, 127, 0) 80%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.testimonial-item-wrap:hover::before {
  opacity: 1;
  visibility: visible;
}
.testimonial-item {
  padding: 33px 40px 40px;
}
.testimonial-item .quote-icon {
  color: var(--tj-color-theme-primary);
  font-size: 48px;
  line-height: 1;
  display: inline-flex;
}
.testimonial-item .rating-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.testimonial-item .rating-wrap .rating-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-item .rating-wrap .rating-img img {
  width: 33px;
  height: 33px;
}
.testimonial-item .rating-wrap .rating-text {
  color: var(--tj-color-text-body-2);
  font-size: 14px;
}
.testimonial-item .rating-wrap .rating-text strong {
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-common-black);
}
.testimonial-item .desc {
  font-size: 22px;
  color: var(--tj-color-white-2);
  line-height: 1.5;
  padding-bottom: 22px;
}
.testimonial-item .desc p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-item .desc {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item .desc {
    font-size: 18px;
  }
}
.testimonial-item .testimonial-author .title {
  line-height: 1;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-item {
    padding: 33px 25px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item {
    padding: 30px 20px 40px;
  }
}
.testimonial-item.style-2 {
  background-color: var(--tj-color-theme-bg);
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 28px 28px 45px;
  position: relative;
  z-index: 3;
}
.testimonial-item.style-2 .quote-icon {
  display: inline-flex;
  justify-content: flex-end;
  background-color: var(--tj-color-theme-dark);
  border-bottom-left-radius: 12px;
  width: 68px;
  padding-bottom: 15px;
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 2;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.testimonial-item.style-2 .quote-icon::after, .testimonial-item.style-2 .quote-icon::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.testimonial-item.style-2 .quote-icon::after {
  top: auto;
  left: auto;
  right: 0;
  bottom: -12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-2 .quote-icon {
    width: 55px;
    font-size: 40px;
    padding-bottom: 10px;
  }
}
.testimonial-item.style-2 .testimonial-author {
  border: 0;
  padding: 0 45px 26px 0;
}
.testimonial-item.style-2 .testimonial-author .author-img {
  width: 84px;
  height: 84px;
  border: 2px solid var(--tj-color-common-white);
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-2 .testimonial-author .author-img {
    width: 75px;
    height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-2 .testimonial-author .author-img {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-2 .testimonial-author .author-img {
    width: 55px;
    height: 55px;
  }
}
.testimonial-item.style-2 .testimonial-author .designation {
  font-size: 16px;
}
.testimonial-item.style-2 .desc {
  font-size: 18px;
  color: var(--tj-color-text-body);
  padding-bottom: 22px;
}
.testimonial-item.style-2:hover .quote-icon {
  border-left-color: var(--tj-color-theme-primary);
  border-bottom-color: var(--tj-color-theme-primary);
}
.testimonial-item.style-2:hover .quote-icon::before, .testimonial-item.style-2:hover .quote-icon::after {
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-item.style-2 {
    padding: 25px 20px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-2 {
    padding: 25px 16px 35px;
  }
}
.testimonial-item.style-3 {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  padding: 100px 28px 105px;
  position: relative;
  z-index: 3;
}
.testimonial-item.style-3 .quote-icon {
  justify-content: center;
  background-color: var(--tj-color-theme-bg);
  border-radius: 0 0 12px 12px;
  width: 98px;
  padding: 0 15px 15px 15px;
  position: absolute;
  top: -2px;
  right: 50%;
  z-index: 2;
  transform: translateX(50%);
  border: 2px solid transparent;
  border-top: 0;
}
.testimonial-item.style-3 .quote-icon::before, .testimonial-item.style-3 .quote-icon::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -24px;
  width: 24px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
  border-radius: 0 12px 0 0;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.testimonial-item.style-3 .quote-icon::after {
  left: auto;
  right: -24px;
  transform: scaleX(-1);
}
@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: 575px) {
  .testimonial-item.style-3 .quote-icon {
    width: 75px;
    font-size: 40px;
    padding-bottom: 10px;
  }
}
.testimonial-item.style-3 .testimonial-author {
  border: 0;
  padding: 0;
  justify-content: center;
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-item.style-3 .testimonial-author .author-img {
  width: 84px;
  height: 84px;
  border: 2px solid var(--tj-color-common-white);
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-item.style-3 .testimonial-author .author-img {
    width: 75px;
    height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-3 .testimonial-author .author-img {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-3 .testimonial-author .author-img {
    width: 55px;
    height: 55px;
  }
}
.testimonial-item.style-3 .testimonial-author .author-inner {
  flex-direction: column;
}
.testimonial-item.style-3 .testimonial-author .author-header {
  text-align: center;
}
.testimonial-item.style-3 .desc {
  color: var(--tj-color-white-2);
  font-size: 22px;
  text-align: center;
  padding-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-item.style-3 .desc {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-3 .desc {
    font-size: 18px;
  }
}
.testimonial-item.style-3 .circle-shape {
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 104px;
  height: 104px;
  transform: translateX(-50%);
  background-color: var(--tj-color-theme-bg);
  border-radius: 50% 50% 0 0;
  z-index: -1;
  border-top: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.testimonial-item.style-3 .circle-shape::after, .testimonial-item.style-3 .circle-shape::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 20px;
  left: -12px;
  width: 12px;
  height: 24px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-radius: 0 0 12px 0;
  z-index: -1;
}
.testimonial-item.style-3 .circle-shape::after {
  left: auto;
  right: -12px;
  border-radius: 0 0 0 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-3 .circle-shape {
    width: 85px;
    height: 82px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-3 .circle-shape {
    width: 75px;
    height: 70px;
  }
}
.testimonial-item.style-3:hover .quote-icon {
  border-color: var(--tj-color-theme-primary);
}
.testimonial-item.style-3:hover .quote-icon::before, .testimonial-item.style-3:hover .quote-icon::after {
  border-color: var(--tj-color-theme-primary);
}
.testimonial-item.style-3:hover .circle-shape {
  border-color: rgba(255, 0, 127, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-3 {
    padding: 90px 20px 95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-3 {
    padding: 80px 20px 85px;
  }
}

.testimonial-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  border-top: 1px solid var(--tj-color-border-1);
}
.testimonial-author .author-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.testimonial-author .author-img {
  width: 68px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
}
.testimonial-author .author-img.style-2 {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 2px solid var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-author .author-img {
    width: 50px;
    height: 50px;
  }
}
.testimonial-author .title {
  margin-bottom: 0;
  line-height: 1;
}
.testimonial-author .designation {
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}
.testimonial-author .quote-icon {
  display: inline-flex;
  line-height: 1;
  color: var(--tj-color-theme-primary);
  font-size: 43px;
}
.testimonial-author .quote-icon i {
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-author .quote-icon {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-author {
    padding-top: 20px;
  }
}

.star-ratings {
  unicode-bidi: bidi-override;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 3px;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.star-ratings .fill-ratings {
  color: var(--tj-color-theme-primary);
  padding: 0;
  position: absolute;
  z-index: 1;
  display: inline-flex;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings .fill-ratings span {
  display: inline-block;
  margin: 0;
}
.star-ratings .empty-ratings {
  padding: 0;
  display: inline-flex;
  z-index: 0;
  color: transparent;
}

.rating-box {
  max-width: 360px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  padding: 18px 30px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.rating-box::before {
  content: "";
  background-color: var(--tj-color-border-1);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 155px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rating-box::before {
    left: 110px;
  }
}
.rating-box .rating-area {
  display: flex;
  flex-direction: column;
}
.rating-box .title {
  color: var(--tj-color-common-white);
  font-size: 76px;
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rating-box .title {
    font-size: 50px;
  }
}
.rating-box .rating-text {
  line-height: 1;
  margin-top: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rating-box {
    max-width: 305px;
    padding: 20px 20px 25px;
  }
}

.mobile-navigation {
  text-align: center;
  margin-top: 30px;
}

.slider-navigation {
  gap: 10px;
}

.slider-navigation-2 {
  gap: 10px;
}
.slider-navigation-2 .slider-next,
.slider-navigation-2 .slider-prev {
  background-color: var(--tj-color-theme-bg);
}
.slider-navigation-2 .slider-next:hover,
.slider-navigation-2 .slider-prev:hover {
  background-color: var(--tj-color-theme-primary);
}

.slider-navigation-3 {
  gap: 15px;
}
.slider-navigation-3 .slider-next,
.slider-navigation-3 .slider-prev {
  width: 50px;
  height: 50px;
  border: 1px solid var(--tj-color-border-1);
}
.slider-navigation-3 .slider-next:hover,
.slider-navigation-3 .slider-prev:hover {
  border-color: var(--tj-color-theme-primary);
}

.slider-next,
.slider-prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  font-size: 21px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-next .anim-icon,
.slider-prev .anim-icon {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  transform: rotate(0deg);
}
.slider-next .anim-icon i,
.slider-prev .anim-icon i {
  position: relative;
  top: 0;
  color: var(--tj-color-common-white);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-next .anim-icon i:last-child,
.slider-prev .anim-icon i:last-child {
  position: absolute;
  transform: translateX(150%);
  color: var(--tj-color-common-white);
}
.slider-next:hover,
.slider-prev:hover {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.slider-next:hover .anim-icon i:first-child,
.slider-prev:hover .anim-icon i:first-child {
  transform: translateX(-150%);
}
.slider-next:hover .anim-icon i:last-child,
.slider-prev:hover .anim-icon i:last-child {
  transform: translateX(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-next,
  .slider-prev {
    width: 50px;
    height: 50px;
    font-size: 19px;
  }
}

.slider-next .anim-icon i:last-child {
  transform: translateX(-150%);
}
.slider-next:hover .anim-icon i:first-child {
  transform: translateX(150%);
}

.swiper-pagination-area {
  text-align: center;
  line-height: 0;
  margin-top: 60px;
}
.swiper-pagination-area.white-pagination .swiper-pagination-bullet {
  background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .swiper-pagination-area {
    margin-top: 30px;
  }
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
  opacity: 0.15;
  position: relative;
  margin: 5px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.swiper-pagination-bullet-active {
  background-color: var(--tj-color-theme-primary);
  opacity: 1;
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.tj-faq-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
}
.tj-faq-section .sec-heading {
  max-width: 550px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  margin-bottom: 30px;
}
.tj-faq-section-2 .content-wrap {
  max-width: 360px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq-section-2 .content-wrap {
    max-width: 100%;
  }
}
.tj-faq-section-3 .sec-heading {
  margin-bottom: 30px;
}

.faq-img {
  max-width: 480px;
  width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.faq-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-img {
    max-width: 100%;
  }
}

.tj-faq .accordion-item {
  margin-bottom: 20px;
  padding: 0 25px 0 30px;
  border-radius: 8px;
  border: 0;
  position: relative;
  background-color: var(--tj-color-theme-dark);
}
.tj-faq .accordion-item:last-child {
  margin-bottom: 0;
}
.tj-faq .accordion-item .faq-title {
  font-size: 20px;
  text-align: left;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  padding: 21px 30px 21px 0;
  width: 100%;
  position: relative;
  z-index: 2;
  transition: none;
}
.tj-faq .accordion-item .faq-title::after {
  content: "\e935";
  color: var(--tj-color-theme-primary);
  font-size: 20px;
  line-height: 1;
  font-family: "ainex-icons" !important;
  font-weight: normal;
  text-align: center;
  position: absolute;
  right: 0;
  top: 26px;
  width: 22px;
  height: 22px;
  transition: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq .accordion-item .faq-title {
    padding: 20px 30px 20px 0;
  }
}
.tj-faq .accordion-item .accordion-body {
  padding: 5px 0 30px;
  color: var(--tj-color-white-2);
}
.tj-faq .accordion-item .accordion-body p:last-child {
  margin-bottom: 0;
}
.tj-faq .accordion-item.active {
  background-image: linear-gradient(var(--tj-color-theme-primary) 0%, var(--tj-color-theme-bg) 100%);
}
.tj-faq .accordion-item.active .faq-title::after {
  content: "\e936";
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq .accordion-item {
    padding: 0 15px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq {
    padding-bottom: 40px;
  }
}
.tj-faq.style-2 .accordion-item {
  background-color: var(--tj-color-theme-bg);
}
.tj-faq.style-2 .accordion-item.active {
  background-image: linear-gradient(var(--tj-color-theme-primary) 0%, var(--tj-color-theme-dark) 100%);
}
.tj-faq.style-3 .accordion-item {
  background: var(--tj-color-theme-bg);
  border: 2px solid var(--tj-color-theme-bg);
}
.tj-faq.style-3 .accordion-item .faq-title {
  padding: 19px 30px 19px 0;
}
.tj-faq.style-3 .accordion-item .faq-title::after {
  color: var(--tj-color-grey-2);
}
.tj-faq.style-3 .accordion-item .accordion-body {
  color: var(--tj-color-grey-3);
}
.tj-faq.style-3 .accordion-item.active {
  border-color: var(--tj-color-theme-primary);
}
.tj-faq.style-3 .accordion-item.active .faq-title::after {
  color: var(--tj-color-theme-primary);
}

.support-specialist {
  max-width: 450px;
  width: 100%;
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  padding: 30px;
}
.support-specialist .author-img {
  width: 84px;
  height: 84px;
  border-radius: 100%;
  border: 2px solid var(--tj-color-common-white);
  overflow: hidden;
}
.support-specialist .desc {
  margin: 24px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .support-specialist {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .support-specialist {
    padding: 30px 20px;
  }
}

/* !END: Faq CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.tj-blog-section-2 .sec-heading {
  max-width: 450px;
}

.blog-item {
  height: 100%;
  background-color: var(--tj-color-theme-bg);
  padding: 15px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.blog-item .categories {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px 10px 0;
  background-color: var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: 2;
}
.blog-item .blog-thumb {
  height: 340px;
  overflow: hidden;
  position: relative;
  border-radius: 0 12px 12px 12px;
}
.blog-item .blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
@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: 576px) and (max-width: 767px) {
  .blog-item .blog-thumb {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .blog-item .blog-thumb {
    height: 280px;
  }
}
.blog-item .blog-content {
  padding: 25px 5px 13px 5px;
}
.blog-item .blog-content .title {
  margin: 0;
}
.blog-item .blog-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.blog-item .blog-content .desc {
  margin-top: 15px;
}
.blog-item .blog-content .desc:last-of-type {
  margin-bottom: 0;
}
.blog-item .blog-content .text-btn {
  background-color: var(--tj-color-theme-dark);
  margin-top: 15px;
  padding: 16px 16px 16px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 12px 0 0;
}
.blog-item .blog-content .text-btn::after, .blog-item .blog-content .text-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  left: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
  transform: scaleX(-1);
  pointer-events: none;
}
.blog-item .blog-content .text-btn::after {
  top: auto;
  left: auto;
  bottom: 0;
  right: -12px;
}
.blog-item:hover .blog-thumb img {
  transform: scale(1.1);
}
.blog-item.style-2 .blog-thumb {
  height: 290px;
  border-radius: 12px 12px 0 12px;
}
.blog-item.style-2 .categories {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  padding: 10px 0 0 10px;
  border-radius: 12px 0 0 0;
}
.blog-item.style-2 .categories::after, .blog-item.style-2 .categories::before {
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-radius: 0 0 12px 0;
  transform: scaleX(1);
}
.blog-item.style-2 .categories::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.blog-item.style-2 .blog-content {
  padding: 25px 5px 65px 5px;
}
.blog-item.style-2 .blog-content .title {
  margin-bottom: 20px;
}
.blog-item.style-3 .categories a:not(:hover) {
  background-color: transparent;
}
.blog-item.style-3 .blog-content {
  padding: 25px 5px 45px 5px;
}
.blog-item.style-3 .blog-content .text-btn {
  left: auto;
  right: 0;
  border-radius: 12px 0 0 0;
}
.blog-item.style-3 .blog-content .text-btn::after, .blog-item.style-3 .blog-content .text-btn::before {
  left: auto;
  right: 0;
  transform: none;
}
.blog-item.style-3 .blog-content .text-btn::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.blog-item.style-4 {
  padding: 0;
}
.blog-item.style-4 .blog-thumb {
  min-height: 530px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-item.style-4 .blog-thumb {
    min-height: 480px;
  }
}
@media (max-width: 575px) {
  .blog-item.style-4 .blog-thumb {
    min-height: 400px;
  }
}
.blog-item.style-4 .blog-content {
  background-color: var(--tj-color-theme-dark);
  padding: 30px 20px 25px 20px;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-item.style-4 .blog-content .text-btn {
  left: auto;
  bottom: 0;
  padding: 0;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
}
.blog-item.style-4 .blog-content .text-btn::after, .blog-item.style-4 .blog-content .text-btn::before {
  display: none;
}
.blog-item.style-4:hover .blog-content {
  padding-bottom: 80px;
}
.blog-item.style-4:hover .blog-content .text-btn {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.blog-meta span {
  color: var(--tj-color-text-body);
  line-height: 1;
}
.blog-meta span a {
  color: var(--tj-color-text-body);
}
.blog-meta span a:hover {
  color: var(--tj-color-theme-primary);
}
.blog-meta span:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  display: inline-block;
  margin: 0 0 2px 10px;
}
@media (max-width: 575px) {
  .blog-meta {
    margin-bottom: 15px;
  }
}

.blog-post-wrapper .blog-item {
  margin-bottom: 40px;
}
.blog-post-wrapper .blog-item .blog-thumb {
  border-radius: 12px;
}
.blog-post-wrapper .blog-item .blog-content {
  background-color: transparent;
  padding: 25px 0 0 0;
}

.tj-pagination {
  margin-top: 50px;
}
.tj-pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.tj-pagination ul li .page-numbers {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  background-color: var(--tj-color-theme-bg);
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
}
.tj-pagination ul li .page-numbers i {
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-pagination ul li .page-numbers:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj-pagination ul li .page-numbers:hover i {
  color: var(--tj-color-common-white);
}
.tj-pagination ul li .page-numbers.current {
  background-color: var(--tj-color-common-white);
  color: var(--tj-color-theme-dark);
}
.tj-pagination ul li .page-numbers.current i {
  color: var(--tj-color-theme-dark);
}
.tj-pagination ul li .page-numbers.prev, .tj-pagination ul li .page-numbers.next {
  font-size: 18px;
}

.tj-post-item {
  height: 100%;
  background-color: var(--tj-color-theme-bg);
  padding: 15px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.tj-post-item:last-child {
  margin-bottom: 0;
}
.tj-post-item .categories {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px 10px 0;
  background-color: var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: 2;
}
.tj-post-item:hover .tj-post-thumb img {
  transform: scale(1.1);
}
.tj-post-thumb {
  height: 410px;
  overflow: hidden;
  position: relative;
  border-radius: 0 12px 12px 12px;
}
.tj-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-post-thumb {
    height: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-post-thumb {
    height: 300px;
  }
}
.tj-post-content {
  padding: 25px 15px 13px 15px;
}
.tj-post-content .title {
  margin: 0;
}
.tj-post-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-post-content .desc {
  margin-top: 15px;
}
.tj-post-content .desc:last-of-type {
  margin-bottom: 0;
}
.tj-post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.tj-post-meta span {
  color: var(--tj-color-text-body);
  line-height: 1;
}
.tj-post-meta span a {
  color: var(--tj-color-text-body);
}
.tj-post-meta span a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-post-meta span:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  display: inline-block;
  margin: 0 0 2px 10px;
}
@media (max-width: 575px) {
  .tj-post-meta {
    margin-bottom: 15px;
  }
}
.tj-post-btn {
  margin-top: 25px;
}

/* !END: Blog CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.tj-cta-section {
  margin-bottom: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-cta-section {
    margin-bottom: -50px;
  }
}

.cta-area {
  background: linear-gradient(90deg, rgb(1, 4, 128) 20%, rgb(255, 0, 127) 75%);
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 24px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.cta-area .cta-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 60px;
}
.cta-area .cta-content .title {
  max-width: 620px;
  font-size: 60px;
  line-height: 1.108;
  color: var(--tj-color-common-white);
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .cta-content .title {
    max-width: 550px;
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-content .title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-content .title {
    font-size: 40px;
  }
}
@media (max-width: 400px) {
  .cta-area .cta-content .title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .cta-content {
    padding: 50px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-content {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-content {
    padding: 30px 22px 40px;
  }
}
.cta-area .cta-img {
  max-width: 290px;
  position: absolute;
  bottom: -95px;
  right: 25%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .cta-img {
    right: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-img {
    max-width: 250px;
    right: 8%;
    bottom: -90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta-area {
    max-width: 1236px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area {
    max-width: 1060px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area {
    max-width: 876px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area {
    max-width: 630px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-area {
    max-width: 460px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area {
    border-radius: 16px;
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Countup CSS
----------------------------------------*/
.tj-countup-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.countup-item-wrap {
  border-radius: 12px;
  border-top-right-radius: 0;
  background-color: var(--tj-color-theme-bg);
  overflow: hidden;
  padding: 2px;
  position: relative;
}
.countup-item-wrap::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(to bottom, rgb(255, 0, 127), rgba(255, 0, 127, 0));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.countup-item-wrap:hover::before {
  opacity: 1;
  visibility: visible;
}
.countup-item-wrap:hover .countup-item.style-1 .count-icon {
  border-left-color: var(--tj-color-theme-primary);
  border-bottom-color: var(--tj-color-theme-primary);
}
.countup-item-wrap:hover .countup-item.style-1 .count-icon::before, .countup-item-wrap:hover .countup-item.style-1 .count-icon::after {
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.countup-item-wrap:hover .countup-item.style-1 .count-icon i {
  transform: rotateY(360deg);
}
.countup-item-wrap.style-2::before {
  background: var(--tj-color-theme-primary);
}
.countup-item-wrap.style-2:not(:last-child) {
  margin-bottom: 30px;
}
.countup-item-wrap.style-2 .countup-item.style-1 {
  background-color: var(--tj-color-theme-dark);
}
.countup-item-wrap.style-2 .countup-item.style-1 .count-icon {
  background-color: var(--tj-color-theme-bg);
}
.countup-item-wrap.style-2 .countup-item.style-1 .count-icon::before, .countup-item-wrap.style-2 .countup-item.style-1 .count-icon::after {
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
}
.countup-item-wrap.style-2 .countup-item.style-1 .count-text {
  color: var(--tj-color-text-body);
}

.countup-item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.countup-item.style-1 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  border-top-right-radius: 0;
  padding: 40px 30px 33px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@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: 575px) {
  .countup-item.style-1 .count-text {
    font-size: 18px;
  }
}
.countup-item.style-1 .desc {
  margin: 0;
  padding-top: 114px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .countup-item.style-1 .desc {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-item.style-1 .desc {
    padding-top: 60px;
  }
}
.countup-item.style-1 .count-icon {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 82px;
  height: 82px;
  padding: 15px;
  background-color: var(--tj-color-theme-dark);
  border-bottom-left-radius: 12px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  z-index: 2;
}
.countup-item.style-1 .count-icon::before, .countup-item.style-1 .count-icon::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.countup-item.style-1 .count-icon::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
.countup-item.style-1 .count-icon i {
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .countup-item.style-1 {
    padding: 40px 20px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-item.style-1 {
    padding: 40px 15px 35px;
  }
}
.countup-item.style-2 {
  padding-right: 40px;
}
.countup-item.style-2 .count-separator.sep-2::before {
  animation-name: running;
}
.countup-item.style-2 .count-icon {
  margin-bottom: 20px;
}
.countup-item.style-2 .count-icon i {
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
.countup-item.style-2 .count-text {
  color: var(--tj-color-text-body);
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .countup-item.style-2 .count-text {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-item.style-2 .count-text {
    font-size: 16px;
  }
}
.countup-item.style-2:hover .count-icon i {
  transform: rotateY(360deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-item.style-2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-item.style-2 {
    overflow: hidden;
    padding-bottom: 45px;
  }
}

.count-icon {
  color: var(--tj-color-theme-primary);
  font-size: 50px;
  display: inline-flex;
  line-height: 1;
}

.inline-content {
  font-size: 76px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  letter-spacing: -1.48px;
}
.inline-content .odometer {
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  display: inline-flex;
}
.inline-content .odometer .odometer-digit,
.inline-content .odometer span {
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  display: inline-flex;
  vertical-align: bottom;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .inline-content {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .inline-content {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .inline-content {
    font-size: 55px;
  }
}

.count-text {
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  font-size: 20px;
  font-weight: var(--tj-fw-medium);
  display: block;
}

.tj-countup-section-2 {
  position: relative;
  z-index: 2;
}
.tj-countup-section-2 .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  z-index: -1;
}
.tj-countup-section-2 .bg-image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.7;
}
.tj-countup-section-2 .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tj-countup-section-2 .sec-heading {
  margin-bottom: 110px;
  gap: 20px;
}
.tj-countup-section-2 .sec-heading .sub-title {
  margin-top: 5px;
  margin-bottom: 0;
}
.tj-countup-section-2 .sec-heading .sec-title {
  max-width: 495px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-countup-section-2 .sec-heading .sec-title {
    max-width: 380px;
  }
}
.tj-countup-section-2 .sec-heading .desc {
  max-width: 245px;
  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: 575px) {
  .tj-countup-section-2 .sec-heading .desc {
    max-width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-countup-section-2 .sec-heading {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-countup-section-2 .sec-heading {
    margin-bottom: 60px;
  }
}

.count-separator {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
.count-separator::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 10px;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%);
  background-color: var(--tj-color-theme-primary);
  animation: running-2 4s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-separator {
    right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .count-separator {
    top: inherit;
    bottom: 3px;
    right: 50%;
    transform: translate(0, 50%) rotate(90deg);
    height: 515px;
  }
}
@media (max-width: 400px) {
  .count-separator {
    height: 366px;
  }
}

.tj-countup-section-3 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.tj-countup-section-3 .sec-heading .sub-title {
  background-color: var(--tj-color-theme-dark);
}
.tj-countup-section-3 .banner-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 800px;
  width: 100%;
  opacity: 0.5;
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-countup-section-3 .banner-shape {
    max-width: 100%;
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-countup-section-3 .banner-shape {
    max-width: 100%;
    width: 100%;
  }
}
.tj-countup-section-3 .blur {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 1077px;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-countup-section-3 .blur {
    max-width: 100%;
    width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-countup-section-3 .blur {
    max-width: 100%;
    width: 100%;
  }
}

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

.funfact-img {
  max-width: 617px;
  width: 100%;
  margin-left: -60px;
  margin-top: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-img {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .funfact-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
  }
}

.h4-content-wrap .tj-primary-btn {
  margin-top: 8px;
}

.countup-wrap {
  margin-inline-start: 20px;
  position: relative;
  padding-bottom: 120px;
}
.countup-wrap::after {
  content: "";
  background-image: linear-gradient(to bottom, rgba(24, 19, 59, 0), rgb(24, 19, 59));
  width: 100%;
  height: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-wrap::after {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .countup-wrap {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .countup-wrap {
    margin-inline-start: 0;
    padding-bottom: 0;
  }
}

/* !END: Countup CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.tj-working-process {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.tj-working-process .sec-heading {
  max-width: 550px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.tj-working-process-2 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
}

.working-img {
  max-width: 604px;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.working-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-img {
    max-width: 100%;
  }
}

.working-process-area {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-process-area {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .working-process-area {
    margin-bottom: 40px;
  }
}

.process-item-wrap {
  border-radius: 12px;
  background-color: var(--tj-color-theme-bg);
  overflow: hidden;
  padding: 2px;
  position: relative;
}
.process-item-wrap::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(to left, rgb(255, 0, 127) 0%, rgba(255, 0, 127, 0) 50%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.process-item-wrap:hover::before {
  opacity: 1;
  visibility: visible;
}
.process-item-wrap:hover .process-step {
  border-color: var(--tj-color-theme-primary);
}
.process-item-wrap:hover .process-step::before {
  width: 20px;
  border-bottom-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.process-item-wrap:hover .process-step::after {
  width: 20px;
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.process-item-wrap:hover .process-icon span {
  animation: flip 0.5s ease-in-out;
}
.process-item-wrap.style-2::before {
  background-image: linear-gradient(-125deg, rgb(255, 0, 127) 12%, rgba(255, 0, 127, 0) 35%);
}
.process-item-wrap.style-2 .process-item {
  flex-direction: column;
  align-items: start;
  padding: 40px 30px 50px 30px;
  gap: 35px;
}
.process-item-wrap.style-2 .process-step {
  top: 40px;
  transform: translateY(0);
}
.process-item {
  background-color: var(--tj-color-theme-dark);
  padding: 28px;
  position: relative;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-item {
    padding: 30px 30px 30px 20px;
  }
}
@media (max-width: 450px) {
  .process-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.process-step {
  font-size: 16px;
  color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-bg);
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
  -webkit-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
  padding: 8px 0 8px 12px;
  justify-content: center;
  height: 84px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border: 2px solid transparent;
  border-right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.process-step span {
  transition: none;
}
.process-step::before, .process-step::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -12px;
  right: 0;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.process-step::after {
  top: auto;
  bottom: -12px;
  right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 12px;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
}
.process-icon {
  width: 98px;
  height: 98px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 14px;
  font-size: 48px;
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-icon {
    width: 80px;
    height: 80px;
    font-size: 38px;
  }
}
.process-content {
  padding-right: 8px;
}
.process-content .title {
  margin-bottom: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-content .title {
    margin-bottom: 10px;
  }
}
.process-content .desc {
  margin: 0;
}

/* !END: Working process CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.tj-contact-section {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  position: relative;
  z-index: 1;
}
.tj-contact-section .sec-heading {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-bottom: 35px;
}
.tj-contact-section .sec-heading .sec-title {
  color: var(--tj-color-common-white);
}

.global-map {
  width: calc(100% + 530px);
  height: 100%;
  position: relative;
  z-index: -1;
}
.global-map .global-map-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -115px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .global-map .global-map-img {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .global-map .global-map-img {
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .global-map .global-map-img {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .global-map {
    width: calc(100% + 360px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .global-map {
    width: calc(100% + 280px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .global-map {
    width: 100%;
    height: 385px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .global-map {
    width: 100%;
    height: 285px;
    margin-bottom: 40px;
  }
}

.map-area {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  mix-blend-mode: luminosity;
}
.map-area iframe {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .map-area {
    height: auto;
    margin-top: 30px;
  }
}

.contact-info .contact-item {
  padding: 13px 0 9px 0;
}
.contact-info .contact-item .subtitle {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-text-body);
  margin-bottom: 7px;
}
.contact-info .contact-item a:hover {
  color: var(--tj-color-theme-primary);
}
.contact-info .contact-item .contact-link {
  display: inline-block;
  color: var(--tj-color-common-white);
}
.contact-info .contact-item:last-child {
  border: 0;
}

.contact-form {
  background-color: var(--tj-color-theme-bg);
  margin-inline-start: 0;
  margin-inline-end: 15px;
  padding: 60px 50px;
  border-radius: 12px;
}
.contact-form .title {
  margin-bottom: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .title {
    margin-bottom: 25px;
  }
}
.contact-form .form-input {
  margin-bottom: 27px;
  position: relative;
}
.contact-form .form-input textarea,
.contact-form .form-input select,
.contact-form .form-input .nice-select,
.contact-form .form-input input[type=tel],
.contact-form .form-input input[type=text],
.contact-form .form-input input[type=email] {
  background-color: transparent;
  color: var(--tj-color-text-body);
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid var(--tj-color-border-1);
}
.contact-form .form-input textarea::-webkit-input-placeholder,
.contact-form .form-input select::-webkit-input-placeholder,
.contact-form .form-input .nice-select::-webkit-input-placeholder,
.contact-form .form-input input[type=tel]::-webkit-input-placeholder,
.contact-form .form-input input[type=text]::-webkit-input-placeholder,
.contact-form .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-grey-2);
}
.contact-form .form-input textarea:-moz-placeholder,
.contact-form .form-input select:-moz-placeholder,
.contact-form .form-input .nice-select:-moz-placeholder,
.contact-form .form-input input[type=tel]:-moz-placeholder,
.contact-form .form-input input[type=text]:-moz-placeholder,
.contact-form .form-input input[type=email]:-moz-placeholder {
  color: var(--tj-color-grey-2);
}
.contact-form .form-input textarea::-moz-placeholder,
.contact-form .form-input select::-moz-placeholder,
.contact-form .form-input .nice-select::-moz-placeholder,
.contact-form .form-input input[type=tel]::-moz-placeholder,
.contact-form .form-input input[type=text]::-moz-placeholder,
.contact-form .form-input input[type=email]::-moz-placeholder {
  color: var(--tj-color-grey-2);
}
.contact-form .form-input textarea:-ms-input-placeholder,
.contact-form .form-input select:-ms-input-placeholder,
.contact-form .form-input .nice-select:-ms-input-placeholder,
.contact-form .form-input input[type=tel]:-ms-input-placeholder,
.contact-form .form-input input[type=text]:-ms-input-placeholder,
.contact-form .form-input input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-grey-2);
}
.contact-form .form-input textarea::placeholder,
.contact-form .form-input select::placeholder,
.contact-form .form-input .nice-select::placeholder,
.contact-form .form-input input[type=tel]::placeholder,
.contact-form .form-input input[type=text]::placeholder,
.contact-form .form-input input[type=email]::placeholder {
  color: var(--tj-color-grey-2);
}
.contact-form .form-input textarea:focus,
.contact-form .form-input select:focus,
.contact-form .form-input .nice-select:focus,
.contact-form .form-input input[type=tel]:focus,
.contact-form .form-input input[type=text]:focus,
.contact-form .form-input input[type=email]:focus {
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input textarea,
  .contact-form .form-input select,
  .contact-form .form-input .nice-select,
  .contact-form .form-input input[type=tel],
  .contact-form .form-input input[type=text],
  .contact-form .form-input input[type=email] {
    padding: 6px 0 10px;
  }
}
.contact-form .form-input .cf-label {
  font-size: 16px;
  color: var(--tj-color-grey-2);
  position: absolute;
  top: 10px;
  left: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.contact-form .form-input .cf-label span {
  color: var(--tj-color-theme-primary);
}
.contact-form .form-input textarea:focus ~ .cf-label,
.contact-form .form-input input[type=tel]:focus ~ .cf-label,
.contact-form .form-input input[type=text]:focus ~ .cf-label,
.contact-form .form-input input[type=email]:focus ~ .cf-label {
  visibility: hidden;
  opacity: 0;
}
.contact-form .form-input .nice-select {
  color: var(--tj-color-grey-2);
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 27px;
}
.contact-form .form-input .nice-select .list {
  width: 100%;
  border-radius: 8px;
}
.contact-form .form-input .nice-select .list .option {
  color: var(--tj-color-theme-dark);
}
.contact-form .form-input .nice-select .list .option:hover, .contact-form .form-input .nice-select .list .option.focus {
  color: var(--tj-color-theme-dark);
}
.contact-form .form-input .nice-select::after {
  border-color: var(--tj-color-common-white);
  width: 8px;
  height: 8px;
  top: 20px;
  right: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input .nice-select {
    margin-bottom: 20px;
  }
}
.contact-form .form-input textarea {
  height: 130px;
  resize: none;
  padding-top: 0;
}
.contact-form .form-input.message-input {
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    padding: 25px 20px 30px;
  }
}
.contact-form.style-2 {
  max-width: 610px;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
}
.contact-form.style-2 .title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 .title {
    margin-bottom: 20px;
  }
}
.contact-form.style-2 .form-input {
  margin-bottom: 27px;
  position: relative;
}
.contact-form.style-2 .form-input.message-input {
  margin-top: 0;
}
@media (max-width: 575px) {
  .contact-form.style-2 .form-input.message-input {
    margin-top: 20px;
  }
}
.contact-form.style-2 .form-input textarea,
.contact-form.style-2 .form-input input[type=tel],
.contact-form.style-2 .form-input input[type=text],
.contact-form.style-2 .form-input input[type=email] {
  color: var(--tj-color-text-body-2);
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-form.style-2 .form-input textarea::-webkit-input-placeholder,
.contact-form.style-2 .form-input input[type=tel]::-webkit-input-placeholder,
.contact-form.style-2 .form-input input[type=text]::-webkit-input-placeholder,
.contact-form.style-2 .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form.style-2 .form-input textarea:-moz-placeholder,
.contact-form.style-2 .form-input input[type=tel]:-moz-placeholder,
.contact-form.style-2 .form-input input[type=text]:-moz-placeholder,
.contact-form.style-2 .form-input input[type=email]:-moz-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form.style-2 .form-input textarea::-moz-placeholder,
.contact-form.style-2 .form-input input[type=tel]::-moz-placeholder,
.contact-form.style-2 .form-input input[type=text]::-moz-placeholder,
.contact-form.style-2 .form-input input[type=email]::-moz-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form.style-2 .form-input textarea:-ms-input-placeholder,
.contact-form.style-2 .form-input input[type=tel]:-ms-input-placeholder,
.contact-form.style-2 .form-input input[type=text]:-ms-input-placeholder,
.contact-form.style-2 .form-input input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form.style-2 .form-input textarea::placeholder,
.contact-form.style-2 .form-input input[type=tel]::placeholder,
.contact-form.style-2 .form-input input[type=text]::placeholder,
.contact-form.style-2 .form-input input[type=email]::placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form.style-2 .form-input textarea:focus,
.contact-form.style-2 .form-input input[type=tel]:focus,
.contact-form.style-2 .form-input input[type=text]:focus,
.contact-form.style-2 .form-input input[type=email]:focus {
  border-color: rgb(255, 255, 255);
}
.contact-form.style-2 .form-input .cf-label {
  color: var(--tj-color-text-body-2);
}
.contact-form.style-2 .form-input .nice-select {
  color: var(--tj-color-text-body-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-form.style-2 .form-input .nice-select.open {
  border-color: rgb(255, 255, 255);
}
.contact-form.style-2 .form-input .nice-select::after {
  color: var(--tj-color-common-white);
}
.contact-form.style-2 .form-input textarea {
  height: 140px;
}
@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: 575px) {
  .contact-form.style-2 {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 {
    padding: 35px 20px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    margin-inline-end: 0;
  }
}

.contact-item.style-2 {
  padding: 30px 25px 40px;
  background-color: var(--tj-color-theme-bg);
  text-align: center;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-item.style-2 {
    padding: 25px;
  }
}
.contact-item.style-2 p {
  margin-bottom: 0;
  max-width: 224px;
  margin: 0 auto;
}
.contact-item.style-2:hover .contact-icon {
  background: var(--tj-color-theme-primary);
}
.contact-item.style-2:hover .contact-icon i {
  color: var(--tj-color-common-white);
}
.contact-item.style-2 .contact-icon {
  width: 88px;
  height: 88px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--tj-color-theme-dark);
  border-radius: 50%;
  margin-bottom: 22px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.contact-item.style-2 .contact-icon i {
  font-size: 32px;
  color: var(--tj-color-theme-primary);
}
.contact-item.style-2 .contact-title {
  font-size: 24px;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-item.style-2 .contact-title {
    font-size: 20px;
  }
}
.contact-item.style-2 .contact-list {
  list-style: none;
}
.contact-item.style-2 .contact-list li a {
  color: var(--tj-color-text-body);
}
.contact-item.style-2 .contact-list li a:hover {
  color: var(--tj-color-theme-primary);
}
.contact-item.style-2 .contact-list li.active a {
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-theme-primary);
}

/* !END: Contact CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.tj-slider-section {
  position: relative;
  z-index: 1;
  margin: 75px 30px 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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) {
  .tj-slider-section {
    margin: 70px 15px 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-section {
    margin: 0;
    border-radius: 12px;
  }
}

.tj-slider-item {
  height: 89.6vh;
  background-color: var(--tj-color-theme-dark);
  border: 1px solid #364068;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.tj-slider-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(rgba(0, 2, 51, 0.15) 0%, rgb(0, 2, 51) 100%);
}
.tj-slider-item .slider-wrapper {
  max-width: 1480px;
  margin: 0 auto;
  padding: 200px 0 140px 0;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .tj-slider-item .slider-wrapper {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-slider-item .slider-wrapper {
    padding-inline-start: 70px;
    padding-inline-end: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-wrapper {
    padding: 150px 60px 120px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-wrapper {
    padding: 150px 50px 120px 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-wrapper {
    padding: 150px 15px 120px 15px;
  }
}
.tj-slider-item .slider-content {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.tj-slider-item .slider-content .slider-title-area {
  max-width: 730px;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-slider-item .slider-content .slider-title-area {
    max-width: 660px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-content .slider-title-area {
    max-width: 540px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-title-area {
    max-width: 520px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-slider-item .slider-content .slider-title-area {
    max-width: 490px;
  }
}
.tj-slider-item .slider-content .slider-title-area .slider-desc {
  font-size: 16px;
  line-height: 1.444;
  color: var(--tj-color-white-2);
  margin-bottom: 25px;
  font-weight: var(--tj-fw-medium);
  min-width: 100%;
}
.tj-slider-item .slider-content .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-common-white);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: var(--tj-fw-sbold);
  padding: 7px 8px;
  margin-bottom: 10px;
  border: 1px solid var(--tj-color-theme-primary);
  border-radius: 6px;
}
.tj-slider-item .slider-content .sub-title i {
  font-size: 15px;
  color: var(--tj-color-theme-primary);
}
.tj-slider-item .slider-content .slider-title {
  color: var(--tj-color-common-white);
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 10px;
}
.tj-slider-item .slider-content .slider-title span {
  color: var(--tj-color-text-body-2);
}
.tj-slider-item .slider-content .slider-title img {
  max-width: 188px;
  border-radius: 50px;
  border: 4px solid var(--tj-color-theme-primary);
  vertical-align: top;
  margin-top: 5px;
  display: inline-flex;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-title img {
    max-width: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content .slider-title img {
    max-width: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-title img {
    max-width: 105px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.tj-slider-item .slider-content .slider-desc {
  max-width: 350px;
  width: 100%;
  font-size: 18px;
  line-height: 1.444;
  color: var(--tj-color-white-2);
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-content .slider-desc {
    max-width: 305px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-desc {
    max-width: 270px;
    font-size: 16px;
  }
}
.tj-slider-item .slider-content .slider-btn {
  margin-bottom: 25px;
}
.tj-slider-item .slider-content .slider-btn .tj-primary-btn {
  background-color: transparent;
  border: 2px solid var(--tj-color-common-white);
  height: 88px;
  padding: 10px 20px;
}
.tj-slider-item .slider-content .slider-btn .tj-primary-btn .btn-inner::before {
  display: none;
}
.tj-slider-item .slider-content .slider-btn .tj-primary-btn .btn-icon {
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-slider-item .slider-content .slider-btn .tj-primary-btn {
    height: 80px;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-slider-item .slider-content .slider-btn .tj-primary-btn {
    height: 75px;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-btn .tj-primary-btn {
    height: 70px;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-btn .tj-primary-btn {
    height: 65px;
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content .slider-btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content .slider-btn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-slider-item .slider-content {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item .slider-content {
    flex-direction: column;
    align-items: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-slider-item {
    height: 70vh;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-slider-item {
    height: 92vh;
    border-radius: 0 0 16px 16px;
  }
}

.swiper-slide .slider-content .sub-title,
.swiper-slide .slider-content .slider-title,
.swiper-slide .slider-content .slider-desc,
.swiper-slide .slider-content .slider-btn {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition-duration: 0.8s;
}
.swiper-slide.swiper-slide-active .slider-content .sub-title,
.swiper-slide.swiper-slide-active .slider-content .slider-title,
.swiper-slide.swiper-slide-active .slider-content .slider-desc,
.swiper-slide.swiper-slide-active .slider-content .slider-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.swiper-slide.swiper-slide-active .slider-content .sub-title {
  transition-delay: 0.8s;
}
.swiper-slide.swiper-slide-active .slider-content .slider-title {
  transition-delay: 1s;
}
.swiper-slide.swiper-slide-active .slider-content .slider-desc {
  transition-delay: 1.25s;
}
.swiper-slide.swiper-slide-active .slider-content .slider-btn {
  transition-delay: 1.5s;
}

.slider-bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
  margin-top: 26px;
  display: inline-flex;
  justify-content: space-between;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.hero-navigation .slider-next,
.hero-navigation .slider-prev {
  width: 55px;
  height: 76px;
  font-size: 34px;
  background-color: var(--tj-color-theme-dark);
  margin-top: -60px;
  border: 1px solid #364068;
  position: relative;
  z-index: 1;
}
.hero-navigation .slider-next::before, .hero-navigation .slider-next::after,
.hero-navigation .slider-prev::before,
.hero-navigation .slider-prev::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -24px;
  right: 0;
  width: 38px;
  height: 24px;
  box-shadow: 20px 0 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 24px 0;
  z-index: -1;
  border-bottom: 1px solid #364068;
  border-right: 1px solid #364068;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-navigation .slider-next::before, .hero-navigation .slider-next::after,
  .hero-navigation .slider-prev::before,
  .hero-navigation .slider-prev::after {
    width: 30px;
    height: 24px;
    border-radius: 0 0 15px 0;
  }
}
.hero-navigation .slider-next::after,
.hero-navigation .slider-prev::after {
  top: auto;
  bottom: -24px;
  border-radius: 0 24px 0 0;
  border-top: 1px solid #364068;
  border-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-navigation .slider-next::after,
  .hero-navigation .slider-prev::after {
    border-radius: 0 15px 0 0;
  }
}
.hero-navigation .slider-next .anim-icon i,
.hero-navigation .slider-prev .anim-icon i {
  color: var(--tj-color-common-white);
}
.hero-navigation .slider-next .anim-icon i:last-child,
.hero-navigation .slider-prev .anim-icon i:last-child {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-navigation .slider-next,
  .hero-navigation .slider-prev {
    width: 45px;
    height: 60px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-navigation .slider-next,
  .hero-navigation .slider-prev {
    display: none;
  }
}
.hero-navigation .slider-prev {
  border-radius: 0 24px 24px 0;
  justify-content: start;
  border-left: 0;
}
.hero-navigation .slider-prev::before, .hero-navigation .slider-prev::after {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-navigation .slider-prev {
    border-radius: 0 20px 20px 0;
  }
}
.hero-navigation .slider-next {
  border-radius: 24px 0 0 24px;
  justify-content: end;
  border-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-navigation .slider-next {
    border-radius: 20px 0 0 20px;
  }
}
.hero-pagination {
  background-color: var(--tj-color-theme-dark);
  max-width: 190px;
  height: 55px;
  margin: 0 auto;
  right: 0;
  bottom: 0 !important;
  border-radius: 24px 24px 0 0;
  border: 1px solid #364068;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-pagination::before, .hero-pagination::after {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -24px;
  width: 24px;
  height: 36px;
  box-shadow: 0 20px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 24px 0;
  border-bottom: 1px solid #364068;
  border-right: 1px solid #364068;
  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: 575px) {
  .hero-pagination::before, .hero-pagination::after {
    border-radius: 0 0 16px 0;
  }
}
.hero-pagination::after {
  left: auto;
  right: -24px;
  border-radius: 0 0 0 24px;
  border-right: 0;
  border-left: 1px solid #364068;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-pagination::after {
    border-radius: 0 0 0 16px;
  }
}
.hero-pagination .swiper-pagination-bullet {
  background-color: transparent;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-sbold);
  width: auto;
  height: auto;
  line-height: 1;
  opacity: 1;
  margin: 0 20px !important;
}
.hero-pagination .swiper-pagination-bullet:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 4px;
  height: 4px;
  background-color: var(--tj-color-common-white);
  opacity: 0.2;
  border-radius: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 575px) {
  .hero-pagination .swiper-pagination-bullet:not(:last-child)::after {
    right: -15px;
  }
}
.hero-pagination .swiper-pagination-bullet-active {
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .hero-pagination .swiper-pagination-bullet {
    margin: 0 15px !important;
  }
}
@media (max-width: 575px) {
  .hero-pagination {
    max-width: 170px;
  }
}

/* !END: Slider CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.tj-team-section {
  padding-top: 120px;
  padding-bottom: 90px;
  overflow: hidden;
}
.tj-team-section .sec-heading {
  max-width: 550px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-team-section {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-team-section {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.tj-team-section-2 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
}
.tj-team-section-2 .team-item .social-links {
  background-color: var(--tj-color-theme-bg);
}
.tj-team-section-2 .team-item .social-links::after, .tj-team-section-2 .team-item .social-links::before {
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
}

@media (max-width: 575px) {
  .team-wrapper {
    margin-right: -15px;
  }
}

.team-item {
  position: relative;
  z-index: 1;
  padding: 2px 2px 0 2px;
}
.team-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-image: linear-gradient(rgb(255, 0, 127) 0%, rgba(255, 0, 127, 0) 100%);
  opacity: 0;
  border-radius: 10px;
  z-index: 2;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.team-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgb(255, 0, 127) 0%, rgba(255, 0, 127, 0) 100%);
  opacity: 0;
  border-radius: 10px;
  z-index: -1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.team-item .team-img {
  position: relative;
  background-color: var(--tj-color-theme-dark);
  z-index: 1;
  border-radius: 10px;
}
.team-item .team-img img {
  width: 100%;
  border-radius: 10px;
  mix-blend-mode: luminosity;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.team-item .social-links {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: var(--tj-color-theme-dark);
  border-top-left-radius: 12px;
  padding: 10px 0 0 10px;
  z-index: 2;
}
.team-item .social-links::after, .team-item .social-links::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
}
.team-item .social-links::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.team-item .social-links .share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tj-color-theme-bg);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 16px;
  color: var(--tj-color-theme-primary);
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.team-item .social-links ul {
  flex-direction: column;
  justify-content: center;
  gap: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  opacity: 0;
}
.team-item .social-links ul li {
  margin-bottom: -32px;
}
.team-item .social-links ul li:last-child {
  margin: 0;
}
.team-item .social-links ul li a {
  font-size: 16px;
  width: 32px;
  height: 32px;
  background-color: var(--tj-color-theme-bg);
}
.team-item .social-links ul li a:hover {
  opacity: 1;
  background-color: var(--tj-color-theme-primary);
}
.team-item .social-links ul li a:hover i {
  color: var(--tj-color-common-white);
}
.team-item .social-links:hover .share-icon {
  opacity: 0;
  visibility: hidden;
  transform: rotate(0);
}
.team-item .social-links:hover ul {
  gap: 6px;
  opacity: 1;
}
.team-item .social-links:hover ul li {
  margin: 0;
}
.team-item .team-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 25px 30px;
  width: 100%;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-item .team-content {
    padding: 20px;
  }
}
.team-item .title {
  margin-bottom: 0;
}
.team-item .title a {
  display: inline-block;
}
.team-item .title a:hover {
  letter-spacing: 0;
}
.team-item .designation {
  font-size: 14px;
  color: var(--tj-color-text-body-3);
  line-height: 1;
  display: inline-flex;
}
.team-item:hover::before {
  opacity: 0.5;
  height: 100%;
}
.team-item:hover::after {
  opacity: 0.2;
}
.team-item:hover .share-icon {
  transform: rotate(360deg);
}

/* !END: Team CSS */
/**----------------------------------------
START: Team Details CSS
----------------------------------------*/
.team-details {
  padding: 120px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details {
    padding: 60px 0;
  }
}
.team-details .sticky-lg-top {
  top: 120px;
  z-index: 2;
}
.team-details__img {
  background-color: var(--tj-color-theme-dark);
}
.team-details__img img {
  border-radius: 12px;
  width: 100%;
  mix-blend-mode: luminosity;
}
.team-details__content {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__content {
    margin-top: 30px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__content {
    margin-top: 20px;
  }
}
.team-details .team-details__subtitle {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details .team-details__subtitle {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__name {
    font-size: 36px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__name {
    font-size: 30px;
    margin-bottom: 8px;
  }
}
.team-details__desig {
  margin-bottom: 20px;
  color: var(--tj-color-text-body-3);
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__desig {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__desig {
    margin-bottom: 8px;
  }
}
.team-details .social-links ul li a {
  background-color: var(--tj-color-theme-bg);
}
.team-details__contact-info ul {
  display: flex;
  background-color: var(--tj-color-theme-bg);
  margin: 30px 0;
  border-radius: 12px;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__contact-info ul {
    margin: 20px 0;
  }
}
@media (max-width: 575px) {
  .team-details__contact-info ul {
    flex-wrap: wrap;
  }
}
.team-details__contact-info ul li {
  flex: 1 1 50%;
  padding: 25px 28px;
  border-right: 1px solid var(--tj-color-border-1);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.team-details__contact-info ul li:last-child {
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details__contact-info ul li {
    padding: 16px 18px;
    align-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__contact-info ul li {
    padding: 12px 14px;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .team-details__contact-info ul li {
    flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid var(--tj-color-border-1);
  }
}
.team-details__contact-info ul span {
  color: var(--tj-color-text-body-3);
  display: inline-block;
}
@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: 575px) {
  .team-details__contact-info ul span {
    font-size: 14px;
  }
}
.team-details__contact-info ul a {
  font-size: 20px;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 0;
  position: relative;
  display: inline-block;
}
.team-details__contact-info ul a::after {
  content: "";
  width: 0;
  height: 1px;
  transition: all 0.3s;
  position: absolute;
  bottom: 2px;
  left: 0;
  background-color: var(--tj-color-heading-primary);
}
@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: 575px) {
  .team-details__contact-info ul a {
    font-size: 16px;
  }
}
.team-details__contact-info ul a:hover::after {
  width: 100%;
}
.team-details__experience {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details__experience {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__experience {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.team-details__experience__list ul {
  display: flex;
  background-color: var(--tj-color-theme-bg);
  flex-wrap: wrap;
  margin: 25px 0;
  border-radius: 12px;
  list-style: none;
  border-radius: 10px;
}
.team-details__experience__list ul li {
  flex: 1 1 50%;
  padding: 25px;
  display: flex;
  gap: 8px;
  border: 1px solid var(--tj-color-border-1);
  border-top: 0;
  border-left: 0;
}
.team-details__experience__list ul li:nth-last-child(2), .team-details__experience__list ul li:last-child {
  border-bottom: 0;
}
.team-details__experience__list ul li p {
  margin-bottom: 0;
}
.team-details__experience__list ul li i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 22px;
  width: 100%;
  height: 22px;
  font-size: 14px;
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
  margin-top: 4px;
}
.team-details__experience__list ul li:last-child {
  border-right: 0;
}
.team-details__experience__list ul li:nth-child(2n) {
  border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-details__experience__list ul li {
    padding: 16px;
  }
}
@media (max-width: 575px) {
  .team-details__experience__list ul li {
    flex: 1 1 100%;
    border-right: 0;
  }
  .team-details__experience__list ul li:nth-last-child(2) {
    border-bottom: 1px solid var(--tj-color-border-1);
  }
}

.contact-team-details-inner {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  padding: 80px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-team-details-inner .sec-heading {
    padding-inline-end: 30px;
  }
}
.contact-team-details-inner .desc {
  margin-top: 20px;
}
.contact-team-details-inner .contact-form {
  background-color: var(--tj-color-theme-dark);
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-team-details-inner .contact-form {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-team-details-inner {
    padding: 80px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-team-details-inner {
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-team-details-inner {
    padding: 40px 20px;
  }
}
.contact-team-details-message {
  font-size: 16px;
}
.contact-team-details-message a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.contact-team-details-message a i {
  color: var(--tj-color-theme-primary);
}
.contact-team-details-message a:hover {
  color: var(--tj-color-theme-primary);
}

/* !END: Team Details CSS */
/**----------------------------------------
START: Progress bar CSS
----------------------------------------*/
.tj-progress-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-progress-list {
    gap: 20px;
  }
}
.tj-progress {
  width: 100%;
  padding: 0;
  margin: 0;
  height: 4px;
  background: var(--tj-color-theme-bg);
  position: relative;
  z-index: 0;
}
.tj-progress-title {
  font-size: 16px;
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  letter-spacing: 0;
  margin-bottom: 3px;
}
.tj-progress-bar {
  width: 0;
  height: 100%;
  background: var(--tj-color-theme-primary);
  position: relative;
  z-index: 1;
}
.tj-progress-percent {
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  height: auto;
  position: absolute;
  right: 0;
  bottom: 11px;
  z-index: 2;
}

/* !END: Progress bar CSS */
/**----------------------------------------
START: Breadcrumb CSS
----------------------------------------*/
.tj-page-header {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--tj-color-theme-dark);
  border-radius: 20px;
  padding-top: 135px;
  padding-bottom: 150px;
  margin-inline-start: 30px;
  margin-inline-end: 30px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.tj-page-header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-page-header {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-page-header {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
.tj-page-title {
  color: var(--tj-color-common-white);
  line-height: 1;
  margin-bottom: 0;
}
.tj-page-link {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background: var(--tj-color-theme-dark);
  border-radius: 6px;
  padding: 8px 15px;
  margin-top: 26px;
  z-index: 2;
}
.tj-page-link span {
  color: var(--tj-color-grey-1);
  font-size: 16px;
  position: relative;
  display: inline-block;
  line-height: 1;
}
.tj-page-link span i {
  display: inline-flex;
  line-height: 1;
  font-size: 16px;
  color: var(--tj-color-theme-primary);
}
.tj-page-link span span {
  color: var(--tj-color-common-white);
}
.tj-page-link span a {
  color: var(--tj-color-grey-1);
}
.tj-page-link span a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-link {
    margin-top: 25px;
  }
}

/* !END: Breadcrumb CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.tj-pricing-section {
  position: relative;
  z-index: 1;
}
.tj-pricing-section .sec-heading {
  margin-bottom: 30px;
}

.pricing-switcher-area {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-switcher-area {
    margin-bottom: 40px;
  }
}
.pricing-switcher-inner {
  display: inline-flex;
  align-items: center;
  gap: 15px;
}
.pricing-switcher-inner span {
  font-weight: var(--tj-fw-sbold);
}
.pricing-switcher {
  width: 70px;
  height: 36px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 45px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
}
.pricing-switcher .nav-link {
  width: 50%;
  height: 26px;
  position: relative;
}
.pricing-switcher .nav-link::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: none;
  pointer-events: none;
}
.pricing-switcher .nav-link.active::before {
  opacity: 1;
}
.pricing-tab {
  background-color: var(--tj-color-theme-primary);
  border-radius: 50px;
  display: inline-flex;
  max-width: 190px;
  padding: 4px;
  margin-top: 25px;
}
.pricing-tab .nav-link {
  display: inline-flex;
  background: transparent;
  color: var(--tj-color-common-white);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  border-radius: 30px;
  padding: 9px 20px;
  outline: none;
  border: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: relative;
  z-index: 2;
}
.pricing-tab .nav-link.active {
  background: var(--tj-color-theme-dark);
}
.pricing-box {
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  border-top-right-radius: 0;
  padding: 2px;
  overflow: hidden;
  position: relative;
}
.pricing-box-inner {
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  border-top-right-radius: 0;
  padding: 48px 30px 42px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-box-inner {
    padding: 45px 20px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box-inner {
    padding: 30px 20px;
  }
}
.pricing-box.active {
  background-image: linear-gradient(to bottom, rgb(255, 0, 127), rgba(255, 0, 127, 0));
}
.pricing-box.active .pricing-badge {
  border-left-color: var(--tj-color-theme-primary);
  border-bottom-color: var(--tj-color-theme-primary);
}
.pricing-box.active .pricing-badge::before, .pricing-box.active .pricing-badge::after {
  border-top-color: var(--tj-color-theme-primary);
  border-right-color: var(--tj-color-theme-primary);
}
.pricing-box.active .pricing-badge span {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.pricing-box.active .package-name {
  color: var(--tj-color-common-white);
}
.pricing-box.active .package-price {
  color: var(--tj-color-common-white);
}
.pricing-box.active .package-currency {
  color: var(--tj-color-common-white);
}
.pricing-box.active .pricing-btn a {
  background-color: var(--tj-color-theme-primary);
}
.pricing-box.active .pricing-btn a .btn-text {
  color: var(--tj-color-heading-primary);
}
.pricing-box.active .pricing-btn a .btn-icon {
  background-color: var(--tj-color-theme-dark);
}
.pricing-box.active .pricing-btn a .btn-icon::before {
  width: 48px;
}
.pricing-box.active .pricing-btn a:hover .btn-icon::before {
  width: 100%;
}
.pricing-box.style-2:not(:last-child) {
  margin-bottom: 30px;
}
.pricing-box.style-2 .pricing-box-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box.style-2 .pricing-badge {
    font-size: 13px;
    padding: 0 0 6px 6px;
  }
  .pricing-box.style-2 .pricing-badge span {
    padding: 6px;
    border-radius: 4px;
  }
}
.pricing-box.style-2 .pricing-header {
  width: 49.6%;
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-box.style-2 .pricing-header {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box.style-2 .pricing-header {
    width: 100%;
    padding: 20px;
    margin: 30px 0;
  }
}
.pricing-box.style-2 .list-style-3 {
  flex: 1;
  padding-left: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box.style-2 .list-style-3 {
    padding-left: 0;
  }
}
.pricing-box.style-2 .pricing-btn {
  max-width: 206px;
  width: 100%;
  margin-bottom: 0;
}
.pricing-box.style-3 .list-style-3 {
  background-color: var(--tj-color-theme-dark);
  border-radius: 10px;
  padding: 25px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing-box.style-3 .list-style-3 {
    padding: 15px;
  }
}
.pricing-box.style-3 .pricing-btn {
  margin: 30px 0 0 0;
}
.pricing-box.style-3 .pricing-btn a {
  border-radius: 10px;
}
.pricing-box.style-3 .pricing-btn a .btn-icon {
  border-radius: 8px;
}
.pricing-box.style-3 .pricing-btn a .btn-icon::before {
  border-radius: 8px;
}
.pricing-box.style-3.active {
  background-color: var(--tj-color-theme-primary);
}
.pricing-box:hover .pricing-badge > span span {
  transform: translateY(-30px);
}
.pricing-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 0 0 10px 10px;
  background-color: var(--tj-color-theme-dark);
  border-bottom-left-radius: 12px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.pricing-badge > span {
  display: inline-flex;
  background-color: var(--tj-color-theme-bg);
  color: var(--tj-color-theme-primary);
  padding: 10px 14px;
  border-radius: 8px;
  overflow: hidden;
  text-shadow: 0 30px 0;
}
.pricing-badge::before, .pricing-badge::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.pricing-badge::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}

.package-name {
  line-height: 1;
  margin-bottom: 10px;
}
.package-desc {
  padding-bottom: 23px;
}
.package-desc p {
  margin-bottom: 0;
}
.package-price {
  display: flex;
  font-size: 64px;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  line-height: 0.8;
  margin: 26px 0 30px;
}
.package-period {
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  margin-top: auto;
}

.pricing-btn {
  overflow: hidden;
  margin-bottom: 25px;
}
.pricing-btn a {
  background-color: var(--tj-color-theme-primary);
  display: flex;
  justify-content: space-between;
  border: 4px solid var(--tj-color-theme-primary);
  border-radius: 50px;
  padding: 0;
}
.pricing-btn a .btn-text {
  font-weight: var(--tj-fw-sbold);
  padding-left: 20px;
  color: var(--tj-color-common-white);
}
.pricing-btn a .btn-text span {
  text-shadow: 0 30px 0 currentColor;
}
.pricing-btn a .btn-icon {
  width: 48px;
  height: 48px;
  border-radius: 50px;
}
.pricing-btn a .btn-icon::before {
  content: "";
  background-color: var(--tj-color-theme-dark);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  border-radius: 50px;
}
.pricing-btn a .btn-icon i {
  color: var(--tj-color-common-white);
}
.pricing-btn:hover .btn-icon {
  background-color: var(--tj-color-theme-dark);
}
.pricing-btn:hover .btn-icon::before {
  width: 48px;
}
.pricing-btn:hover .btn-icon i {
  color: var(--tj-color-common-white);
}

.list-style-3 .title {
  margin-bottom: 20px;
}
.list-style-3 ul {
  list-style: none;
}
.list-style-3 ul li {
  color: var(--tj-color-text-body);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.03em;
  display: flex;
  gap: 9px;
  margin-bottom: 10px;
}
.list-style-3 ul li:last-child {
  margin-bottom: 0;
}
.list-style-3 ul li i {
  font-size: 14px;
  color: var(--tj-color-theme-primary);
  margin-top: 6px;
}

.tj-tab-switcher .form-switch {
  padding: 0;
  margin: 0;
}
.tj-tab-switcher .form-check .form-check-input {
  display: none;
}
.tj-tab-switcher .form-check:has(.form-check-input) .form-check-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  cursor: pointer;
  background-color: var(--tj-color-theme-bg);
  float: none;
  height: 36px;
  width: 70px;
  margin: 0;
  box-shadow: none;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 50px;
}
.tj-tab-switcher .form-switch:has(.form-check-input) .form-check-label::after {
  content: "";
  height: 20px;
  width: 20px;
  border: 0;
  background: linear-gradient(149.04deg, rgba(244, 68, 84, 0.3) 15%, rgba(255, 250, 250, 0) 78.75%);
  border-radius: 37px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 8.5px;
  z-index: 2;
  cursor: pointer;
}
.tj-tab-switcher .form-switch:has(.form-check-input) .form-check-label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: var(--tj-color-theme-primary);
  z-index: 1;
  border-radius: 100%;
  border: 0;
  transition: all 0.3s;
}
.tj-tab-switcher .form-check:has(.form-check-input:checked) .form-check-label::before {
  background-color: var(--tj-color-theme-primary);
}
.tj-tab-switcher .ms-input .form-check-input:checked {
  box-shadow: none;
  background-color: var(--tj-color-theme-bg);
}
.tj-tab-switcher .form-switch:has(.form-check-input:checked) .form-check-label::after {
  left: 45px;
}
.tj-tab-switcher .form-switch:has(.form-check-input:checked) .form-check-label::before {
  left: 38px;
}

/* !END: Pricing CSS */
/**----------------------------------------
START: Blog Details CSS
----------------------------------------*/
.post-details-wrapper .blog-images {
  margin-bottom: 30px;
  border-radius: 12px;
  overflow: hidden;
}
.post-details-wrapper .title {
  line-height: 1.1;
  margin-bottom: 22px;
}
.post-details-wrapper p {
  margin-bottom: 30px;
}
.post-details-wrapper p:last-child {
  margin-bottom: 0;
}
.post-details-wrapper .images-wrap {
  margin-bottom: 10px;
}
.post-details-wrapper .image-box {
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
}
.post-details-wrapper .image-box img {
  width: 100%;
}
.post-details-wrapper .blog-text h3 {
  margin-bottom: 25px;
}
.post-details-wrapper .blog-text ul {
  margin-bottom: 50px;
  list-style: none;
  columns: 2;
}
.post-details-wrapper .blog-text ul li {
  display: flex;
  align-items: start;
  column-gap: 10px;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 16px;
}
.post-details-wrapper .blog-text ul li:last-child {
  margin-bottom: 0;
}
.post-details-wrapper .blog-text ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1;
  margin-top: 3px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text ul {
    margin-bottom: 30px;
    columns: 1;
  }
}
.post-details-wrapper .blog-text .blog-video {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: 50px;
}
.post-details-wrapper .blog-text .blog-video .video-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  line-height: 1;
  color: var(--tj-color-common-black);
  background: var(--tj-color-common-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 5;
  border: none;
  backdrop-filter: none;
}
.post-details-wrapper .blog-text .blog-video .video-btn span {
  font-size: 20px;
  margin-left: 2px;
  display: inline-flex;
  line-height: 1;
}
.post-details-wrapper .blog-text .blog-video .video-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.2);
  animation: pulse2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text .blog-video .video-btn::before {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text .blog-video .video-btn {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .post-details-wrapper .blog-text .blog-video {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.blog-category-two {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--tj-color-theme-bg);
  border-radius: 10px;
  margin-bottom: 25px;
}
.blog-category-two .category-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-right: 1px solid var(--tj-color-border-1);
  padding: 25px 28px;
  gap: 10px;
  width: 33.33%;
}
.blog-category-two .category-item:last-child {
  border-right: none;
}
.blog-category-two .category-item .cate-images {
  width: 52px;
  height: 52px;
}
.blog-category-two .category-item .cate-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two .category-item .cate-images {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-category-two .category-item .cate-images {
    width: 35px;
    height: 35px;
  }
}
.blog-category-two .category-item .cate-text .degination {
  display: block;
  color: var(--tj-color-grey-2);
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
}
.blog-category-two .category-item .cate-text .title {
  font-weight: var(--tj-fw-medium);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two .category-item .cate-text .title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-category-two .category-item .cate-text .title {
    font-size: 14px;
  }
}
.blog-category-two .category-item .cate-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 52px;
  height: 52px;
  line-height: 1;
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two .category-item .cate-icons {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-category-two .category-item .cate-icons {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }
}
.blog-category-two .category-item .text {
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two .category-item .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-category-two .category-item .text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-category-two .category-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-category-two .category-item {
    padding: 20px 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two .category-item {
    width: 100%;
    padding: 0;
    border: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two {
    padding: 20px;
    gap: 20px;
  }
}

blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--tj-color-theme-bg);
  border: 2px solid var(--tj-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
blockquote::before {
  content: "\e934";
  font-size: 40px;
  color: var(--tj-color-theme-primary);
  font-family: "ainex-icons";
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
}
blockquote p {
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.03em;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
blockquote cite {
  color: var(--tj-color-heading-primary);
  display: block;
  text-align: end;
  font-family: var(--tj-ff-heading);
  font-style: normal;
  position: relative;
  z-index: 1;
}
blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--tj-color-border-1);
  height: 1px;
  width: 50px;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}

.tj-tags-post {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 30px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
  padding: 22px 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.tj-tags-post .tagcloud {
  width: calc(100% - 200px);
}
.tj-tags-post .tagcloud a {
  background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-tags-post .tagcloud {
    width: 100%;
  }
}
.tj-tags-post .post-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 15px;
  row-gap: 10px;
}
.tj-tags-post .post-share ul li {
  font-size: 16px;
  color: var(--tj-color-heading-primary);
  margin-bottom: 0;
}
.tj-tags-post .post-share ul li a {
  display: flex;
  font-size: 17px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-tags-post .post-share ul li a i {
  display: inline-flex;
  line-height: 1;
}
.tj-tags-post .post-share ul li a:hover i {
  color: var(--tj-color-theme-primary);
}
.tj-tags-post.no_socials {
  width: 100%;
}

.tj-post__navigation {
  border: 1px solid var(--tj-color-border-1);
  padding: 21px 30px;
  border-radius: 12px;
  display: flex;
  gap: 25px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.tj-post__navigation .tj-nav-post__nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-sbold);
}
.tj-post__navigation .tj-nav-post__nav a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.tj-post__navigation .tj-nav-post__nav a span i {
  color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
  .tj-post__navigation .tj-nav-post__nav a span {
    width: 48px;
    height: 48px;
  }
}
.tj-post__navigation .tj-nav-post__nav a:hover span {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.tj-post__navigation .tj-nav-post__nav a:hover span i {
  color: var(--tj-color-common-white);
}
.tj-post__navigation .tj-nav-post__grid {
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-common-white);
}
.tj-post__navigation .tj-nav-post__grid a {
  color: currentColor;
}
.tj-post__navigation .tj-nav-post__grid a:hover {
  color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
  .tj-post__navigation {
    padding: 16px 20px;
    gap: 20px;
  }
}

.tj-comments-wrap .comments-title .title {
  margin-bottom: 22px;
}
@media (max-width: 575px) {
  .tj-comments-wrap .comments-title .title {
    margin-bottom: 15px;
  }
}

.tj-latest-comments ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tj-latest-comments ul .tj-comment {
  margin-bottom: 20px;
}
.tj-latest-comments ul .tj-comment:last-child {
  margin-bottom: 0;
}
.tj-latest-comments ul .tj-comment .comment-content {
  display: flex;
  gap: 12px;
  padding: 30px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 10px;
  position: relative;
}
.tj-latest-comments ul .tj-comment .comment-content .comment-avatar {
  max-width: 64px;
  height: 64px;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.tj-latest-comments ul .tj-comment .comment-content .comment-avatar img {
  width: 100%;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header {
  margin-top: 10px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title {
  font-size: 18px;
  margin-bottom: 6px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a {
  display: inline-block;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .reply {
  position: absolute;
  top: 35px;
  right: 30px;
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-theme-dark-3);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .reply:hover {
  color: var(--tj-color-theme-primary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text span {
  font-size: 14px;
  color: var(--tj-color-theme-dark-4);
  font-weight: var(--tj-fw-regular);
}
@media (max-width: 575px) {
  .tj-latest-comments ul .tj-comment .comment-content {
    flex-direction: column;
  }
  .tj-latest-comments ul .tj-comment .comment-content .comment-avatar {
    margin-right: auto;
  }
}
.tj-latest-comments ul .tj-comment .desc {
  margin-top: 14px;
}
.tj-latest-comments ul .tj-comment .desc p:last-child {
  margin-bottom: 0;
}
.tj-latest-comments ul .tj-comment > .children {
  padding-left: 75px;
}
@media (max-width: 575px) {
  .tj-latest-comments ul .tj-comment > .children {
    padding-left: 35px;
  }
}
.tj-latest-comments ul .tj-comment:last-child .comment-content .comments-header {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.tj-comments__container {
  margin-top: 50px;
}

.comment-respond .comment-reply-title {
  margin-bottom: 25px;
}
.comment-respond .form-input {
  margin-bottom: 30px;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.comment-respond .form-input textarea,
.comment-respond .form-input input[type=email],
.comment-respond .form-input input[type=text] {
  background: var(--tj-color-theme-bg);
  height: 60px;
  padding: 18px 20px;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.comment-respond .form-input textarea::placeholder,
.comment-respond .form-input input[type=email]::placeholder,
.comment-respond .form-input input[type=text]::placeholder {
  color: var(--tj-color-grey-2);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.comment-respond .form-input textarea:focus,
.comment-respond .form-input input[type=email]:focus,
.comment-respond .form-input input[type=text]:focus {
  border-color: var(--tj-color-theme-primary);
}
.comment-respond .form-input textarea {
  min-height: 180px;
  resize: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-respond .form-input {
    margin-bottom: 20px;
  }
}

.tj-main-sidebar {
  padding-left: 20px;
}
.tj-main-sidebar.sticky-lg-top {
  top: 120px;
  z-index: 1;
}
@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: 575px) {
  .tj-main-sidebar {
    padding-left: 0;
  }
}

.tj-sidebar-widget {
  background-color: var(--tj-color-theme-bg);
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  z-index: 3;
  border-radius: 10px;
  overflow: hidden;
}
.tj-sidebar-widget:last-child {
  margin-bottom: 0;
}
.tj-sidebar-widget .widget-title {
  color: var(--tj-color-heading-primary);
  position: relative;
  margin-bottom: 25px;
  line-height: 1;
  z-index: 1;
}
.tj-sidebar-widget.widget-search .search-box form {
  position: relative;
  width: 100%;
  z-index: 1;
}
.tj-sidebar-widget.widget-search .search-box form input[type=search] {
  font-size: 16px;
  background: var(--tj-color-theme-dark);
  width: 100%;
  height: 60px;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
  padding: 18px 65px 18px 20px;
  line-height: 1;
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]::placeholder {
  color: var(--tj-color-grey-2);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]:focus {
  border-color: var(--tj-color-theme-primary);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]:focus + button {
  border-color: var(--tj-color-theme-primary);
}
.tj-sidebar-widget.widget-search .search-box form button {
  font-size: 22px;
  color: var(--tj-color-theme-primary);
  width: 54px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 1px solid var(--tj-color-border-1);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.tj-sidebar-widget.widget-search .search-box form button i {
  display: inline-flex;
  line-height: 1;
}
.tj-sidebar-widget.tj-recent-posts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tj-sidebar-widget.tj-recent-posts ul li {
  display: flex;
  align-items: center;
  column-gap: 15px;
  margin-bottom: 15px;
}
.tj-sidebar-widget.tj-recent-posts ul li:last-child {
  margin-bottom: 0;
}
.tj-sidebar-widget.tj-recent-posts ul li:hover .post-thumb img {
  transform: scale(1.15);
}
.tj-sidebar-widget.tj-recent-posts .post-thumb {
  position: relative;
  width: 100px;
  height: 100px;
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden;
}
.tj-sidebar-widget.tj-recent-posts .post-thumb a {
  display: inline-block;
  width: 100%;
}
.tj-sidebar-widget.tj-recent-posts .post-thumb a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.tj-sidebar-widget.tj-recent-posts .post-content .post-title {
  font-size: 16px;
  line-height: 1.375;
  margin-bottom: 15px;
}
.tj-sidebar-widget.tj-recent-posts .post-content .post-title a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-sidebar-widget.tj-recent-posts .post-content .blog-meta {
  margin-bottom: 0;
}
.tj-sidebar-widget.tj-recent-posts .post-content .blog-meta ul li {
  font-size: 14px;
  color: var(--tj-color-grey-1);
}
.tj-sidebar-widget.widget-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tj-sidebar-widget.widget-categories ul li {
  margin-bottom: 10px;
}
.tj-sidebar-widget.widget-categories ul li:last-child {
  margin-bottom: 0;
}
.tj-sidebar-widget.widget-categories ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  background: var(--tj-color-theme-dark);
  padding: 20px 15px 17px 25px;
  border-radius: 10px;
}
.tj-sidebar-widget.widget-categories ul li a span {
  color: var(--tj-color-heading-primary);
}
.tj-sidebar-widget.widget-categories ul li a .icon {
  font-size: 24px;
  line-height: 1;
  display: inline-flex;
}
.tj-sidebar-widget.widget-categories ul li a:hover {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.tj-sidebar-widget.widget-categories ul li a:hover span {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .tj-sidebar-widget {
    padding: 25px 15px;
  }
}

.tagcloud {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 12px;
}
.tagcloud a {
  background-color: var(--tj-color-theme-dark);
  font-size: 16px;
  line-height: 1;
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  padding: 6px 10px;
  border-radius: 4px;
  display: inline-flex;
  overflow: hidden;
}
.tagcloud a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}

.infos-item {
  display: flex;
  column-gap: 8px;
  padding: 20px 0;
}
.infos-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.infos-item .project-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  font-size: 20px;
  color: var(--tj-color-common-white);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.infos-item .project-text span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-text-body);
  margin: 0;
}
.infos-item .project-text .title {
  line-height: 1.1;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .infos-item .project-text .title {
    font-size: 16px;
  }
}

.service-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-categories ul li {
  margin-bottom: 10px;
}
.service-categories ul li:last-child {
  margin-bottom: 0;
}
.service-categories ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  background: var(--tj-color-theme-dark);
  padding: 20px 15px 17px 25px;
  border-radius: 10px;
}
.service-categories ul li a span {
  color: var(--tj-color-heading-primary);
}
.service-categories ul li a .icon {
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
}
.service-categories ul li a:hover, .service-categories ul li a.active {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.service-categories ul li a:hover span, .service-categories ul li a.active span {
  color: var(--tj-color-common-white);
}

.widget-feature-item {
  padding: 20px;
}
.widget-feature-item .feature-box {
  position: relative;
  background: var(--tj-color-theme-dark);
  border-radius: 10px;
  overflow: hidden;
}
.widget-feature-item .feature-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.4;
}
.widget-feature-item .feature-box .feature-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  z-index: 2;
}
.widget-feature-item .feature-box .feature-content .title {
  font-size: 59px;
  color: var(--tj-color-common-white);
  margin-bottom: 15px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 40px;
  }
}
.widget-feature-item .feature-box .feature-content .desc {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content {
    padding: 30px 20px;
  }
}
.widget-feature-item .feature-images {
  border-radius: 12px;
  overflow: hidden;
}
.widget-feature-item .feature-images img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 575px) {
  .widget-feature-item {
    padding: 20px 15px;
  }
}

.details-content-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 15px;
  align-items: center;
  margin-bottom: 50px;
}

.service-details-item {
  background-color: var(--tj-color-theme-bg);
  border-radius: 10px;
  padding: 30px 17px 25px 18px;
  max-width: 275px;
  width: 100%;
}
.service-details-item .number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  margin-bottom: 20px;
}
.service-details-item .title {
  line-height: 1.444;
  margin-bottom: 18px;
}
.service-details-item .desc {
  margin-bottom: 0;
}
.service-details-item .desc p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-details-item {
    max-width: 235px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details-item {
    max-width: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-details-item {
    max-width: 250px;
    padding: 30px 15px 15px 15px;
  }
}
@media (max-width: 575px) {
  .service-details-item {
    max-width: 100%;
  }
}

.blog-text .tj-faq {
  margin-bottom: 40px;
  padding-top: 10px;
}

.gallery {
  position: relative;
  display: block;
}
.gallery::before {
  content: "\e911";
  font-family: "ainex-icons" !important;
  color: var(--tj-color-common-white);
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(12, 30, 33, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.gallery:hover::before {
  opacity: 1;
  visibility: visible;
}

/* !END: Blog Details CSS */
/**----------------------------------------
START: Achievement CSS
----------------------------------------*/
.tj-achievement-section .sec-heading {
  max-width: 550px;
}

.achievement-img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.achievement-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.achievement-area {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  padding: 20px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-area {
    padding: 10px 15px;
    border-radius: 18px;
  }
}
.achievement-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--tj-color-border-1);
  padding: 26px 0;
}
.achievement-item:last-child {
  border-bottom: 0;
}
.achievement-item .content {
  max-width: 390px;
  width: 100%;
  display: inline-flex;
  gap: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .achievement-item .content {
    max-width: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-item .content {
    max-width: 275px;
  }
}
.achievement-item .no {
  color: var(--tj-color-grey-2);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  margin-top: 6px;
}
.achievement-item .title {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-item .title {
    font-size: 20px;
  }
}
.achievement-item .year {
  color: var(--tj-color-theme-primary);
  font-size: 20px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  margin-top: 6px;
}
@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: 575px) {
  .achievement-item .year {
    font-size: 17px;
  }
}
@media (max-width: 380px) {
  .achievement-item .year {
    padding-left: 28px;
    margin-top: 3px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .achievement-item {
    padding: 18px 0;
  }
}

/* !END: Achievement CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.tj-video-section {
  border-radius: 24px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-video-section {
    border-radius: 16px;
    margin: 0 12px;
  }
}
.tj-video-section .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tj-video-section .video-bg img {
  width: 100%;
  height: 150%;
  object-fit: cover;
}

.video-content-area {
  position: relative;
  height: 820px;
}
.video-content-area .video-wrap {
  background-color: var(--tj-color-theme-dark);
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px 16px 0 16px;
  border-radius: 24px 24px 0 0;
  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: 575px) {
  .video-content-area .video-wrap {
    padding: 15px 15px 0 15px;
    border-radius: 15px 15px 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area .video-wrap {
    max-width: 281px;
    width: 100%;
    margin: 0 auto;
    left: 0;
  }
}
.video-content-area .video-wrap::after, .video-content-area .video-wrap::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -24px;
  width: 24px;
  height: 50px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 24px 0;
  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: 575px) {
  .video-content-area .video-wrap::after, .video-content-area .video-wrap::before {
    border-radius: 0 0 15px 0;
  }
}
.video-content-area .video-wrap::after {
  left: auto;
  right: -24px;
  border-radius: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area .video-wrap::after {
    border-radius: 0 0 0 15px;
  }
}
.video-content-area .video-btn {
  background-color: var(--tj-color-theme-bg);
  border-radius: 16px;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 42px 50px 42px 45px;
}
.video-content-area .video-btn .video-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  width: 85px;
  height: 85px;
  animation: pulsePrimary 2s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content-area .video-btn .video-icon {
    width: 75px;
    height: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area .video-btn .video-icon {
    width: 65px;
    height: 65px;
  }
}
.video-content-area .video-btn .video-text {
  max-width: 160px;
  width: 100%;
  font-size: 24px;
  color: var(--tj-color-common-white);
  position: relative;
}
.video-content-area .video-btn .video-text span {
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0 85%;
  display: inline;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content-area .video-btn .video-text {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area .video-btn .video-text {
    max-width: 130px;
    font-size: 19px;
  }
}
.video-content-area .video-btn:hover .video-text span {
  background-size: 0 1px;
}
.video-content-area .video-btn:hover .video-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content-area .video-btn {
    padding: 35px 40px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content-area .video-btn {
    padding: 25px 30px;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area .video-btn {
    padding: 20px;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content-area {
    height: 650px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area {
    height: 500px;
  }
}

/* !END: Video CSS */
/**----------------------------------------
START: Gallery CSS
----------------------------------------*/
.tj-gallery-section {
  padding-top: 20px;
  padding-bottom: 30px;
}

.gallery-slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 12px;
}
.gallery-slider .swiper-wrapper {
  transition-timing-function: linear;
}

.gallery-item {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.gallery-img {
  max-width: 300px;
  background-color: var(--tj-color-theme-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.gallery-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.gallery-img img {
  width: 100%;
}
.gallery-img .social-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gallery-img .social-icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
}
.gallery-img:hover::before {
  opacity: 0.5;
  visibility: visible;
}
.gallery-img:hover .social-icon {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery-img {
    width: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gallery-img {
    width: 150px;
  }
}

/* !END: Gallery CSS */
/**----------------------------------------
START: Animate CSS
----------------------------------------*/
@keyframes sticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}
@keyframes pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@keyframes pulse3 {
  0% {
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@keyframes pulsePrimary {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 127, 0.5);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(255, 0, 127, 0.1);
  }
}
@keyframes jumping {
  0% {
    transform: translateY(2px);
  }
  25% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-6px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(2px);
  }
}
@keyframes linehover {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
    right: 0;
  }
  100% {
    width: 100%;
    left: 0;
  }
}
@keyframes textrotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotateClock {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateAntiClock {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.7, 1.1);
  }
  50% {
    transform: scale(1.1, 0.7);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-ms-keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes borderanimate {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes bellshake {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  30% {
    transform: rotate(4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(2deg);
  }
  60% {
    transform: rotate(-2deg);
  }
  70% {
    transform: rotate(1deg);
  }
  80%, 90%, 100% {
    transform: rotate(0);
  }
}
@keyframes shine {
  0% {
    transform: skewX(-25deg) translateX(0);
  }
  100% {
    transform: skewX(-25deg) translateX(250%);
  }
}
@keyframes bounceTwice {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
.zoomInOut {
  animation: zoomEffect 3s linear infinite;
}

@-webkit-keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
@-moz-keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
@-ms-keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes zoomEffect {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes running {
  0% {
    top: 100%;
  }
  50% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
@keyframes running-2 {
  0% {
    top: 0%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 0%;
  }
}
@keyframes movingHorizontal {
  0% {
    left: 30px;
  }
  50% {
    left: 0;
  }
  100% {
    left: 30px;
  }
}
@keyframes flip {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
/* !END: Animate CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-5.header-absolute {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 30px 38px 0 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-area.header-5.header-absolute {
    padding: 30px 18px 0 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-5.header-absolute {
    padding: 20px 8px 0 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-5.header-absolute {
    padding: 0;
  }
}
.header-area.header-5 .site_logo .logo {
  padding: 11px 20px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 40px;
}
.header-area.header-5 .menu-area {
  padding: 0 35px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-5 .menu-area {
    padding: 0 20px;
  }
}
.header-area.header-5 .mainmenu > ul > li > a {
  padding-top: 17px;
  padding-bottom: 18px;
}
.header-area.header-5 .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-5 .mainmenu > ul > li.has-dropdown > a::after {
  top: 21px;
}
.header-area.header-5 .header-right-item {
  gap: 15px;
}
.header-area.header-5 .header-search .search {
  background-color: var(--tj-color-theme-bg);
  border-radius: 40px;
  padding: 12px 24px 12px 16px;
}
@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: 575px) {
  .header-area.header-5 .header-search .search {
    padding: 12px;
  }
  .header-area.header-5 .header-search .search span {
    display: none;
  }
}
.header-area.header-5.sticky {
  padding: 25px 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-area.header-5.sticky {
    padding: 25px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-5.sticky {
    padding: 20px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-5.sticky {
    padding: 0;
  }
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.footer-5 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 2px solid var(--tj-color-theme-primary);
  box-shadow: 0 0 15px 0 rgba(255, 0, 127, 0.7);
}
.footer-5::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--tj-color-theme-bg);
  opacity: 0.9;
  z-index: -1;
}
.footer-5 .footer-main-area {
  padding: 115px 0 85px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .footer-main-area {
    padding: 90px 0 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .footer-main-area {
    padding: 70px 0 50px;
  }
}
.footer-5 .widget-subscribe {
  max-width: 360px;
  margin-inline-start: 0;
  margin-top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .widget-subscribe {
    max-width: 310px;
    padding-inline-start: 0;
  }
}
.footer-5 .subscribe-form input[type=email] {
  height: 60px;
  border: 1px solid var(--tj-color-border-1);
}
.footer-5 .subscribe-form button {
  width: 60px;
  height: 60px;
}
.footer-5 .subscribe-form button::before {
  height: 100%;
}
.footer-5 .social-links.style-2 {
  margin-top: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .social-links.style-2 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .social-links.style-2 {
    margin-top: 30px;
  }
}
.footer-5 .social-links.style-2 .title {
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .social-links.style-2 .title {
    margin-bottom: 20px;
  }
}
.footer-5 .social-links.style-2 ul li a {
  width: 36px;
  height: 36px;
  font-size: 18px;
  border: 1px solid var(--tj-color-border-1);
}
.footer-5 .social-links.style-2 ul li a:hover {
  border-color: var(--tj-color-theme-primary);
}
.footer-5 .widget-nav-menu ul li a {
  color: var(--tj-color-common-white);
}
.footer-5 .widget-nav-menu ul li a::before {
  border-color: var(--tj-color-common-white);
}
.footer-5 .widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.footer-5 .widget-nav-menu ul li a:hover::before {
  border-color: var(--tj-color-theme-primary);
}
.footer-5 .widget-nav-menu.footer-col-2 {
  padding-inline-start: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-5 .widget-nav-menu.footer-col-2 {
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 .widget-nav-menu.footer-col-2 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.footer-5 .widget-nav-menu.footer-col-3 {
  padding-inline-start: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-5 .widget-nav-menu.footer-col-3 {
    padding-inline-start: 50px;
  }
}
@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: 575px) {
  .footer-5 .widget-nav-menu.footer-col-3 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.footer-5 .footer-contact-info .contact-item span {
  color: var(--tj-color-common-white);
}
.footer-5 .footer-contact-info .contact-item a {
  background-color: var(--tj-color-theme-dark);
}
.footer-5 .footer-contact-info .contact-item a:hover {
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-5 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }
}

.tj-copyright-area-4 .copyright-content-area {
  align-items: flex-end;
  padding: 42px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-copyright-area-4 .copyright-content-area {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area-4 .copyright-content-area {
    padding: 23px 0;
    justify-content: center;
  }
}
.tj-copyright-area-4 .copyright-content-area .footer-logo {
  max-width: 239px;
}

.copyright-inner {
  display: inline-flex;
  align-items: center;
}
.copyright-inner .copyright-text-2 {
  position: relative;
  margin-right: 10px;
  padding-right: 14px;
  z-index: 1;
}
.copyright-inner .copyright-text-2::before {
  content: "";
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-inner .copyright-text-2::before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-inner .copyright-text-2 {
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-inner {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }
}

.copyright-text-2 p {
  margin: 0;
}
.copyright-text-2 a {
  color: var(--tj-color-common-white);
}
.copyright-text-2 a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-text-2 {
    width: 100%;
    text-align: center;
  }
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h5-banner-section {
  position: relative;
  overflow: hidden;
  padding: 164px 50px 30px 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-banner-section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-banner-section {
    padding: 130px 20px 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-section {
    padding: 130px 15px 30px 15px;
  }
}

.h5-banner-area {
  position: relative;
}
.h5-banner-area .banner-content {
  max-width: 700px;
  margin-top: 0;
  margin-inline-start: 200px;
}
.h5-banner-area .banner-content .banner-title {
  font-size: 84px;
  line-height: 1.05;
  background: linear-gradient(106.78deg, #ffffff 37.88%, rgba(255, 255, 255, 0.25) 82.64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 10px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-banner-area .banner-content .banner-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-banner-area .banner-content .banner-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-banner-area .banner-content .banner-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-area .banner-content .banner-title {
    font-size: 42px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h5-banner-area .banner-content {
    margin-inline-start: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-area .banner-content {
    margin-inline-start: 0;
    max-width: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-banner-area .banner-content {
    max-width: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-banner-area .banner-content {
    max-width: 450px;
  }
}
.h5-banner-area .customers-box {
  position: absolute;
  top: 0;
  right: 0;
}
.h5-banner-area .customers-box .count-text {
  color: var(--tj-color-text-body);
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: var(--tj-fw-regular);
}
.h5-banner-area .customers-box ul li span,
.h5-banner-area .customers-box ul li img {
  width: 54px;
  height: 54px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-area .customers-box {
    max-width: 100%;
    position: unset;
    padding: 25px;
  }
}

.h5-banner-bottom {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  padding-top: 60px;
}
.h5-banner-bottom-content {
  max-width: 773px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-bottom-content {
    max-width: 100%;
    order: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-bottom {
    flex-wrap: wrap;
    padding-top: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-bottom {
    padding-top: 400px;
  }
}

.choose-box.h5-hero-choose {
  max-width: 388px;
  width: 100%;
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  padding: 0;
}
.choose-box.h5-hero-choose::before {
  display: none;
}
.choose-box.h5-hero-choose.choose-img-box {
  background-image: linear-gradient(rgba(255, 0, 127, 0) 0%, rgba(255, 0, 127, 0.5) 100%);
}
.choose-box.h5-hero-choose.choose-img-box .title a:hover {
  color: var(--tj-color-theme-primary);
}
.choose-box.h5-hero-choose .choose-inner {
  padding: 30px;
  min-height: 376px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-box.h5-hero-choose .choose-inner {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-box.h5-hero-choose .choose-inner {
    min-height: 350px;
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-box.h5-hero-choose .choose-inner {
    min-height: 350px;
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box.h5-hero-choose .choose-inner {
    min-height: 320px;
    padding: 30px 15px;
  }
}
.choose-box.h5-hero-choose .choose-icon {
  margin-bottom: 30px;
}
.choose-box.h5-hero-choose .icon-btn {
  width: 48px;
  height: 48px;
  font-size: 24px;
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .choose-box.h5-hero-choose {
    max-width: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-box.h5-hero-choose {
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-box.h5-hero-choose {
    max-width: calc(50% - 10px);
    order: 2;
  }
}
@media (max-width: 575px) {
  .choose-box.h5-hero-choose {
    max-width: 100%;
    order: 2;
  }
}

.banner-desc {
  max-width: 300px;
  font-size: 20px;
  line-height: 1.3;
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.03em;
  margin-bottom: 20px;
  margin-inline-start: 60px;
}
.banner-desc i {
  font-size: 27px;
  color: var(--tj-color-theme-primary);
  display: block;
  max-width: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-desc {
    max-width: 275px;
    font-size: 18px;
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-desc {
    margin-inline-start: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-hero-text-circle .circle-text-wrap {
    width: 135px;
    height: 135px;
  }
}

.h5-banner-img {
  max-width: 887px;
  position: absolute;
  bottom: 30px;
  right: 15%;
  z-index: -1;
}
.h5-banner-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 98%;
  height: 120%;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(95px);
  filter: blur(95px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-banner-img::before {
    width: 470px;
    height: 490px;
    top: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-img::before {
    width: 330px;
    height: 350px;
    top: 10%;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h5-banner-img {
    right: 10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-banner-img {
    max-width: 800px;
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-banner-img {
    max-width: 750px;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-img {
    max-width: 650px;
    right: 5%;
    left: 0;
    bottom: 300px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-banner-img {
    top: 38%;
    bottom: inherit;
  }
}
@media (max-width: 575px) {
  .h5-banner-img {
    top: 32%;
  }
}

.h5-hero-text-circle .circle-icon {
  font-size: 23px;
}
.h5-hero-text-circle .circle-icon span {
  width: 46px;
  height: 46px;
  background-color: var(--tj-color-theme-primary);
  text-shadow: -30px 0 0;
  overflow: hidden;
  transform: rotate(-45deg);
}
.h5-hero-text-circle .circle-icon:hover i {
  transform: translateX(30px);
}

.customers-box {
  max-width: 274px;
  width: 100%;
  background-color: var(--tj-color-theme-bg);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 288px;
  padding: 30px;
}
.customers ul {
  display: inline-flex;
  list-style: none;
}
.customers ul li {
  line-height: 1;
  margin-inline-start: -19px;
}
.customers ul li img {
  width: 54px;
  height: 54px;
  background-color: var(--tj-color-common-white);
  border: 2px solid var(--tj-color-common-white);
  border-radius: 50%;
}
@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: 576px) and (max-width: 767px) {
  .customers ul li img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .customers ul li img {
    width: 40px;
    height: 40px;
  }
}
.customers ul li span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border: 2px solid var(--tj-color-common-white);
}
.customers ul li span i {
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .customers ul li span {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .customers ul li span {
    width: 40px;
    height: 40px;
  }
}
.customers ul li:first-child {
  margin-inline-start: 0;
}
@media (max-width: 575px) {
  .customers ul li {
    margin-inline-start: -18px;
  }
}
.customers-number {
  color: var(--tj-color-theme-dark);
  font-size: 58px;
  line-height: 0.8;
  letter-spacing: -1.2px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  padding: 45px 0 13px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .customers-number {
    font-size: 50px;
    padding: 25px 0 13px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .customers-number {
    font-size: 40px;
    padding: 20px 0 10px 0;
  }
}
.customers-text {
  color: var(--tj-color-text-body);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: 0;
  font-weight: var(--tj-fw-regular);
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.tj-choose-section-3 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
}

.choose-box.style-3 {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  overflow: visible;
}
.choose-box.style-3::before {
  background: var(--tj-color-theme-primary);
  box-shadow: 0 0 15px rgba(255, 0, 127, 0.7);
  border-radius: 12px;
}
.choose-box.style-3 .choose-inner {
  background-color: var(--tj-color-theme-dark);
  padding: 30px 28px;
}
@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) {
  .choose-box.style-3 .choose-inner {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box.style-3 .choose-inner {
    padding: 30px 15px;
  }
}
.choose-box.style-3 .choose-icon {
  background-color: var(--tj-color-theme-bg);
}
.choose-box.style-3 .text-btn.style-2 {
  margin-top: 24px;
}
.choose-box.style-3 .text-btn.style-2 .btn-text {
  color: var(--tj-color-common-white);
}
.choose-box.style-3 .text-btn.style-2 .btn-text span {
  text-shadow: 0 30px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box.style-3 .text-btn.style-2 {
    margin-top: 18px;
  }
}
.choose-box.style-3:hover .choose-icon {
  background-color: var(--tj-color-theme-primary);
}

.count-number {
  position: absolute;
  top: 30px;
  right: 30px;
  color: var(--tj-color-text-body-2);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
}

/* !END: Choose CSS */
/**----------------------------------------
START: Home 5 About CSS
----------------------------------------*/
.h5-about-section {
  position: relative;
  z-index: 1;
}
.h5-about-section::before {
  content: "";
  position: absolute;
  bottom: -50%;
  right: 0;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-about-section {
    padding-top: 70px;
  }
}

.h5-sec-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
.h5-sec-heading .sub-title {
  flex: 0 0 auto;
  align-items: start;
}
.h5-sec-heading .sec-title {
  width: 58.5%;
}
.h5-sec-heading .sec-title span {
  color: inherit;
  padding-inline-start: 135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-sec-heading .sec-title span {
    padding-inline-start: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-sec-heading .sec-title span {
    padding-inline-start: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-sec-heading .sec-title span {
    padding-inline-start: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-sec-heading .sec-title {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .h5-sec-heading {
    margin-bottom: 35px;
  }
}

.h5-about {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.h5-about-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-about-area {
    flex-direction: column-reverse;
  }
}
.h5-about-content {
  width: 58.5%;
}
.h5-about-content .desc {
  margin-bottom: 0;
}
.h5-about-content .about-btn-area-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-about-content .about-btn-area-2 {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-about-content {
    width: 100%;
  }
}
.h5-about-img {
  max-width: 368px;
  margin-inline-end: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h5-about-img {
    max-width: 330px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-about-img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-about-img {
    margin: 40px auto 0;
  }
}
@media (max-width: 400px) {
  .h5-about-img {
    max-width: 200px;
  }
}
.h5-about-funfact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 460px;
  width: 100%;
  margin-bottom: 60px;
}
.h5-about-funfact .countup-item {
  padding: 0;
  align-items: flex-start;
}
.h5-about-funfact .countup-item:not(:last-child) {
  padding-inline-end: 58px;
  border-right: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-about-funfact .countup-item:not(:last-child) {
    padding-inline-end: 30px;
  }
}
.h5-about-funfact .countup-item:not(:first-child) {
  padding-inline-start: 60px;
  position: relative;
  z-index: 0;
}
.h5-about-funfact .countup-item .count-text {
  max-width: 205px;
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: normal;
  color: var(--tj-color-text-body);
}
.h5-about-funfact .countup-item .inline-content {
  font-size: 68px;
  color: var(--tj-color-heading-primary);
  margin-bottom: 15px;
}
.h5-about-funfact .countup-item .inline-content .odometer {
  color: var(--tj-color-heading-primary);
}
.h5-about-funfact .countup-item .inline-content .odometer .odometer-digit,
.h5-about-funfact .countup-item .inline-content .odometer span {
  color: var(--tj-color-heading-primary);
}
@media (max-width: 575px) {
  .h5-about-funfact .countup-item .inline-content {
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .h5-about-funfact .countup-item {
    width: 100%;
    text-align: start;
  }
  .h5-about-funfact .countup-item:not(:last-child) {
    padding-inline-end: 0;
    padding-bottom: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--tj-color-border-1);
  }
  .h5-about-funfact .countup-item:not(:first-child) {
    padding-inline-start: 0;
    padding-top: 25px;
  }
}
@media (max-width: 575px) {
  .h5-about-funfact {
    max-width: 100%;
    margin-bottom: 35px;
  }
}

.h5-marquee-area {
  position: relative;
  z-index: -1;
  margin-top: -153px;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-marquee-area {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-marquee-area {
    margin-top: -80px;
  }
}

/* !END: Home 5 About CSS  */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.h5-service-item {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  position: relative;
  min-height: 183px;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.h5-service-item:last-child {
  margin-bottom: 0;
}
.h5-service-item .item-count {
  color: var(--tj-color-grey-2);
  font-size: 16px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
}
.h5-service-item .title {
  margin-top: 75px;
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.h5-service-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-item .title {
    margin-top: 20px;
  }
}
.h5-service-item .desc {
  margin-top: 30px;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-item .desc {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    margin-top: 18px;
  }
}
.h5-service-item .icon-btn {
  position: absolute;
  top: 30px;
  right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-item .icon-btn {
    position: static;
    margin: 15px;
  }
}
.h5-service-item .sub-cat {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.h5-service-item .sub-cat span {
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 20px;
  padding: 5px 10px;
}
.h5-service-item .sub-cat span a {
  display: block;
  color: inherit;
}
.h5-service-item .sub-cat span a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-item .sub-cat {
    position: static;
    padding: 15px 15px 30px;
  }
}
.h5-service-item:hover {
  min-height: 360px;
}
.h5-service-item:hover .h5-service-img {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  position: relative;
  transition-delay: 0.1s;
}
.h5-service-item:hover .h5-service-content {
  padding-top: 30px;
  transform: translateX(345px);
  transition-delay: 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-item:hover .h5-service-content {
    padding-top: 0;
    transform: translateX(0);
  }
}
.h5-service-item:hover .title {
  margin-top: 20px;
}
.h5-service-item:hover .desc {
  opacity: 1;
  visibility: visible;
  margin-top: 18px;
  transition-delay: 0.5s;
}
.h5-service-item:hover .icon-btn {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-item {
    min-height: 100%;
  }
}
.h5-service-left {
  display: flex;
  flex-wrap: wrap;
  height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-left {
    height: auto;
  }
}
.h5-service-img {
  max-width: 330px;
  width: 100%;
  height: 330px;
  overflow: hidden;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 15px 0 15px 15px;
  transform: scale(0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.h5-service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-img {
    max-width: 100%;
    margin: 15px;
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    position: relative;
  }
}
.h5-service-content {
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 30px 0 30px 30px;
  transform: translateX(0);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out 0.1s;
  -moz-transition: all 0.5s ease-in-out 0.1s;
  -ms-transition: all 0.5s ease-in-out 0.1s;
  -o-transition: all 0.5s ease-in-out 0.1s;
  transition: all 0.5s ease-in-out 0.1s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-service-content {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    position: relative;
    margin: 30px 0 15px 15px;
  }
}

.h5-bottom-btn .btn-wrap {
  background-color: var(--tj-color-theme-dark);
  border-radius: 35px 35px 0 0;
  margin-bottom: -30px;
  padding: 15px;
  position: relative;
}
.h5-bottom-btn .btn-wrap::after, .h5-bottom-btn .btn-wrap::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -24px;
  width: 24px;
  height: 50px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
  pointer-events: none;
}
.h5-bottom-btn .btn-wrap::after {
  left: auto;
  right: -24px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 12px;
}

/* !END: Services CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.project-wrapper-3 {
  padding: 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .project-wrapper-3 {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-3 {
    padding: 0 15px;
  }
}

.project-item.style-4 {
  padding: 0;
  min-height: 560px;
}
.project-item.style-4 .project-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.project-item.style-4 .project-content {
  background-color: var(--tj-color-theme-dark);
  padding: 30px 20px;
  margin: 15px;
  border-radius: 10px;
  position: absolute;
  bottom: -50px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.project-item.style-4 .project-content:hover .icon-btn i {
  transform: translateX(45px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-4 .project-content {
    padding: 20px 15px;
    margin: 10px;
  }
}
.project-item.style-4 .title {
  width: calc(100% - 70px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-item.style-4 .title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-4 .title {
    max-width: 100%;
    width: calc(100% - 50px);
  }
}
.project-item.style-4 .icon-btn {
  width: 48px;
  height: 48px;
  font-size: 21px;
  background-color: var(--tj-color-theme-primary);
  overflow: hidden;
  text-shadow: -45px 0 0;
  transform: rotate(-45deg);
}
.project-item.style-4 .icon-btn i {
  transform: rotate(0);
}
.project-item.style-4 .icon-btn:hover {
  transform: rotate(0);
}
.project-item.style-4 .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  margin-bottom: 12px;
  background-color: transparent;
}
.project-item.style-4 .categories::before, .project-item.style-4 .categories::after {
  display: none;
}
.project-item.style-4 .categories a {
  background-color: var(--tj-color-theme-bg);
}
.project-item.style-4 .categories a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.project-item.style-4:hover .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-item.style-4 {
    min-height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .project-item.style-4 {
    min-height: 470px;
  }
}
@media (max-width: 575px) {
  .project-item.style-4 {
    min-height: 400px;
  }
}

/* !END: Project CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.h5-working-process {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.h5-working-process::after {
  content: "";
  position: absolute;
  bottom: -70%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}

.h5-process-wrapper {
  position: relative;
}
.h5-process-wrapper::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--tj-color-border-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-process-wrapper::before {
    width: 1px;
    height: calc(100% - 20px);
    border-right: 1px dashed var(--tj-color-border-1);
    left: 50%;
    transform: translateX(-50%);
  }
}

.h5-process-item-wrap {
  position: relative;
  text-align: center;
}
.h5-process-item-wrap .process-step {
  position: unset;
  margin: 0 auto;
  writing-mode: inherit;
  color: var(--tj-color-text-body);
  font-family: var(--tj-ff-heading);
  background-color: var(--tj-color-theme-dark);
  border-radius: 30px;
  height: auto;
  padding: 6px 10px;
  border: 0;
  transform: none;
}
.h5-process-item-wrap .process-step::after, .h5-process-item-wrap .process-step::before {
  display: none;
}
.h5-process-item-wrap .process-icon {
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h5-process-item-wrap .process-item {
  flex-direction: column;
  margin-top: 42px;
  padding: 40px 30px 48px 30px;
}
.h5-process-item-wrap .process-item::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 24px;
  height: 24px;
  background-color: var(--tj-color-theme-dark);
  transform: translateX(-50%) rotate(-45deg);
}
.h5-process-item-wrap:hover .process-step {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
}
.h5-process-item-wrap:hover .process-icon {
  transform: rotateY(360deg);
}

/* !END: Working process CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.h5-faq-left {
  position: relative;
  height: 100%;
}

.faq-name {
  width: 100%;
  position: absolute;
  right: 88px;
  bottom: 0;
}
@media (min-width: 1900px) {
  .faq-name {
    width: 829px;
  }
}
@media (min-width: 1701px) {
  .faq-name {
    width: 115%;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .faq-name {
    width: 105%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-name {
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-name {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .faq-name {
    position: unset;
    margin-top: 50px;
  }
}

.tj-faq.style-4 .accordion-item {
  background: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 10px;
}
.tj-faq.style-4 .accordion-item .faq-title {
  padding: 19px 0 19px 35px;
}
.tj-faq.style-4 .accordion-item .faq-title::after {
  color: var(--tj-color-common-white);
  left: 0;
  right: inherit;
}
.tj-faq.style-4 .accordion-item .accordion-body {
  color: var(--tj-color-grey-3);
}
.tj-faq.style-4 .accordion-item.active {
  border: 2px solid var(--tj-color-theme-primary);
  box-shadow: 0 0 15px rgba(255, 0, 127, 0.7);
}
.tj-faq.style-4 .accordion-item.active .faq-title::after {
  color: var(--tj-color-theme-primary);
}

/* !END: Faq CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h5-testimonial-wrapper {
  position: relative;
  margin: -15px;
}
.h5-testimonial-wrapper:hover .testimonial-navigation {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 575px) {
  .h5-testimonial-wrapper {
    margin-right: -15px;
  }
}

.h5-testimonial {
  padding: 15px;
}

.testimonial-item.style-4 {
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  padding: 35px 30px;
  border: 2px solid var(--tj-color-theme-bg);
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 575px) {
  .testimonial-item.style-4 {
    padding: 25px 20px;
  }
}
.testimonial-item.style-4 .testimonial-author {
  border: 0;
  padding: 0 45px 26px 0;
}
.testimonial-item.style-4 .testimonial-author .author-img {
  width: 84px;
  height: 84px;
  border: 2px solid var(--tj-color-common-white);
  background-color: var(--tj-color-common-white);
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-4 .testimonial-author .author-img {
    width: 75px;
    height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-4 .testimonial-author .author-img {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-4 .testimonial-author .author-img {
    width: 55px;
    height: 55px;
  }
}
.testimonial-item.style-4 .testimonial-author .designation {
  font-size: 16px;
}
.testimonial-item.style-4 .desc {
  font-size: 18px;
  color: var(--tj-color-text-body);
  opacity: 1;
  padding-bottom: 22px;
}
.testimonial-item.style-4 .rating-area {
  max-width: 133px;
  background-color: transparent;
  border-radius: 0;
  position: static;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 10px 0 0 0;
  z-index: 2;
}
.testimonial-item.style-4 .rating-area::after, .testimonial-item.style-4 .rating-area::before {
  display: none;
}
.testimonial-item.style-4 .rating-area .star-ratings {
  font-size: 18px;
  letter-spacing: 1.5px;
  display: inline-flex;
}
.testimonial-item.style-4:hover {
  border-color: var(--tj-color-theme-primary);
  box-shadow: 0 0 15px 0 rgba(255, 0, 127, 0.7);
}

.testimonial-navigation {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.testimonial-navigation .slider-prev {
  margin-top: -50px;
  margin-inline-start: -10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-navigation .slider-prev {
    margin-inline-start: 0;
  }
}
.testimonial-navigation .slider-next {
  margin-top: -50px;
  margin-inline-end: -10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-navigation .slider-next {
    margin-inline-end: 0;
  }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.h5-client-slider::before, .h5-client-slider::after {
  display: none;
}
.h5-client-slider .client-logo {
  width: 279px;
  height: 118px;
  background-color: transparent;
  border: 1px solid var(--tj-color-border-1);
}
.h5-client-slider .client-logo img {
  opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-client-slider .client-logo {
    width: 220px;
    height: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-client-slider .client-logo {
    width: 170px;
    height: 70px;
    padding: 15px;
  }
}

/* !END: Client CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.h5-blog-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 15px), 1fr));
  grid-gap: 30px;
  justify-content: center;
}
.h5-blog-wrapper .blog-item.style-5:first-child {
  grid-row: 1/3;
  flex-direction: column;
  align-items: start;
  gap: 0;
}
.h5-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
  width: 100%;
  min-height: 385px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    min-height: 260px;
  }
}
.h5-blog-wrapper .blog-item.style-5:first-child .blog-content {
  width: 100%;
  padding: 30px 15px 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-blog-wrapper .blog-item.style-5:first-child .blog-content {
    padding: 30px 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-blog-wrapper {
    grid-template-columns: 696px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h5-blog-wrapper {
    grid-template-columns: 516px;
  }
}
@media (max-width: 575px) {
  .h5-blog-wrapper {
    grid-template-columns: 100%;
  }
}

.blog-item.style-5 {
  display: flex;
  flex-wrap: wrap;
}
.blog-item.style-5 .blog-thumb {
  width: 39%;
  height: 260px;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-5 .blog-thumb {
    width: 100%;
  }
}
.blog-item.style-5 .blog-content {
  padding: 35px 5px 35px 20px;
  width: 61%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.blog-item.style-5 .blog-content .text-btn {
  background-color: transparent;
  position: unset;
  padding: 0;
  border-radius: 0;
  margin-top: 22px;
}
.blog-item.style-5 .blog-content .text-btn::after, .blog-item.style-5 .blog-content .text-btn::before {
  display: none;
}
.blog-item.style-5 .blog-content .text-btn .btn-text {
  color: var(--tj-color-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-5 .blog-content .text-btn {
    margin-top: 16px;
  }
}
.blog-item.style-5 .blog-content .blog-meta {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-5 .blog-content .blog-meta {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-5 .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}

/* !END: Blog CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.h5-cta-area {
  max-width: 900px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  position: relative;
  z-index: 2;
  padding-bottom: 110px;
}
.h5-cta-area::after {
  content: "";
  position: absolute;
  bottom: -40%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 90%;
  height: 500px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.18;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-cta-area::after {
    height: 100%;
  }
}
.h5-cta-area .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.h5-cta-area .cta-content .cta-icon {
  max-width: 73px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-cta-area .cta-content .cta-icon {
    max-width: 55px;
  }
}
.h5-cta-area .cta-content .title {
  max-width: 800px;
  font-size: 76px;
  line-height: 1.105;
  color: var(--tj-color-common-white);
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-cta-area .cta-content .title {
    max-width: 700px;
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h5-cta-area .cta-content .title {
    max-width: 550px;
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-cta-area .cta-content .title {
    max-width: 500px;
    font-size: 45px;
  }
}
@media (max-width: 400px) {
  .h5-cta-area .cta-content .title {
    font-size: 35px;
  }
}
.h5-cta-area .cta-content .tj-primary-btn .btn-icon {
  font-size: 18px;
}
.h5-cta-area .cta-map {
  width: 100%;
  position: absolute;
  bottom: -44%;
  left: 0;
  z-index: -1;
  opacity: 0.15;
  animation: movingHorizontal 3s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h5-cta-area .cta-map {
    bottom: -52%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-cta-area .cta-map {
    bottom: -23%;
  }
}
@media (max-width: 400px) {
  .h5-cta-area .cta-map {
    bottom: -2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-cta-area {
    padding-bottom: 70px;
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-6 {
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-6 .site_logo .logo {
    max-width: 145px;
  }
}
.header-area.header-6 .menu-area {
  background-color: var(--tj-color-theme-dark);
  border-radius: 8px;
  padding: 0 35px;
  margin: 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-6 .menu-area {
    padding: 0 20px;
  }
}
.header-area.header-6 .mainmenu > ul > li > a {
  padding-top: 17px;
  padding-bottom: 17px;
}
.header-area.header-6 .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-6 .mainmenu > ul > li.has-dropdown > a::after {
  top: 21px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.footer-6 {
  border-top: 4px solid var(--tj-color-theme-primary);
}
.footer-6::before, .footer-6::after {
  content: "";
  position: absolute;
  top: -200px;
  right: -150px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-6::before, .footer-6::after {
    width: 600px;
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-6::before, .footer-6::after {
    width: 500px;
    height: 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-6::before, .footer-6::after {
    width: 400px;
    height: 350px;
    top: -100px;
  }
}
.footer-6::after {
  width: 800px;
  top: inherit;
  right: inherit;
  left: -250px;
  bottom: -250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-6::after {
    width: 600px;
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-6::after {
    width: 500px;
    height: 450px;
    left: -150px;
    bottom: -150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-6::after {
    width: 400px;
    height: 350px;
    left: -150px;
    bottom: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-6::after {
    width: 400px;
    height: 350px;
    left: -150px;
    bottom: -150px;
  }
}
.footer-6 .social-links.style-2 {
  margin-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-6 .social-links.style-2 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-6 .social-links.style-2 {
    margin-top: 30px;
  }
}
.footer-6 .social-links.style-2 .title {
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-6 .social-links.style-2 .title {
    margin-bottom: 20px;
  }
}
.footer-6 .social-links.style-2 ul li a {
  width: 36px;
  height: 36px;
  font-size: 18px;
  border: 1px solid var(--tj-color-border-1);
}
.footer-6 .social-links.style-2 ul li a:hover {
  border-color: var(--tj-color-theme-primary);
}
.footer-6 .footer-big-logo {
  max-width: 1320px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: -105px;
  opacity: 0.2;
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-6 .footer-big-logo {
    margin-bottom: -85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-6 .footer-big-logo {
    margin-bottom: -70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-6 .footer-big-logo {
    margin-bottom: -50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-6 .footer-big-logo {
    margin-bottom: -35px;
  }
}
@media (max-width: 575px) {
  .footer-6 .footer-big-logo {
    margin-bottom: -25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-6 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }
}

.h6-widget-subscribe {
  max-width: 555px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-widget-subscribe {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-widget-subscribe {
    max-width: 100%;
  }
}
.h6-widget-subscribe .title {
  font-size: 70px;
  line-height: 1.114;
  background: linear-gradient(90deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0.25) 80%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-widget-subscribe .title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-widget-subscribe .title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-widget-subscribe .title {
    font-size: 44px;
  }
}
@media (max-width: 400px) {
  .h6-widget-subscribe .title {
    font-size: 36px;
  }
}
.h6-widget-subscribe .subscribe-form input[type=email] {
  height: 64px;
  border: 1px solid var(--tj-color-border-1);
  border-radius: 50px;
  padding: 15px 175px 15px 30px;
}
.h6-widget-subscribe .subscribe-form input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-grey-1);
}
.h6-widget-subscribe .subscribe-form input[type=email]:-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.h6-widget-subscribe .subscribe-form input[type=email]::-moz-placeholder {
  color: var(--tj-color-grey-1);
}
.h6-widget-subscribe .subscribe-form input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-grey-1);
}
.h6-widget-subscribe .subscribe-form input[type=email]::placeholder {
  color: var(--tj-color-grey-1);
}
.h6-widget-subscribe .subscribe-form button {
  width: auto;
  height: auto;
  top: 7px;
  right: 7px;
}
.h6-widget-subscribe .subscribe-form button i {
  font-size: 20px;
}
.h6-widget-subscribe .subscribe-form button::before {
  display: none;
}
@media (max-width: 575px) {
  .h6-widget-subscribe .subscribe-form button {
    position: unset;
    margin-top: 10px;
  }
}

.h6-footer-left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.h6-copyright-area {
  position: relative;
}
.h6-copyright-area .copyright-text-2 {
  text-align: left;
}
.h6-copyright-area .shape-1 {
  position: absolute;
  width: 141px;
  right: 130px;
  bottom: -14px;
  mix-blend-mode: luminosity;
  z-index: -1;
  animation: zoomEffect 4s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-copyright-area .shape-1 {
    right: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-copyright-area .shape-1 {
    width: 110px;
    right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-copyright-area .shape-1 {
    width: 110px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-copyright-area .shape-1 {
    width: 90px;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-copyright-area {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-copyright-area {
    margin-top: 80px;
  }
}

.h6-footer-right {
  background-color: var(--tj-color-theme-dark);
  border-radius: 16px;
  padding: 30px;
  position: relative;
}
.h6-footer-right .widget-nav-menu {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-top: 0;
}
.h6-footer-right .widget-nav-menu ul {
  max-width: 190px;
  width: 100%;
}
.h6-footer-right .widget-nav-menu ul li a::before {
  border-color: var(--tj-color-white-2);
}
.h6-footer-right .widget-nav-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
.h6-footer-right .widget-nav-menu ul li a:hover::before {
  border-color: var(--tj-color-theme-primary);
}
.h6-footer-right .widget-nav-menu:not(:first-child) {
  border-top: 1px dashed var(--tj-color-border-1);
  padding-top: 28px;
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .h6-footer-right .widget-nav-menu {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-footer-right {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .h6-footer-right {
    padding: 20px 15px;
  }
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h6-banner-area {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.h6-banner-area .banner-content {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  padding: 90px 0 95px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h6-banner-area .banner-content .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-text-body);
  font-size: 15px;
  line-height: 1.4;
  font-weight: var(--tj-fw-sbold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-color: var(--tj-color-theme-dark);
  border-radius: 4px;
  padding: 4px 8px;
  margin-bottom: 15px;
}
.h6-banner-area .banner-content .sub-title i {
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  line-height: 1;
}
.h6-banner-area .banner-content .banner-title {
  margin-bottom: 15px;
}
.h6-banner-area .banner-content .banner-title span {
  color: var(--tj-color-theme-primary);
  display: inline-block;
}
.h6-banner-area .banner-content .desc {
  max-width: 660px;
  font-size: 18px;
}
.h6-banner-area .banner-content .banner-btn-area {
  display: inline-flex;
  gap: 15px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .h6-banner-area .banner-content .banner-btn-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-banner-area .banner-content {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-banner-area .banner-content {
    max-width: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-banner-area .banner-content {
    padding: 70px 15px;
  }
}
.h6-banner-area .h6-heor-bg {
  background-color: var(--tj-color-theme-dark);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: luminosity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: -1;
}
.h6-banner-area .h6-heor-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-bg);
  opacity: 0.4;
}
.h6-banner-area .h6-heor-bg::after {
  content: "";
  position: absolute;
  top: -200px;
  right: -250px;
  width: 600px;
  height: 650px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-banner-area .h6-heor-bg::after {
    top: -150px;
    right: -150px;
    width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-banner-area .h6-heor-bg::after {
    top: -100px;
    right: -150px;
    width: 400px;
    height: 400px;
  }
}

.h6-banner-bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-banner-bottom {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-banner-bottom {
    gap: 20px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-banner-bottom {
    gap: 15px;
    margin-top: 15px;
  }
}

.h6-hero-countup {
  width: 20.8%;
  background-color: var(--tj-color-theme-bg);
  padding: 30px;
  border-radius: 12px;
  justify-content: space-between;
}
.h6-hero-countup .count-icon {
  background-color: var(--tj-color-theme-dark);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  font-size: 42px;
  color: var(--tj-color-theme-primary);
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-hero-countup .inline-content {
    font-size: 70px;
  }
}
.h6-hero-countup .desc {
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-hero-countup {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-hero-countup {
    width: 48.9%;
    order: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-hero-countup {
    width: 100%;
    padding: 20px;
    order: 1;
  }
}

.search-qst-area {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 50px 0 50px;
  width: 55.4%;
  border-radius: 12px;
  position: relative;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-area {
    padding: 30px 30px 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .search-qst-area {
    width: 100%;
    order: 3;
  }
}
@media (max-width: 575px) {
  .search-qst-area {
    padding: 15px 15px 0 15px;
  }
}
.search-qst-input-wrap {
  max-width: 924px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(18px);
  border-radius: 12px 12px 0 0;
}
.search-qst-input-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.search-qst-input-inner {
  padding: 67px 80px;
}
.search-qst-input-inner .title {
  margin-bottom: 23px;
}
@media (max-width: 575px) {
  .search-qst-input-inner .title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .search-qst-input-inner {
    padding: 50px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-input-inner {
    padding: 50px 40px;
  }
}
@media (max-width: 575px) {
  .search-qst-input-inner {
    padding: 40px 20px;
  }
}
.search-qst-logo {
  max-width: 75px;
  width: 100%;
  display: inline-flex;
}
.search-qst-icons {
  display: inline-flex;
  justify-content: space-between;
  gap: 21px;
  max-width: 153px;
  width: 100%;
}
.search-qst-icons span {
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
  color: var(--tj-color-white-2);
}
.search-qst-form {
  position: relative;
  padding: 3px;
  background-image: linear-gradient(84deg, #ff007f, #667aff);
  border-radius: 16px;
  box-shadow: 0 0 40px rgba(62, 36, 135, 0.8);
}
.search-qst-form::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(84deg, #ec83bb 0%, #b664db 100%);
  filter: blur(20px);
  opacity: 1;
  border-radius: inherit;
  z-index: -1;
}
.search-qst-form input[type=search],
.search-qst-form input[type=text] {
  background-color: var(--tj-color-theme-dark);
  font-size: 30px;
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  padding: 20px 90px 20px 97px;
  border-radius: 16px;
}
.search-qst-form input[type=search]::-webkit-input-placeholder,
.search-qst-form input[type=text]::-webkit-input-placeholder {
  font-size: 30px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form input[type=search]::-webkit-input-placeholder,
  .search-qst-form input[type=text]::-webkit-input-placeholder {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .search-qst-form input[type=search]::-webkit-input-placeholder,
  .search-qst-form input[type=text]::-webkit-input-placeholder {
    font-size: 20px;
  }
}
.search-qst-form input[type=search]:-moz-placeholder,
.search-qst-form input[type=text]:-moz-placeholder {
  font-size: 30px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form input[type=search]:-moz-placeholder,
  .search-qst-form input[type=text]:-moz-placeholder {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .search-qst-form input[type=search]:-moz-placeholder,
  .search-qst-form input[type=text]:-moz-placeholder {
    font-size: 20px;
  }
}
.search-qst-form input[type=search]::-moz-placeholder,
.search-qst-form input[type=text]::-moz-placeholder {
  font-size: 30px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form input[type=search]::-moz-placeholder,
  .search-qst-form input[type=text]::-moz-placeholder {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .search-qst-form input[type=search]::-moz-placeholder,
  .search-qst-form input[type=text]::-moz-placeholder {
    font-size: 20px;
  }
}
.search-qst-form input[type=search]:-ms-input-placeholder,
.search-qst-form input[type=text]:-ms-input-placeholder {
  font-size: 30px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form input[type=search]:-ms-input-placeholder,
  .search-qst-form input[type=text]:-ms-input-placeholder {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .search-qst-form input[type=search]:-ms-input-placeholder,
  .search-qst-form input[type=text]:-ms-input-placeholder {
    font-size: 20px;
  }
}
.search-qst-form input[type=search]::placeholder,
.search-qst-form input[type=text]::placeholder {
  font-size: 30px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form input[type=search]::placeholder,
  .search-qst-form input[type=text]::placeholder {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .search-qst-form input[type=search]::placeholder,
  .search-qst-form input[type=text]::placeholder {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form input[type=search],
  .search-qst-form input[type=text] {
    font-size: 25px;
    padding: 15px 85px 15px 80px;
  }
}
@media (max-width: 575px) {
  .search-qst-form input[type=search],
  .search-qst-form input[type=text] {
    font-size: 20px;
    padding: 15px 65px 15px 60px;
    border-radius: 12px;
  }
}
.search-qst-form .search-icon {
  position: absolute;
  top: 50%;
  left: 25px;
  font-size: 45px;
  color: var(--tj-color-common-white);
  transform: translateY(-50%);
  display: inline-flex;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form .search-icon {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .search-qst-form .search-icon {
    font-size: 30px;
    left: 15px;
  }
}
.search-qst-form button {
  position: absolute;
  width: 57px;
  height: 57px;
  top: 50%;
  right: 25px;
  font-size: 30px;
  color: var(--tj-color-common-white);
  transform: translateY(-50%);
  background-color: var(--tj-color-theme-bg);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.search-qst-form button:hover {
  background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .search-qst-form button {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .search-qst-form button {
    width: 45px;
    height: 45px;
    font-size: 20px;
    right: 15px;
  }
}
@media (max-width: 575px) {
  .search-qst-form {
    box-shadow: 0 0 20px rgba(62, 36, 135, 0.8);
    border-radius: 12px;
  }
  .search-qst-form::before {
    filter: blur(10px);
    opacity: 0.8;
  }
}

.h6-hero-services {
  width: 20.8%;
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
}
.h6-hero-services-content {
  max-width: 270px;
  margin: 0 auto;
  padding: 30px 0 54px;
  text-align: center;
}
.h6-hero-services-content .title {
  margin-bottom: 16px;
}
.h6-hero-services-content .desc {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-hero-services-content {
    padding: 20px 0 30px;
  }
}
.h6-hero-services .scroll-slider {
  --gap: 46px;
  padding-bottom: 40px;
}
@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: 575px) {
  .h6-hero-services .scroll-slider {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .h6-hero-services .scroll-slider {
    --gap: 30px;
  }
}
.h6-hero-services .scroll-wrapper {
  animation: scroll 20s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-hero-services {
    width: 48.9%;
    order: 2;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-hero-services {
    width: 100%;
    order: 2;
  }
}

.marquee-item-2 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}
.marquee-item-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .marquee-item-2 {
    width: 100px;
    height: 100px;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.choose-box.style-4 {
  border-radius: 12px;
  overflow: visible;
}
.choose-box.style-4::before {
  background: var(--tj-color-theme-primary);
  box-shadow: 0 0 15px rgba(255, 0, 127, 0.7);
  border-radius: 12px;
}
.choose-box.style-4 .choose-inner {
  text-align: center;
  padding: 42px 28px;
}
@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) {
  .choose-box.style-4 .choose-inner {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box.style-4 .choose-inner {
    padding: 30px 15px;
  }
}
.choose-box.style-4 .title {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.choose-box.style-4:hover .desc {
  color: var(--tj-color-common-white);
}

/* !END: Choose CSS */
/**----------------------------------------
START: Home 6 About CSS
----------------------------------------*/
.h6-about-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.h6-about-section::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 700px;
  height: 600px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: 0;
  backdrop-filter: blur(10px);
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-about-section::before {
    width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-about-section::before {
    width: 450px;
    height: 380px;
  }
}

.h6-about-area {
  display: flex;
  flex-wrap: wrap;
}
.h6-about-funfact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 460px;
  width: 100%;
  margin-bottom: 60px;
}
.h6-about-funfact .countup-item {
  padding: 0;
  align-items: flex-start;
}
.h6-about-funfact .countup-item:not(:last-child) {
  padding-inline-end: 58px;
  border-right: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-about-funfact .countup-item:not(:last-child) {
    padding-inline-end: 30px;
  }
}
.h6-about-funfact .countup-item:not(:first-child) {
  padding-inline-start: 60px;
  position: relative;
  z-index: 0;
}
.h6-about-funfact .countup-item .count-text {
  max-width: 205px;
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: normal;
  color: var(--tj-color-text-body);
}
.h6-about-funfact .countup-item .inline-content {
  font-size: 68px;
  color: var(--tj-color-heading-primary);
  margin-bottom: 15px;
}
.h6-about-funfact .countup-item .inline-content .odometer {
  color: var(--tj-color-heading-primary);
}
.h6-about-funfact .countup-item .inline-content .odometer .odometer-digit,
.h6-about-funfact .countup-item .inline-content .odometer span {
  color: var(--tj-color-heading-primary);
}
@media (max-width: 575px) {
  .h6-about-funfact .countup-item .inline-content {
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .h6-about-funfact .countup-item {
    width: 100%;
    text-align: start;
  }
  .h6-about-funfact .countup-item:not(:last-child) {
    padding-inline-end: 0;
    padding-bottom: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--tj-color-border-1);
  }
  .h6-about-funfact .countup-item:not(:first-child) {
    padding-inline-start: 0;
    padding-top: 25px;
  }
}
@media (max-width: 575px) {
  .h6-about-funfact {
    max-width: 100%;
    margin-bottom: 35px;
  }
}

.about-content-area.style-4 {
  max-width: 760px;
  margin-top: 0;
}
.about-content-area.style-4 .sec-heading {
  margin-bottom: 20px;
}
.about-content-area.style-4 .sec-heading .sub-title {
  background-color: var(--tj-color-theme-dark);
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-content-area.style-4 {
    max-width: 650px;
    padding-left: 0;
  }
}

.about-bottom-area-4 {
  background-color: var(--tj-color-theme-dark);
  border-radius: 12px;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 78px;
}
.about-bottom-area-4 .about-content {
  max-width: 333px;
}
.about-bottom-area-4 .about-content .desc {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-bottom-area-4 .about-content {
    max-width: 100%;
  }
}
.about-bottom-area-4 .tj-primary-btn {
  margin: 30px 0 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-bottom-area-4 {
    gap: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-bottom-area-4 {
    gap: 40px;
  }
}

.h6-customers-box {
  border-left: 1px solid var(--tj-color-border-1);
  padding-left: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.h6-customers-box .countup-item {
  writing-mode: sideways-lr;
}
.h6-customers-box .countup-item .inline-content {
  font-size: 72px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-customers-box .countup-item .inline-content {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-customers-box .countup-item {
    margin-top: 50px;
    writing-mode: unset;
  }
}
.h6-customers-box .count-text {
  color: var(--tj-color-text-body);
  font-size: 16px;
  font-weight: var(--tj-ff-body);
  font-family: var(--tj-fw-regular);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-customers-box {
    width: 100%;
    min-height: 200px;
    padding-left: 0;
    border-left: 0;
    padding-top: 40px;
    border-top: 1px solid var(--tj-color-border-1);
  }
}

.h6-about-img {
  width: 43.2%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.h6-about-img img {
  border-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-about-img {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-about-img {
    width: 100%;
  }
}

/* !END: Home 6 About CSS  */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.h6-service-area {
  position: relative;
  z-index: 1;
}
.h6-service-item {
  width: 66%;
  margin-bottom: 15px;
}
.h6-service-item:last-child {
  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: 575px) {
  .h6-service-item {
    width: 100%;
  }
}
.h6-service-item.hover-item.active .h6-service-content {
  border-color: var(--tj-color-theme-primary);
  box-shadow: 0 0 15px rgba(255, 0, 127, 0.7);
}
.h6-service-item.hover-item.active .h6-service-content .service-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  transform: rotateY(360deg);
}
.h6-service-item.hover-item.active .h6-service-img {
  z-index: 5;
}
.h6-service-item.hover-item.active .h6-service-img img {
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -ms-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-item.hover-item.active .h6-service-img img {
    position: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-item.hover-item.active .h6-service-img {
    height: 300px;
    margin-top: 15px;
  }
}
.h6-service-content {
  background-color: var(--tj-color-theme-bg);
  border: 2px solid var(--tj-color-theme-bg);
  border-radius: 14px;
  padding: 28px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-service-content {
    padding: 24px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-content {
    gap: 15px;
    padding: 20px 15px;
  }
}
.h6-service-content .title-area {
  display: inline-flex;
  align-items: center;
  gap: 25px;
  max-width: 265px;
  width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-content .title-area {
    gap: 20px;
  }
}
.h6-service-content .title {
  max-width: 160px;
  margin-bottom: 0;
}
.h6-service-content .title a:hover {
  color: var(--tj-color-theme-primary);
}
.h6-service-content .service-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-dark);
  color: var(--tj-color-theme-primary);
  font-size: 44px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-content .service-icon {
    width: 70px;
    height: 70px;
    font-size: 40px;
  }
}
.h6-service-content .desc {
  width: 48.6%;
  margin: 0 20px 0 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-content .desc {
    margin: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-content .desc {
    width: 100%;
  }
}
.h6-service-img {
  width: 415px;
  height: 415px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 12px;
  overflow: hidden;
  z-index: 0;
}
.h6-service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  position: absolute;
  left: -50%;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-service-img {
    width: 360px;
    height: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-service-img {
    width: 300px;
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-service-img {
    width: 100%;
    height: 0;
    position: unset;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.h6-working-process {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.h6-working-process .sec-heading {
  max-width: 760px;
  margin: 0 0 20px 0;
}
.h6-working-process .sec-heading .sub-title {
  background-color: var(--tj-color-theme-dark);
}

.h6-process-item.process-item {
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  overflow: hidden;
}
.h6-process-item.process-item .process-step {
  writing-mode: inherit;
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  height: auto;
  padding: 6px 10px;
  border: 0;
  transform: none;
  top: 10px;
  right: 10px;
}
.h6-process-item.process-item .process-step::after, .h6-process-item.process-item .process-step::before {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-process-item.process-item .title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-process-item.process-item {
    padding: 30px 20px;
  }
}
.h6-process-item .process-icon {
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h6-process-item:hover .process-icon {
  transform: rotateY(360deg);
}

/* !END: Working process CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.h6-project-heading {
  max-width: 850px;
  margin-bottom: 60px;
}
.h6-project-heading .sec-title {
  font-size: 84px;
  line-height: 1.05;
  background: linear-gradient(150deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.25) 80%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-project-heading .sec-title {
    font-size: 74px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-project-heading .sec-title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-project-heading .sec-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-project-heading .sec-title {
    font-size: 44px;
  }
}
@media (max-width: 400px) {
  .h6-project-heading .sec-title {
    font-size: 36px;
  }
}
.h6-project-heading .tj-primary-btn {
  margin-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-project-heading {
    margin-bottom: 40px;
  }
}

.project-wrapper-4 .swiper-slide-active .project-item.style-5 {
  margin-top: 0;
  opacity: 1;
}

.project-item.style-5 {
  display: flex;
  align-items: start;
  gap: 60px;
  padding: 15px;
  margin-top: 80px;
  opacity: 0.38;
  transition: all 0.5s ease-in-out;
}
.project-item.style-5 .project-img {
  max-width: 600px;
  width: 100%;
  height: 543px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-item.style-5 .project-img {
    height: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-5 .project-img {
    height: 420px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-item.style-5 .project-img {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .project-item.style-5 .project-img {
    height: 280px;
  }
}
.project-item.style-5 .project-content {
  max-width: 532px;
  width: 100%;
  padding: 60px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-5 .project-content {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-5 .project-content {
    padding: 20px 0;
  }
}
.project-item.style-5 .title {
  max-width: 532px;
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project-item.style-5 .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-item.style-5 .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-5 .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-5 .title {
    font-size: 26px;
  }
}
.project-item.style-5 .desc {
  margin-bottom: 0;
}
.project-item.style-5 .text-btn.style-2 {
  flex-direction: row-reverse;
  margin-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-5 .text-btn.style-2 {
    margin-top: 20px;
  }
}
.project-item.style-5 .text-btn.style-2 .btn-text {
  color: var(--tj-color-common-white);
}
.project-item.style-5 .text-btn.style-2 .btn-text span {
  text-shadow: 0 30px 0;
}
.project-item.style-5 .text-btn.style-2 .btn-icon {
  width: 56px;
  height: 56px;
  font-size: 29px;
}
.project-item.style-5 .text-btn.style-2 .btn-icon span {
  text-shadow: -50px 0 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-5 .text-btn.style-2 .btn-icon {
    width: 50px;
    height: 50px;
    font-size: 26px;
  }
}
.project-item.style-5 .text-btn.style-2:hover .btn-icon span {
  transform: translateX(50px);
}
.project-item.style-5 .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  margin-bottom: 20px;
  background-color: transparent;
}
.project-item.style-5 .categories::before, .project-item.style-5 .categories::after {
  display: none;
}
.project-item.style-5 .project-logo {
  max-width: 179px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  opacity: 0.4;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-item.style-5 .project-logo {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project-item.style-5 {
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .project-item.style-5 {
    gap: 30px;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project-item.style-5 {
    gap: 25px;
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .project-item.style-5 {
    flex-wrap: wrap;
    gap: 0;
    margin-top: 40px;
  }
}

.nav-pagination-wrap {
  position: relative;
  z-index: 2;
  margin-top: -20px;
}
.nav-pagination-wrap .slider-next,
.nav-pagination-wrap .slider-prev {
  flex: 0 0 auto;
}
.nav-pagination-wrap .swiper-pagination-area {
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .nav-pagination-wrap {
    margin-top: 0;
  }
}

/* !END: Project CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.pricing-box.style-4 {
  border-radius: 12px;
  padding: 0;
}
.pricing-box.style-4 .pricing-box-inner {
  background-color: transparent;
}
.pricing-box.style-4.active {
  background-image: linear-gradient(130deg, rgb(1, 4, 128) 23%, rgb(255, 0, 127) 78%);
}
.pricing-box.style-4.active .package-period,
.pricing-box.style-4.active .package-desc {
  color: var(--tj-color-common-white);
}
.pricing-box.style-4.active .list-style-3 ul li {
  color: var(--tj-color-common-white);
}
.pricing-box.style-4.active .list-style-3 ul li i {
  color: var(--tj-color-common-white);
}
.pricing-box.style-4.active .pricing-btn a {
  background-color: var(--tj-color-theme-bg);
  border-color: var(--tj-color-theme-bg);
}
.pricing-box.style-4.active .pricing-btn a .btn-icon {
  background-color: transparent;
}
.pricing-box.style-4.active .pricing-btn a .btn-icon::before {
  background: var(--tj-color-theme-primary);
}
.pricing-box.style-4.active .pricing-btn a .btn-icon i {
  color: var(--tj-color-common-white);
}

/* !END: Pricing CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h6-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.h6-testimonial-section .sec-heading {
  max-width: 550px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.h6-testimonial-section .sec-heading .sub-title {
  background-color: var(--tj-color-theme-dark);
}
.h6-testimonial-section .testimonial-bg {
  opacity: 0.3;
  mix-blend-mode: exclusion;
}

.testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.testimonial-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-slider-4 {
  height: 340px;
  border-radius: 12px;
}
.testimonial-slider-4 .swiper-slide {
  height: auto !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-4 {
    height: auto;
  }
}

.testimonial-item.style-5 {
  background-color: var(--tj-color-theme-dark);
  padding: 45px 50px;
  position: relative;
  z-index: 1;
}
.testimonial-item.style-5 .quote-icon {
  position: absolute;
  top: -8px;
  right: 17px;
  font-size: 205px;
  z-index: -1;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px var(--tj-color-theme-primary);
  opacity: 0.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-5 .quote-icon {
    font-size: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 .quote-icon {
    font-size: 160px;
  }
}
.testimonial-item.style-5 .star-ratings {
  font-size: 18px;
  margin-bottom: 25px;
}
.testimonial-item.style-5 .desc {
  color: var(--tj-color-grey-1);
  font-size: 28px;
  line-height: 1.286;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-item.style-5 .desc {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-5 .desc {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 .desc {
    font-size: 20px;
  }
}
.testimonial-item.style-5 .testimonial-author {
  border: 0;
  padding-top: 15px;
}
.testimonial-item.style-5 .testimonial-author .author-header {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.testimonial-item.style-5 .testimonial-author .title {
  font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 .testimonial-author .title {
    font-size: 18px;
  }
}
.testimonial-item.style-5 .testimonial-author .designation {
  font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 .testimonial-author .designation {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 .testimonial-author {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-item.style-5 {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 {
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-item.style-5 {
    border-radius: 12px;
  }
}

.h6-testimonial-wrapper {
  position: relative;
}
.h6-testimonial-wrapper .client-thumb {
  max-width: 355px;
  width: 100%;
  margin: 50px 0 0 40px;
  padding: 10px;
}
.h6-testimonial-wrapper .client-thumb .thumb-img {
  width: 92px;
  height: 92px;
  background-color: var(--tj-color-theme-bg);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-testimonial-wrapper .client-thumb .thumb-img {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-wrapper .client-thumb .thumb-img {
    width: 65px;
    height: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-wrapper .client-thumb {
    margin: 25px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-testimonial-wrapper .client-thumb {
    max-width: 320px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-wrapper .client-thumb {
    max-width: 260px;
  }
}
.h6-testimonial-wrapper .h6-testimonial-navigation {
  flex-direction: column;
  position: absolute;
  top: 0;
  left: -330px;
}
.h6-testimonial-wrapper .h6-testimonial-navigation .slider-next,
.h6-testimonial-wrapper .h6-testimonial-navigation .slider-prev {
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-wrapper .h6-testimonial-navigation .slider-next,
  .h6-testimonial-wrapper .h6-testimonial-navigation .slider-prev {
    transform: none;
  }
}
.h6-testimonial-wrapper .h6-testimonial-navigation .h6-swiper-pagination {
  transform: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-testimonial-wrapper .h6-testimonial-navigation {
    left: -285px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-testimonial-wrapper .h6-testimonial-navigation {
    left: -240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-testimonial-wrapper .h6-testimonial-navigation {
    flex-direction: row;
    position: unset;
  }
}

.thumb-progress {
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: 10;
  width: 112px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--tj-color-theme-primary);
}
.thumb-progress svg {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 1.2px;
  stroke: var(--tj-color-theme-primary);
  fill: none;
  stroke-dashoffset: 120;
  stroke-dasharray: 130;
  transform: rotate(-90deg);
  opacity: 0;
}
.thumb-progress svg:first-child {
  stroke: var(--tj-color-grey-2);
  stroke-dashoffset: 0;
  stroke-dasharray: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .thumb-progress {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .thumb-progress {
    width: 85px;
    height: 85px;
  }
}

.swiper-slide-active .thumb-progress svg {
  animation: progress 5.5s linear;
}

@keyframes progress {
  0% {
    stroke-dashoffset: 120;
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -135;
    opacity: 1;
  }
}
/* !END: Testimonial CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.blog-item.style-6 {
  background-color: transparent;
  border: 1px solid var(--tj-color-border-1);
  padding: 10px;
}
.blog-item.style-6 .blog-thumb {
  height: 290px;
  border-radius: 12px;
}
.blog-item.style-6 .blog-content {
  padding: 25px 20px 20px 20px;
}
.blog-item.style-6 .blog-content .text-btn {
  background-color: transparent;
  position: unset;
  padding: 0;
  border-radius: 0;
  margin-top: 22px;
}
.blog-item.style-6 .blog-content .text-btn::after, .blog-item.style-6 .blog-content .text-btn::before {
  display: none;
}
.blog-item.style-6 .blog-content .text-btn .btn-text {
  color: var(--tj-color-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-6 .blog-content .text-btn {
    margin-top: 16px;
  }
}
.blog-item.style-6 .blog-content .blog-meta {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-6 .blog-content .blog-meta {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-item.style-6 .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}

/* !END: Blog CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-7 {
  border-radius: 12px;
}
.header-area.header-7.header-sticky {
  border-radius: 0;
  padding: 0 15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), 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: 575px) {
  .header-area.header-7.header-sticky {
    padding: 0;
  }
}
.header-area.header-7 .site_logo {
  padding: 22px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7 .site_logo {
    padding: 15px 0;
  }
}
.header-area.header-7 .menu_bar.menu_offcanvas_2 {
  width: 60px;
  height: auto;
  gap: 9px;
  margin: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7 .menu_bar.menu_offcanvas_2 {
    width: 40px;
  }
}
.header-area.header-7 .menu_bar.menu_offcanvas_2 span {
  width: 100%;
  position: relative;
  background-color: transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header-area.header-7 .menu_bar.menu_offcanvas_2 span:first-child::after, .header-area.header-7 .menu_bar.menu_offcanvas_2 span:first-child::before {
  transition-delay: 0.1s;
}
.header-area.header-7 .menu_bar.menu_offcanvas_2 span:last-child::after, .header-area.header-7 .menu_bar.menu_offcanvas_2 span:last-child::before {
  transition-delay: 0.15s;
}
.header-area.header-7 .menu_bar.menu_offcanvas_2 span::before {
  content: "";
  background-color: var(--tj-color-grey-1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.header-area.header-7 .menu_bar.menu_offcanvas_2 span::after {
  content: "";
  background-color: var(--tj-color-grey-1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7 .menu_bar.menu_offcanvas_2 span::after {
    left: 70px;
  }
}
.header-area.header-7 .menu_bar.menu_offcanvas_2:hover span::before {
  transform: translateX(-90px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7 .menu_bar.menu_offcanvas_2:hover span::before {
    transform: translateX(-70px);
  }
}
.header-area.header-7 .menu_bar.menu_offcanvas_2:hover span::after {
  left: 0;
}
.header-area.header-7 .menu_bar.menu_offcanvas_2.opened span:first-child {
  transform: translateY(11px) rotate(-20deg);
}
.header-area.header-7 .menu_bar.menu_offcanvas_2.opened span:nth-child(2)::before {
  transform: translateX(90px);
}
.header-area.header-7 .menu_bar.menu_offcanvas_2.opened span:last-child {
  transform: translateY(-11px) rotate(20deg);
}
.header-area.header-7 .menu_bar.menu_offcanvas_2.opened:hover span:nth-child(2)::after, .header-area.header-7 .menu_bar.menu_offcanvas_2.opened:hover span:nth-child(2)::before {
  transform: translateX(90px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-7 .menu_bar.menu_offcanvas_2.opened:hover span:nth-child(2)::after, .header-area.header-7 .menu_bar.menu_offcanvas_2.opened:hover span:nth-child(2)::before {
    transform: translateX(70px);
  }
}

.header-top.style-3 {
  background-color: var(--tj-color-theme-primary);
  background-image: linear-gradient(71deg, rgb(255, 0, 127) 0%, rgb(1, 4, 128) 35%);
  padding: 0 18px;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.header-top.style-3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 500px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(50px);
}
.header-top.style-3 .header-top-content {
  justify-content: center;
}
.header-top.style-3 .header-top-content .topbar-text {
  font-size: 14px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.03em;
}
.header-top.style-3 .header-top-content .topbar-text a {
  color: var(--tj-color-common-white);
}
.header-top.style-3 .header-top-content .topbar-text a::after {
  content: "\e905";
  font-size: 16px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(255, 0, 127, 0.1);
  transform: rotate(-45deg);
  align-items: center;
  justify-content: center;
}
.header-top.style-3 .header-top-content .topbar-text a:hover {
  color: var(--tj-color-theme-primary);
}
.header-top.style-3 .header-top-content .badge {
  font-size: 14px;
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
  border-radius: 20px;
  padding: 3px 7px;
}

.tj-close-btn {
  position: absolute;
  top: 15px;
  right: 25px;
  color: var(--tj-color-common-white);
  z-index: 2;
  width: 22px;
  height: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tj-close-btn span {
  display: block;
  width: 18px;
  height: 18px;
  position: relative;
}
.tj-close-btn span::after, .tj-close-btn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 2px;
  height: 100%;
  background-color: var(--tj-color-common-white);
  border-radius: 5px;
  transform: rotate(45deg);
}
.tj-close-btn span::after {
  transform: rotate(-45deg);
}
.tj-close-btn:hover {
  transform: rotate(180deg);
}

.tj-offcanvas-area-2 {
  display: none;
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 82vh;
  z-index: 1;
}
.tj-offcanvas-area-2::before, .tj-offcanvas-area-2::after {
  content: "";
  position: absolute;
  top: -500px;
  left: -500px;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-offcanvas-area-2::before, .tj-offcanvas-area-2::after {
    width: 800px;
    height: 800px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-area-2::before, .tj-offcanvas-area-2::after {
    width: 600px;
    height: 600px;
    top: -300px;
    left: -300px;
  }
}
.tj-offcanvas-area-2::after {
  left: inherit;
  top: -100px;
  right: -600px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-area-2::after {
    top: 200px;
    right: -500px;
  }
}
.tj-offcanvas-area-2.opened .shape-1,
.tj-offcanvas-area-2.opened .tj-offcanvas-right,
.tj-offcanvas-area-2.opened .tj-offcanvas-left {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
  -webkit-transition: all 0.3s ease-in-out 0.6s;
  -moz-transition: all 0.3s ease-in-out 0.6s;
  -ms-transition: all 0.3s ease-in-out 0.6s;
  -o-transition: all 0.3s ease-in-out 0.6s;
  transition: all 0.3s ease-in-out 0.6s;
}
.tj-offcanvas-area-2 .shape-1 {
  position: absolute;
  width: 290px;
  left: 24%;
  bottom: -110px;
  mix-blend-mode: luminosity;
  z-index: -1;
  animation: zoomEffect 4s linear infinite;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-offcanvas-area-2 .shape-1 {
    width: 220px;
    left: 30%;
    bottom: -80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-area-2 .shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-offcanvas-area-2 {
    height: 90vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-area-2 {
    height: calc(100vh - 70px);
  }
}
.tj-offcanvas-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0 80px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-offcanvas-wrapper {
    padding: 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: 575px) {
  .tj-offcanvas-wrapper {
    padding: 0 30px;
  }
}
.tj-offcanvas-left {
  width: 50%;
  height: 100%;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-top: 65px;
  padding-bottom: 55px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-150px);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.tj-offcanvas-left::after {
  content: "";
  position: absolute;
  bottom: -450px;
  right: -150px;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-offcanvas-left::after {
    width: 600px;
    height: 600px;
    bottom: -350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-left::after {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-left {
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-left {
    display: none;
  }
}
.tj-offcanvas-infos {
  max-width: 240px;
  width: 100%;
}
.tj-offcanvas-infos .contact-info .contact-item {
  padding: 0 0 18px 0;
}
.tj-offcanvas-infos .contact-info .contact-link {
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
}
.tj-offcanvas-infos .contact-info span {
  color: var(--tj-color-common-white);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.tj-offcanvas-infos .contact-info span i {
  font-size: 18px;
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  line-height: 1;
}
.tj-offcanvas-infos .social-links ul li a {
  width: 36px;
  height: 36px;
  font-size: 17px;
  border: 1px solid var(--tj-color-border-1);
}
.tj-offcanvas-infos .social-links ul li a:hover {
  border-color: var(--tj-color-theme-primary);
}
.tj-offcanvas-copyright .copyright-menu ul {
  list-style: none;
}
.tj-offcanvas-copyright .copyright-menu ul li {
  position: relative;
  z-index: 1;
  margin-bottom: 3px;
}
.tj-offcanvas-copyright .copyright-menu ul li a {
  font-size: 16px;
  color: var(--tj-color-common-white);
}
.tj-offcanvas-copyright .copyright-menu ul li a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-copyright .copyright-menu {
    width: 100%;
  }
}
.tj-offcanvas-copyright .copyright-text {
  margin-top: 15px;
}
.tj-offcanvas-copyright .copyright-text p {
  margin: 0;
}
.tj-offcanvas-copyright .copyright-text a {
  color: var(--tj-color-common-white);
}
.tj-offcanvas-copyright .copyright-text a:hover {
  color: var(--tj-color-theme-primary);
}
.tj-offcanvas-right {
  width: 50%;
  height: 100%;
  padding-top: 60px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(150px);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-right {
    width: 100%;
  }
}
.tj-offcanvas-menu ul {
  list-style: none;
}
.tj-offcanvas-menu ul > li {
  border-top: 1px solid var(--tj-color-border-1);
}
.tj-offcanvas-menu ul > li:last-child {
  border-bottom: 1px solid var(--tj-color-border-1);
}
.tj-offcanvas-menu ul > li > a {
  display: block;
  color: var(--tj-color-text-body);
  font-size: 48px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  position: relative;
  padding: 10px 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) {
  .tj-offcanvas-menu ul > li > a {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .tj-offcanvas-menu ul > li > a {
    font-size: 30px;
  }
}
.tj-offcanvas-menu ul > li.menu-item-has-children > a, .tj-offcanvas-menu ul > li.has-dropdown > a {
  display: block;
  padding-right: 15px;
}
.tj-offcanvas-menu ul > li.menu-item-has-children > a::after, .tj-offcanvas-menu ul > li.has-dropdown > a::after {
  content: "\e903";
  font-family: "ainex-icons";
  color: inherit;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 32px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-offcanvas-menu ul > li.menu-item-has-children > a::after, .tj-offcanvas-menu ul > li.has-dropdown > a::after {
    top: 28px;
  }
}
@media (max-width: 575px) {
  .tj-offcanvas-menu ul > li.menu-item-has-children > a::after, .tj-offcanvas-menu ul > li.has-dropdown > a::after {
    top: 22px;
  }
}
.tj-offcanvas-menu ul > li.menu-item-has-children.opened .sub-menu, .tj-offcanvas-menu ul > li.has-dropdown.opened .sub-menu {
  opacity: 1;
  visibility: visible;
  height: 100%;
  transform: scaleY(1);
  margin: -4px 0 14px 0;
  -webkit-transition: opacity, transform 0.3s ease-in-out;
  -moz-transition: opacity, transform 0.3s ease-in-out;
  -ms-transition: opacity, transform 0.3s ease-in-out;
  -o-transition: opacity, transform 0.3s ease-in-out;
  transition: opacity, transform 0.3s ease-in-out;
}
.tj-offcanvas-menu ul > li.active > a {
  color: var(--tj-color-common-white);
}
.tj-offcanvas-menu ul > li .sub-menu {
  column-count: 3;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tj-offcanvas-menu ul > li .sub-menu > li {
  border: 0;
}
.tj-offcanvas-menu ul > li .sub-menu > li > a {
  color: var(--tj-color-common-white);
  font-size: 16px;
  padding: 9px 0;
  display: block;
  position: relative;
  font-family: var(--tj-ff-body);
  font-weight: var(--tj-fw-medium);
}
.tj-offcanvas-menu ul > li .sub-menu > li > a:hover {
  color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-menu ul > li .sub-menu > li > a {
    padding: 7px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-offcanvas-menu ul > li .sub-menu {
    column-count: 2;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-offcanvas-menu ul > li .sub-menu {
    column-count: 1;
    padding-inline-start: 20px;
  }
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.footer-7 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.footer-7 .footer-main-area {
  padding: 110px 0 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-7 .footer-main-area {
    padding: 90px 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-7 .footer-main-area {
    padding: 70px 0 50px;
  }
}
.footer-7 .footer-big-logo {
  max-width: 1000px;
  width: 100%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-7 .footer-big-logo {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-7 .footer-big-logo {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-7 .footer-big-logo {
    padding: 0 15px;
  }
}
.footer-7 .widget-nav-menu ul li a {
  color: var(--tj-color-white-2);
  font-family: var(--tj-ff-heading);
}
.footer-7 .widget-nav-menu ul li a::before {
  border: 0;
  background-color: var(--tj-color-common-white);
  opacity: 0.15;
}
.footer-7 .widget-nav-menu ul li a:hover {
  color: var(--tj-color-common-white);
}
.footer-7 .widget-nav-menu ul li a:hover::before {
  opacity: 1;
}
.footer-7 .widget-nav-menu.footer-col-2 {
  padding-inline-start: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-7 .widget-nav-menu.footer-col-2 {
    padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-7 .widget-nav-menu.footer-col-2 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.footer-7 .widget-nav-menu.footer-col-3 {
  padding-inline-start: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-7 .widget-nav-menu.footer-col-3 {
    padding-inline-start: 0;
  }
}
.footer-7 .widget-nav-menu.footer-col-4 {
  padding-inline-start: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-7 .widget-nav-menu.footer-col-4 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-7 .widget-nav-menu.footer-col-4 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.footer-7 .shape-1 {
  position: absolute;
  width: 300px;
  right: -92px;
  bottom: 22%;
  z-index: -1;
  animation: zoomEffect 4s linear infinite;
}
.footer-7 .shape-1 img {
  transform: scaleX(-1) rotate(-10deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), lg {
  .footer-7 .shape-1 {
    width: 280px;
    bottom: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-7 .shape-1 {
    width: 240px;
    right: -60px;
  }
}
@media (max-width: 575px) {
  .footer-7 .shape-1 {
    width: 200px;
    right: -60px;
    bottom: 20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-7 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }
}

.footer-widget .cta-title {
  max-width: 410px;
  width: 100%;
  font-size: 76px;
  line-height: 1.053;
  margin-bottom: 0;
}
.footer-widget .cta-title a {
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: 0 82%;
  display: inline;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.footer-widget .cta-title a:hover {
  background-size: 0 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .cta-title a:hover {
    background-size: 0 3px;
  }
}
.footer-widget .cta-title a:hover + span {
  animation: bounceTwice 0.6s linear 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .cta-title a {
    background-size: 100% 3px;
  }
}
.footer-widget .cta-title span {
  width: 66px;
  height: 66px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  font-size: 32px;
  color: var(--tj-color-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -10px;
  margin-inline-start: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget .cta-title span {
    width: 55px;
    height: 55px;
    top: -8px;
    font-size: 28px;
    margin-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  .footer-widget .cta-title span {
    width: 50px;
    height: 50px;
    top: -4px;
    font-size: 26px;
    margin-inline-start: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget .cta-title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .footer-widget .cta-title {
    max-width: 300px;
    font-size: 50px;
  }
}

.tj-copyright-area-5 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.tj-copyright-area-5 .copyright-content-area {
  padding: 27px 0;
}
.tj-copyright-area-5 .copyright-text {
  color: var(--tj-color-common-white);
}
.tj-copyright-area-5 .copyright-text a {
  color: var(--tj-color-common-white);
}
.tj-copyright-area-5 .copyright-menu ul li::before {
  background-color: var(--tj-color-common-white);
}
.tj-copyright-area-5 .copyright-menu ul li a {
  color: var(--tj-color-common-white);
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h7-banner-section {
  background-color: var(--tj-color-theme-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  padding: 90px 40px 40px 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-banner-section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-banner-section {
    padding: 90px 20px 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-section {
    padding: 70px 15px 20px 15px;
  }
}
.h7-banner-area {
  position: relative;
}
.h7-banner-area .banner-content {
  max-width: 1000px;
  margin-top: 0;
  margin-inline-start: 130px;
}
.h7-banner-area .banner-content .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-common-white);
  font-size: 15px;
  line-height: 1.4;
  font-weight: var(--tj-fw-sbold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-color: var(--tj-color-theme-dark);
  border-radius: 4px;
  padding: 4px 8px;
  margin-bottom: 15px;
}
.h7-banner-area .banner-content .sub-title i {
  font-size: 20px;
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  line-height: 1;
  animation: rotateClock 3s linear infinite;
}
.h7-banner-area .banner-content .banner-title {
  font-size: 106px;
  line-height: 1.05;
  margin-bottom: 0;
}
.h7-banner-area .banner-content .banner-title span {
  background-color: var(--tj-color-theme-dark);
  border: 1px solid var(--tj-color-border-1);
  padding: 14px 17px;
  border-radius: 60px;
  top: 0;
}
.h7-banner-area .banner-content .banner-title span img {
  max-width: 167px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-banner-area .banner-content .banner-title span img {
    max-width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-banner-area .banner-content .banner-title span img {
    max-width: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h7-banner-area .banner-content .banner-title span img {
    max-width: 100px;
  }
}
@media (max-width: 575px) {
  .h7-banner-area .banner-content .banner-title span img {
    max-width: 84px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-banner-area .banner-content .banner-title span {
    padding: 12px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h7-banner-area .banner-content .banner-title span {
    padding: 10px 12px;
  }
}
@media (max-width: 575px) {
  .h7-banner-area .banner-content .banner-title span {
    padding: 8px 10px;
    top: 4px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-banner-area .banner-content .banner-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-banner-area .banner-content .banner-title {
    font-size: 76px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-banner-area .banner-content .banner-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h7-banner-area .banner-content .banner-title {
    font-size: 58px;
  }
}
@media (max-width: 575px) {
  .h7-banner-area .banner-content .banner-title {
    font-size: 46px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .h7-banner-area .banner-content {
    margin-inline-start: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h7-banner-area .banner-content {
    margin-inline-start: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-banner-area .banner-content {
    max-width: 850px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-banner-area .banner-content {
    max-width: 730px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-banner-area .banner-content {
    max-width: 700px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-area .banner-content {
    max-width: 100%;
    margin-inline-start: 0;
  }
}
.h7-banner-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding-top: 30px;
}
.h7-banner-bottom-content {
  max-width: 575px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-inline-start: 230px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h7-banner-bottom-content {
    max-width: 500px;
    margin-inline-start: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-banner-bottom-content {
    max-width: 480px;
    margin-inline-start: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-banner-bottom-content {
    max-width: 320px;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    margin-bottom: 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: 575px) {
  .h7-banner-bottom-content {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-banner-bottom-content {
    max-width: 660px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-bottom-content {
    max-width: 100%;
    margin-bottom: 0;
    gap: 20px;
  }
}
.h7-banner-bottom-content .banner-desc {
  margin-bottom: 0;
  margin-inline-start: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-bottom {
    flex-wrap: wrap;
  }
}
.h7-banner-text-circle .circle-text {
  width: 138px;
  height: 138px;
}
.h7-banner-text-circle .circle-icon {
  font-size: 23px;
}
.h7-banner-text-circle .circle-icon span {
  width: 46px;
  height: 46px;
  background-color: var(--tj-color-theme-primary);
  text-shadow: -30px 0 0;
  overflow: hidden;
  transform: rotate(-45deg);
}
.h7-banner-text-circle .circle-icon:hover i {
  transform: translateX(30px);
}
.h7-banner-countup-wrap {
  max-width: 650px;
  width: 100%;
  display: inline-flex;
  background-color: var(--tj-color-theme-dark);
  border-radius: 16px;
  padding: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-banner-countup-wrap {
    max-width: 580px;
  }
}
@media (max-width: 575px) {
  .h7-banner-countup-wrap {
    max-width: 100%;
    flex-direction: column;
  }
}
.h7-banner-countup {
  padding: 17px 27px 17px 20px;
  justify-content: space-between;
  flex: 1 1 auto;
}
@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: 576px) and (max-width: 767px) {
  .h7-banner-countup {
    padding: 17px 20px 17px 15px;
  }
}
@media (max-width: 575px) {
  .h7-banner-countup {
    padding: 15px 0;
  }
}
.h7-banner-countup .countup-inner {
  max-width: 230px;
  width: 100%;
}
.h7-banner-countup .inline-content {
  font-size: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-banner-countup .inline-content {
    font-size: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-countup .inline-content {
    font-size: 60px;
  }
}
.h7-banner-countup .count-text {
  font-size: 16px;
  line-height: 1.375;
  color: var(--tj-color-grey-1);
}
.h7-banner-countup .countup-bottom {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-countup .countup-bottom {
    margin-top: 30px;
  }
}
.h7-banner-countup .service-name {
  max-width: 233px;
  width: 100%;
  color: var(--tj-color-common-white);
  border-radius: 60px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 11px 15px;
}
.h7-banner-countup .service-name img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h7-banner-countup .service-name::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.5;
}
.h7-banner-countup .service-name-inner {
  display: flex;
  align-items: center;
  gap: 7px;
  position: relative;
  z-index: 2;
}
.h7-banner-countup .service-name-inner i {
  color: var(--tj-color-common-white);
  font-size: 38px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-banner-countup .service-name-inner i {
    font-size: 34px;
  }
}
.h7-banner-countup .service-name-inner span {
  font-size: 20px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  letter-spacing: -0.03em;
}
.h7-banner-countup .service-name:hover img {
  transform: scale(1.1);
}
.h7-banner-countup .icon-btn {
  width: 60px;
  height: 60px;
  border: 1px solid var(--tj-color-border-1);
  flex: 0 0 auto;
}
.h7-banner-countup .icon-btn:not(:hover) i {
  transform: rotate(45deg);
}
.h7-banner-img {
  max-width: 263px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.h7-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.h7-banner-img:hover img {
  transform: scale(1.15);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h7-banner-img {
    max-width: 240px;
  }
}
@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: 576px) and (max-width: 767px) {
  .h7-banner-img {
    max-width: 220px;
  }
}
@media (max-width: 575px) {
  .h7-banner-img {
    max-width: 100%;
    margin-top: 20px;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Home 7 About CSS
----------------------------------------*/
.h7-about-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.h7-about-section::before {
  content: "";
  position: absolute;
  top: 5%;
  left: -450px;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}
.h7-about-section .h5-sec-heading {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-about-section .h5-sec-heading .sec-title {
    width: 62%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-section .h5-sec-heading {
    margin-bottom: 40px;
  }
}

.h7-about-content {
  width: 52.5%;
  margin-top: -6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-about-content {
    width: 57%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-content {
    width: 100%;
  }
}
.h7-about-img {
  max-width: 382px;
  margin-top: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-about-img {
    max-width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-about-img {
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-img {
    margin: 40px auto 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-img {
    max-width: 430px;
  }
}
@media (max-width: 400px) {
  .h7-about-img {
    max-width: 250px;
  }
}

.about-slider-wrap {
  background-color: var(--tj-color-theme-bg);
  border-radius: 12px;
  padding: 30px 146px 30px 30px;
  position: relative;
}
.about-slider-wrap .slider-navigation-3 {
  position: absolute;
  right: 30px;
  bottom: 30px;
  gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-slider-wrap .slider-navigation-3 {
    right: 20px;
  }
}
@media (max-width: 575px) {
  .about-slider-wrap .slider-navigation-3 {
    position: unset;
    margin-top: 30px;
  }
}
.about-slider-wrap .count-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  font-size: 20px;
  background-color: var(--tj-color-theme-dark);
  border-bottom-left-radius: 12px;
  justify-content: center;
  align-items: center;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.about-slider-wrap .count-icon i {
  animation: rotateClock 3s linear infinite;
}
.about-slider-wrap .count-icon::before, .about-slider-wrap .count-icon::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.about-slider-wrap .count-icon::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-slider-wrap .count-icon {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-slider-wrap {
    padding: 30px 135px 30px 20px;
  }
}
@media (max-width: 575px) {
  .about-slider-wrap {
    padding: 30px 20px;
  }
}

.about-item .title {
  margin-bottom: 18px;
}
.about-item .desc {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0;
}
.about-item .tj-secondary-btn,
.about-item .tj-primary-btn {
  margin-top: 25px;
}

.about-pagination {
  margin: 40px 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-pagination {
    margin: 30px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-pagination {
    margin: 0 0 30px;
  }
}

/* !END: Home 7 About CSS  */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.h7-client-slider::before, .h7-client-slider::after {
  display: none;
}
.h7-client-slider .client-logo {
  width: 285px;
  height: 120px;
  background-color: transparent;
  border: 1px solid var(--tj-color-border-1);
}
.h7-client-slider .client-logo img {
  opacity: 0.5;
}
.h7-client-slider .client-logo:hover img {
  opacity: 1;
  animation: gelatine 0.5s;
}
@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) {
  .h7-client-slider .client-logo {
    width: 220px;
    height: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-client-slider .client-logo {
    width: 170px;
    height: 70px;
    padding: 15px;
  }
}

/* !END: Client CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.h7-working-process {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.h7-working-process::after {
  content: "";
  position: absolute;
  bottom: -600px;
  left: -390px;
  margin: 0 auto;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}

.h7-process-item-wrap {
  padding: 1px;
}
.h7-process-item-wrap::before {
  background: transparent;
  border: 1px solid var(--tj-color-border-1);
  opacity: 1;
  visibility: visible;
  border-radius: 14px;
}
.h7-process-item-wrap .process-step {
  font-size: 76px;
  color: var(--tj-color-common-white);
  opacity: 0.25;
  font-family: var(--tj-ff-heading);
  background-color: transparent;
  position: unset;
  writing-mode: inherit;
  border-radius: 0;
  height: auto;
  padding: 0;
  border: 0;
  transform: none;
  margin-bottom: 10px;
}
.h7-process-item-wrap .process-step::after, .h7-process-item-wrap .process-step::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-process-item-wrap .process-step {
    font-size: 70px;
  }
}
.h7-process-item-wrap .process-icon {
  width: 86px;
  height: 86px;
  font-size: 48px;
  position: absolute;
  right: -1px;
  top: -1px;
  border-radius: 0 0 0 14px;
  border-left: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h7-process-item-wrap .process-icon::after, .h7-process-item-wrap .process-icon::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -28px;
  width: 28px;
  height: 14px;
  box-shadow: 14px 0 0 0 var(--tj-color-theme-bg);
  border-top-right-radius: 14px;
  border-top: 1px solid var(--tj-color-border-1);
  border-right: 1px solid var(--tj-color-border-1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h7-process-item-wrap .process-icon::after {
  top: auto;
  left: auto;
  bottom: -14px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-process-item-wrap .process-icon {
    width: 70px;
    height: 70px;
    font-size: 40px;
  }
}
.h7-process-item-wrap .process-item {
  min-height: 367px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 35px 30px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-process-item-wrap .process-item {
    min-height: 340px;
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-process-item-wrap .process-item {
    min-height: 300px;
  }
}
.h7-process-item-wrap .process-content {
  padding: 0;
}
.h7-process-item-wrap .process-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 15px;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.h7-process-item-wrap:hover .process-item-bg,
.h7-process-item-wrap:hover .process-step {
  opacity: 1;
}
.h7-process-item-wrap:hover::before {
  border-color: var(--tj-color-theme-primary);
}
.h7-process-item-wrap:hover .process-icon {
  border-color: var(--tj-color-theme-primary);
}
.h7-process-item-wrap:hover .process-icon::before, .h7-process-item-wrap:hover .process-icon::after {
  border-color: var(--tj-color-theme-primary);
}

/* !END: Working process CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.h7-service-section .sec-heading-inner .sec-title {
  max-width: 855px;
}
.h7-service-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.h7-service-wrapper .service-item {
  background-color: var(--tj-color-theme-dark);
  border-radius: 8px;
  border: 1px solid var(--tj-color-border-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.h7-service-wrapper .service-item a {
  display: block;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-service-wrapper .service-item a {
    padding: 20px;
  }
}
.h7-service-wrapper .service-item .title {
  margin: 0;
}
.h7-service-wrapper .service-item .title span {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}
.h7-service-wrapper .service-item .title span i {
  font-size: 48px;
  line-height: 0.9;
  transform: rotate(-45deg);
  text-indent: -60px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-service-wrapper .service-item .title span i {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-service-wrapper .service-item .title span i {
    font-size: 34px;
  }
}
.h7-service-wrapper .service-item .title span:hover {
  letter-spacing: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-service-wrapper .service-item .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-service-wrapper .service-item .title {
    font-size: 24px;
  }
}
.h7-service-wrapper .service-item .service-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  pointer-events: none;
}
.h7-service-wrapper .service-item .service-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.15;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h7-service-wrapper .service-item.active {
  border-color: var(--tj-color-theme-primary);
}
.h7-service-wrapper .service-item.active .title span i {
  text-indent: 0;
  margin-right: 6px;
}
.h7-service-wrapper .service-item.active .service-img {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.01);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-service-wrapper {
    grid-template-columns: 100%;
    gap: 20px;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h7-testimonial-section {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.h7-testimonial-section .sec-heading {
  max-width: 550px;
  margin-inline-start: 37px;
  margin-inline-end: 0;
  position: relative;
  padding-top: 30px;
}
.h7-testimonial-section .sec-heading .sub-title {
  color: var(--tj-color-white-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-section .sec-heading {
    margin-inline-start: 0;
    padding-top: 0;
  }
}
.h7-testimonial-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0.5;
}

.h7-testimonial-slider {
  border-radius: 20px;
  padding: 50px 0 60px;
  position: relative;
}
.h7-testimonial-slider .testimonial-item {
  padding: 0 50px;
}
.h7-testimonial-slider .testimonial-item .quote-icon {
  background-color: transparent;
  font-size: 64px;
  width: auto;
  padding-bottom: 55px;
}
.h7-testimonial-slider .testimonial-item .quote-icon::before, .h7-testimonial-slider .testimonial-item .quote-icon::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-testimonial-slider .testimonial-item .quote-icon {
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .testimonial-item .quote-icon {
    font-size: 56px;
    padding-bottom: 25px;
  }
}
.h7-testimonial-slider .testimonial-item .desc {
  color: var(--tj-color-grey-1);
  font-size: 28px;
  line-height: 1.357;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-testimonial-slider .testimonial-item .desc {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-testimonial-slider .testimonial-item .desc {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .testimonial-item .desc {
    font-size: 20px;
  }
}
.h7-testimonial-slider .testimonial-item .testimonial-author {
  border: 0;
  padding-top: 30px;
}
.h7-testimonial-slider .testimonial-item .testimonial-author .author-inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.h7-testimonial-slider .testimonial-item .testimonial-author .author-header {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.h7-testimonial-slider .testimonial-item .testimonial-author .title {
  font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .testimonial-item .testimonial-author .title {
    font-size: 18px;
  }
}
.h7-testimonial-slider .testimonial-item .testimonial-author .designation {
  font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .testimonial-item .testimonial-author .designation {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-testimonial-slider .testimonial-item .testimonial-author {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .testimonial-item .testimonial-author {
    padding-top: 0;
  }
}
.h7-testimonial-slider .testimonial-item .star-ratings {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-testimonial-slider .testimonial-item {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .testimonial-item {
    padding: 0 20px;
  }
}
.h7-testimonial-slider .swiper-pagination-area {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: right;
  padding: 0 50px 60px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider .swiper-pagination-area {
    padding: 0 20px 40px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-testimonial-slider {
    border-radius: 16px;
    padding: 30px 0 40px;
  }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.h7-team-section {
  overflow: hidden;
  position: relative;
}
.h7-team-section .sec-heading-inner {
  align-items: flex-start;
}
.h7-team-section .sec-heading-inner .sec-title {
  margin-inline-end: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-team-section .sec-heading-inner .sec-title {
    max-width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-team-section .sec-heading-inner .sec-title {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-team-section .sec-heading {
    max-width: 500px;
  }
}
.h7-team-section .shape-1 {
  position: absolute;
  width: 348px;
  left: -56px;
  bottom: 53px;
  z-index: -1;
  animation: zoomEffect 4s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-team-section .shape-1 {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-team-section .shape-1 {
    width: 250px;
    left: -65px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-team-section .shape-1 {
    width: 200px;
    left: -65px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-team-section .shape-1 {
    width: 150px;
    left: -50px;
    bottom: 30px;
  }
}

.h7-team-wrapper {
  max-width: 1000px;
  margin-inline-start: auto;
  position: relative;
  padding-inline-start: 51px;
}
.h7-team-wrapper .follow-text {
  position: absolute;
  bottom: 0;
  left: -65px;
  writing-mode: sideways-lr;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px var(--tj-color-border-1);
  font-size: 98px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  font-family: var(--tj-ff-heading);
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-team-wrapper .follow-text {
    font-size: 83px;
    left: -60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-team-wrapper {
    max-width: 910px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-team-wrapper {
    max-width: 770px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-team-wrapper {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-team-wrapper {
    padding-inline-start: 0;
    margin-inline-end: auto;
  }
}

.team-item-wrap {
  position: relative;
  z-index: 1;
}
.team-item-wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -300px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.12;
  z-index: 2;
  transform: translateY(-50%);
  pointer-events: none;
}
.team-item-wrap .team-item {
  position: unset;
  padding: 0;
}
.team-item-wrap .team-item::before, .team-item-wrap .team-item::after {
  display: none;
}
.team-item-wrap .team-item:first-child .team-content {
  border-top: 1px solid var(--tj-color-border-1);
}
.team-item-wrap .team-item .team-content {
  position: relative;
  width: 53%;
  padding: 33px 0;
  margin-inline-start: auto;
  border-bottom: 1px solid var(--tj-color-border-1);
}
.team-item-wrap .team-item .team-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--tj-color-common-white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-item-wrap .team-item .team-content {
    width: 50%;
    padding: 26px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-item-wrap .team-item .team-content {
    width: 100%;
    padding: 26px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-item-wrap .team-item .team-content {
    width: 100%;
    padding: 20px 0;
  }
}
.team-item-wrap .team-item .title span {
  color: var(--tj-color-grey-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-item-wrap .team-item .title {
    font-size: 28px;
  }
}
.team-item-wrap .team-item .team-link {
  position: absolute;
  right: -10px;
  top: 22px;
  font-size: 48px;
  line-height: 1;
  display: inline-flex;
  color: var(--tj-color-common-white);
  transform: rotate(-45deg);
  opacity: 0;
  visibility: hidden;
}
.team-item-wrap .team-item .team-link:hover {
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-item-wrap .team-item .team-link {
    font-size: 40px;
  }
}
.team-item-wrap .team-item .team-img-wrap {
  max-width: 419px;
  width: 100%;
  height: 519px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-item-wrap .team-item .team-img-wrap {
    max-width: 380px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-item-wrap .team-item .team-img-wrap {
    max-width: 340px;
    height: 442px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-item-wrap .team-item .team-img-wrap {
    max-width: calc(100% - 60px);
    height: 0;
    position: relative;
    margin-inline-start: auto;
  }
}
.team-item-wrap .team-item .team-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.team-item-wrap .team-item .team-img img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.team-item-wrap .team-item .social-links {
  background-color: transparent;
  right: auto;
  left: 20px;
  bottom: -20px;
  padding: 0;
  transition-delay: 0.3s;
  opacity: 0;
}
.team-item-wrap .team-item .social-links ul {
  opacity: 1;
  gap: 8px;
}
.team-item-wrap .team-item .social-links ul li {
  margin: 0;
}
.team-item-wrap .team-item .social-links ul li a:not(:hover) {
  border: 1px solid var(--tj-color-border-1);
}
.team-item-wrap .team-item .social-links::before, .team-item-wrap .team-item .social-links::after {
  display: none;
}
.team-item-wrap .team-item.active .team-link {
  opacity: 1;
  visibility: visible;
}
.team-item-wrap .team-item.active .team-img-wrap {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-item-wrap .team-item.active .team-img-wrap {
    height: 518px;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .team-item-wrap .team-item.active .team-img-wrap {
    height: 450px;
    margin-top: 15px;
  }
}
.team-item-wrap .team-item.active .social-links {
  opacity: 1;
  bottom: 20px;
}
.team-item-wrap .team-item.active .team-content::before {
  width: 100%;
}

/* !END: Team CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.h7-project-section {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}

.h7-project-area {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.h7-project-area::before {
  content: "";
  position: absolute;
  top: -400px;
  right: -350px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-project-area::before {
    top: -300px;
    right: -300px;
    width: 600px;
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-project-area::before {
    top: -200px;
    right: -200px;
    width: 400px;
    height: 400px;
  }
}
.h7-project-area .sec-heading .sec-title {
  max-width: 1025px;
}

.h7-project-item-wrap {
  background-color: var(--tj-color-theme-dark);
  margin: 0 0 30px 0;
  border-radius: 12px;
}
.h7-project-item.style-5 {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  background-color: var(--tj-color-theme-dark);
  opacity: 1;
  margin: 0;
  transition: none;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-project-item.style-5 .project-img {
    height: 450px;
  }
}
.h7-project-item.style-5 .project-content {
  margin-inline-start: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-project-item.style-5 .project-content {
    margin-inline-start: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-project-item.style-5 .project-content {
    margin-inline-start: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-project-item.style-5 .project-content {
    margin-inline-start: 0;
  }
}
.h7-project-item.style-5 .title {
  max-width: 532px;
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-project-item.style-5 .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-project-item.style-5 .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-project-item.style-5 .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-project-item.style-5 .title {
    font-size: 26px;
  }
}
.h7-project-item.style-5 .categories a {
  border: 1px solid var(--tj-color-border-1);
  border-radius: 22px;
}
.h7-project-item.style-5 .tj-secondary-btn,
.h7-project-item.style-5 .tj-primary-btn {
  margin-top: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-project-item.style-5 {
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-project-item.style-5 {
    gap: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-project-item.style-5 {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.h7-project-text-circle {
  bottom: -10px;
}
.h7-project-text-circle::after, .h7-project-text-circle::before {
  bottom: 90px;
  left: -24px;
  width: 24px;
  height: 48px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 24px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-project-text-circle::after, .h7-project-text-circle::before {
    left: -16px;
  }
}
.h7-project-text-circle::after {
  left: auto;
  right: -24px;
  border-radius: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-project-text-circle::after {
    right: -16px;
  }
}

/* !END: Project CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.h7-faq-section {
  position: relative;
  z-index: 1;
}
.h7-faq-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -400px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.2;
  z-index: -1;
  transform: translateY(-50%);
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-faq-section::before {
    left: -300px;
    width: 600px;
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-faq-section::before {
    left: -200px;
    width: 400px;
    height: 400px;
  }
}
.h7-faq-section .sec-heading-inner {
  align-items: flex-start;
}
.h7-faq-section .sec-heading-inner .sec-title {
  max-width: 660px;
  width: 100%;
  font-size: 106px;
  line-height: 1;
  margin-top: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-faq-section .sec-heading-inner .sec-title {
    max-width: 600px;
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-faq-section .sec-heading-inner .sec-title {
    max-width: 480px;
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-faq-section .sec-heading-inner .sec-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-faq-section .sec-heading-inner .sec-title {
    font-size: 46px;
  }
}
.h7-faq-section .tj-primary-btn .btn-icon {
  font-size: 18px;
}

.tj-faq.style-5 {
  max-width: 980px;
  margin-inline-start: auto;
}
.tj-faq.style-5 .accordion-item {
  background: var(--tj-color-theme-bg);
  border: 2px solid var(--tj-color-theme-bg);
}
.tj-faq.style-5 .accordion-item .faq-title {
  color: var(--tj-color-grey-1);
  padding: 24px 45px 24px 0;
}
.tj-faq.style-5 .accordion-item .faq-title span {
  color: var(--tj-color-common-white);
}
.tj-faq.style-5 .accordion-item .faq-title::after {
  width: 40px;
  height: 40px;
  line-height: 38px;
  top: 19px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  border: 1px solid var(--tj-color-border-1);
  color: var(--tj-color-theme-primary);
}
.tj-faq.style-5 .accordion-item .accordion-body {
  color: var(--tj-color-grey-3);
  padding-top: 0;
}
.tj-faq.style-5 .accordion-item .text-btn.style-2 {
  margin-top: 10px;
}
.tj-faq.style-5 .accordion-item .text-btn.style-2 .btn-text {
  color: var(--tj-color-grey-1);
}
.tj-faq.style-5 .accordion-item.active {
  border-color: var(--tj-color-theme-primary);
}
.tj-faq.style-5 .accordion-item.active .faq-title {
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-faq.style-5 {
    max-width: 860px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-faq.style-5 {
    max-width: 700px;
  }
}

/* !END: Faq CSS */
/**----------------------------------------
START: Theme Marquee CSS
----------------------------------------*/
.marquee-item-3 {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 35px;
}
.marquee-item-3 .marquee-text {
  font-size: 32px;
  line-height: 1.25;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .marquee-item-3 .marquee-text {
    font-size: 26px;
  }
}
.marquee-item-3 .marquee-icon {
  color: var(--tj-color-common-white);
  font-size: 28px;
  line-height: 1;
  animation: rotateAntiClock 6s linear infinite;
}
.marquee-item-3 .marquee-icon img {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .marquee-item-3 .marquee-icon {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item-3 {
    gap: 25px;
  }
}
@media (max-width: 575px) {
  .marquee-item-3 {
    gap: 20px;
  }
}

/* !END: Theme Marquee CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.h7-blog-wrapper {
  position: relative;
}
.h7-blog-wrapper .testimonial-navigation {
  opacity: 1;
  visibility: visible;
}
.h7-blog-wrapper .testimonial-navigation .slider-next,
.h7-blog-wrapper .testimonial-navigation .slider-prev {
  border: 8px solid var(--tj-color-theme-dark);
}
.h7-blog-wrapper .testimonial-navigation .slider-prev {
  margin-inline-start: -30px;
}
.h7-blog-wrapper .testimonial-navigation .slider-next {
  margin-inline-end: -30px;
}
.h7-blog-wrapper .swiper-slide:nth-child(odd) .h7-blog-item {
  display: flex;
  flex-direction: column-reverse;
}
.h7-blog-wrapper .swiper-slide:nth-child(odd) .h7-blog-item .blog-content {
  padding: 15px 20px 25px 10px;
}

.h7-blog-item.style-6 {
  background-color: var(--tj-color-theme-bg);
  border: 0;
  padding: 15px;
}
.h7-blog-item.style-6 .blog-content {
  padding: 25px 20px 15px 10px;
}
.h7-blog-item.style-6 .blog-content .text-btn .btn-text {
  color: var(--tj-color-common-white);
}
.h7-blog-item.style-6 .blog-content .blog-meta {
  margin-bottom: 15px;
}
.h7-blog-item.style-6 .blog-content .blog-meta .categories {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  position: unset;
}
.h7-blog-item.style-6 .blog-content .blog-meta .categories::before, .h7-blog-item.style-6 .blog-content .blog-meta .categories::after {
  display: none;
}
.h7-blog-item.style-6 .blog-content .blog-meta .categories a {
  background-color: transparent;
  color: var(--tj-color-theme-primary);
  border: 1px solid var(--tj-color-border-1);
  border-radius: 4px;
}
.h7-blog-item.style-6 .blog-content .blog-meta .categories a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  border-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-blog-item.style-6 .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}

/* !END: Blog CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-8 {
  padding: 30px 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-area.header-8 {
    padding: 30px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-8 {
    padding: 20px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-8 {
    padding: 0;
  }
}
.header-area.header-8 .mainmenu > ul {
  column-gap: 0;
}
.header-area.header-8 .mainmenu > ul > li > a {
  padding: 13px 29px;
  background-color: var(--tj-color-theme-bg);
  border: 1px solid var(--tj-color-theme-bg);
  border-radius: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-8 .mainmenu > ul > li > a {
    padding: 11px 19px;
  }
}
.header-area.header-8 .mainmenu > ul > li.menu-item-has-children > a, .header-area.header-8 .mainmenu > ul > li.has-dropdown > a {
  padding: 13px 42px 13px 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-8 .mainmenu > ul > li.menu-item-has-children > a, .header-area.header-8 .mainmenu > ul > li.has-dropdown > a {
    padding: 11px 32px 11px 19px;
  }
}
.header-area.header-8 .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-8 .mainmenu > ul > li.has-dropdown > a::after {
  top: 17px;
  right: 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-8 .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-8 .mainmenu > ul > li.has-dropdown > a::after {
    top: 15px;
    right: 19px;
  }
}
.header-area.header-8 .mainmenu > ul > li.current-menu-ancestor > a, .header-area.header-8 .mainmenu > ul > li.current-menu-item > a, .header-area.header-8 .mainmenu > ul > li:hover > a {
  border-color: var(--tj-color-theme-primary);
}
.header-area.header-8 .header-right-item {
  gap: 15px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.h8-footer-section .footer-main-area {
  padding: 0 0 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-footer-section .footer-main-area {
    padding: 0 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-section .footer-main-area {
    padding: 0 0 50px;
  }
}
.h8-footer-section .widget-nav-menu ul li a {
  color: var(--tj-color-white-2);
  font-family: var(--tj-ff-heading);
}
.h8-footer-section .widget-nav-menu ul li a::before {
  border: 0;
  background-color: var(--tj-color-common-white);
  opacity: 0.15;
}
.h8-footer-section .widget-nav-menu ul li a:hover {
  color: var(--tj-color-common-white);
}
.h8-footer-section .widget-nav-menu ul li a:hover::before {
  opacity: 1;
}
.h8-footer-section .widget-nav-menu.footer-col-1 {
  max-width: 212px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-footer-section .widget-nav-menu.footer-col-1 {
    max-width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-footer-section .widget-nav-menu.footer-col-1 {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-footer-section .widget-nav-menu.footer-col-1 {
    max-width: 255px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-section .widget-nav-menu.footer-col-1 {
    max-width: 100%;
    height: auto;
    margin-top: 0;
  }
}
.h8-footer-section .widget-nav-menu.footer-col-2 {
  max-width: 292px;
  width: 100%;
  height: 100%;
  padding-inline-start: 0;
  margin-inline-start: -10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-footer-section .widget-nav-menu.footer-col-2 {
    margin-inline-start: -20px;
  }
  .h8-footer-section .widget-nav-menu.footer-col-2.col-border::after {
    right: -8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-footer-section .widget-nav-menu.footer-col-2 {
    padding-inline-start: 0;
    margin-inline-start: 0;
  }
  .h8-footer-section .widget-nav-menu.footer-col-2.col-border::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-footer-section .widget-nav-menu.footer-col-2 {
    padding-inline-start: 30px;
    margin-inline-start: 0;
  }
  .h8-footer-section .widget-nav-menu.footer-col-2.col-border::after {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-section .widget-nav-menu.footer-col-2 {
    max-width: 100%;
    height: auto;
    margin-top: 0;
    margin-top: 40px;
    padding-inline-start: 0;
    margin-inline-start: 0;
  }
}
.h8-footer-section .widget-nav-menu.footer-col-3 {
  max-width: 288px;
  width: 100%;
  height: 100%;
  padding-inline-start: 58px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-footer-section .widget-nav-menu.footer-col-3 {
    padding-inline-start: 38px;
  }
  .h8-footer-section .widget-nav-menu.footer-col-3.col-border::after {
    right: 23px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-footer-section .widget-nav-menu.footer-col-3 {
    max-width: 300px;
    height: calc(100% - 35px);
    margin-top: 40px;
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-footer-section .widget-nav-menu.footer-col-3 {
    max-width: 255px;
    height: calc(100% - 35px);
    margin-top: 40px;
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-section .widget-nav-menu.footer-col-3 {
    max-width: 100%;
    height: auto;
    margin-top: 40px;
    padding-inline-start: 0;
  }
}
.h8-footer-section .widget-nav-menu.col-border {
  position: relative;
}
.h8-footer-section .widget-nav-menu.col-border::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: calc(100% - 15px);
  border-right: 1px solid var(--tj-color-border-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-section .widget-nav-menu.col-border::after {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: -20px;
    border: 0;
    border-bottom: 1px solid var(--tj-color-border-1);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-footer-section .footer-col-4 {
    margin-top: 40px;
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-footer-section .footer-col-4 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-footer-section .footer-col-4 {
    max-width: 100%;
    margin-top: 40px;
    padding-inline-start: 0;
  }
}
.h8-footer-section .footer-contact-info .contact-item span {
  color: var(--tj-color-common-white);
}

.tj-copyright-area-3 .footer-logo {
  max-width: 132px;
  margin: 0 auto;
}

/* !END: Theme Footer CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.h8-banner-section {
  padding-bottom: 105px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-banner-section {
    padding-bottom: 70px;
  }
}

.h8-banner-area {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  padding-bottom: 446px;
}
.h8-banner-area .banner-content {
  max-width: 1100px;
  margin: 100px auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.h8-banner-area .banner-content .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--tj-color-theme-primary);
  font-size: 15px;
  line-height: 1.4;
  font-weight: var(--tj-fw-sbold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  position: relative;
}
.h8-banner-area .banner-content .sub-title::before {
  content: "[";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-right: 2px;
}
.h8-banner-area .banner-content .sub-title::after {
  content: "]";
  color: var(--tj-color-theme-primary);
  display: inline-flex;
  margin-left: 2px;
}
.h8-banner-area .banner-content .banner-title {
  font-size: 96px;
  margin-bottom: 0;
}
.h8-banner-area .banner-content .banner-title span {
  display: inline-flex;
  position: relative;
  top: 8px;
}
.h8-banner-area .banner-content .banner-title span span {
  line-height: 0;
  margin-inline-start: -17px;
  position: relative;
  z-index: 2;
  top: 0;
}
.h8-banner-area .banner-content .banner-title span span img {
  width: 83px;
  height: 83px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-banner-area .banner-content .banner-title span span img {
    width: 76px;
    height: 76px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .banner-content .banner-title span span img {
    width: 68px;
    height: 68px;
    border-radius: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-banner-area .banner-content .banner-title span span img {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-banner-area .banner-content .banner-title span span img {
    width: 50px;
    height: 50px;
    border-radius: 14px;
  }
}
@media (max-width: 575px) {
  .h8-banner-area .banner-content .banner-title span span img {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }
}
.h8-banner-area .banner-content .banner-title span span:first-child {
  margin-inline-start: 0;
  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: 575px) {
  .h8-banner-area .banner-content .banner-title span span {
    margin-inline-start: -12px;
  }
}
.h8-banner-area .banner-content .banner-title ul {
  display: inline-flex;
  list-style: none;
  position: relative;
  top: -8px;
}
.h8-banner-area .banner-content .banner-title ul li {
  line-height: 0;
  margin-inline-start: -17px;
  position: relative;
  z-index: 2;
}
.h8-banner-area .banner-content .banner-title ul li img {
  width: 83px;
  height: 83px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-banner-area .banner-content .banner-title ul li img {
    width: 76px;
    height: 76px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .banner-content .banner-title ul li img {
    width: 68px;
    height: 68px;
    border-radius: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-banner-area .banner-content .banner-title ul li img {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-banner-area .banner-content .banner-title ul li img {
    width: 50px;
    height: 50px;
    border-radius: 14px;
  }
}
@media (max-width: 575px) {
  .h8-banner-area .banner-content .banner-title ul li img {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }
}
.h8-banner-area .banner-content .banner-title ul li:first-child {
  margin-inline-start: 0;
  z-index: 1;
}
@media (max-width: 575px) {
  .h8-banner-area .banner-content .banner-title ul li {
    margin-inline-start: -14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .banner-content .banner-title ul {
    top: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-banner-area .banner-content .banner-title ul {
    top: -3px;
  }
}
@media (max-width: 575px) {
  .h8-banner-area .banner-content .banner-title ul {
    top: -2px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-banner-area .banner-content .banner-title {
    font-size: 86px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .banner-content .banner-title {
    font-size: 76px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-banner-area .banner-content .banner-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-banner-area .banner-content .banner-title {
    font-size: 56px;
  }
}
@media (max-width: 575px) {
  .h8-banner-area .banner-content .banner-title {
    font-size: 46px;
  }
}
.h8-banner-area .banner-content .desc {
  max-width: 660px;
  font-size: 18px;
}
.h8-banner-area .banner-content .banner-btn-area {
  margin-top: 30px;
}
.h8-banner-area .banner-content .banner-btn-area .tj-secondary-btn {
  font-size: 18px;
  gap: 14px;
  padding: 6px 6px 6px 35px;
}
.h8-banner-area .banner-content .banner-btn-area .tj-secondary-btn .btn-icon {
  width: 52px;
  height: 52px;
  font-size: 28px;
}
@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: 575px) {
  .h8-banner-area .banner-content .banner-btn-area .tj-secondary-btn .btn-icon {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
}
@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: 575px) {
  .h8-banner-area .banner-content .banner-btn-area .tj-secondary-btn {
    font-size: 16px;
    gap: 10px;
    padding: 5px 5px 5px 25px;
  }
}
.h8-banner-area .banner-content .cursor-img-1 {
  position: absolute;
  left: 14px;
  bottom: 32px;
  max-width: 116px;
  width: 100%;
  animation: movingHorizontal 3s linear infinite;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-banner-area .banner-content .cursor-img-1 {
    max-width: 100px;
    bottom: -40px;
  }
}
.h8-banner-area .banner-content .cursor-img-2 {
  position: absolute;
  right: 15px;
  bottom: 86px;
  max-width: 95px;
  width: 100%;
  animation: jumping 3s linear infinite 1s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-banner-area .banner-content .cursor-img-2 {
    bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-banner-area .banner-content .cursor-img-2 {
    max-width: 82px;
    bottom: 20px;
    right: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-banner-area .banner-content {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .banner-content {
    max-width: 880px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-banner-area .banner-content {
    max-width: 700px;
    margin-top: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-banner-area .banner-content {
    max-width: 650px;
    padding: 0 15px;
    margin-top: 70px;
  }
}
.h8-banner-area .h8-heor-bg {
  background-color: var(--tj-color-theme-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: luminosity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.h8-banner-area .h8-heor-bg::before, .h8-banner-area .h8-heor-bg::after {
  content: "";
  position: absolute;
  top: -250px;
  right: -500px;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .h8-heor-bg::before, .h8-banner-area .h8-heor-bg::after {
    top: -100px;
    right: -350px;
    width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-banner-area .h8-heor-bg::before, .h8-banner-area .h8-heor-bg::after {
    top: -100px;
    right: -150px;
    width: 400px;
    height: 400px;
  }
}
.h8-banner-area .h8-heor-bg::after {
  top: auto;
  right: auto;
  left: -480px;
  bottom: -250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-banner-area .h8-heor-bg::after {
    left: -380px;
    bottom: -100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-banner-area {
    padding-bottom: 426px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-banner-area {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-banner-area {
    padding-bottom: 150px;
  }
}

.dashboard-img {
  max-width: 1326px;
  width: 100%;
  margin: -446px auto 0;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dashboard-img {
    max-width: 1140px;
    margin-top: -426px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-img {
    max-width: calc(100% - 60px);
    margin-top: -300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dashboard-img {
    max-width: calc(100% - 25px);
    margin-top: -150px;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.h8-choose-box.style-4 .choose-inner {
  text-align: left;
}
.h8-choose-box.style-4 .title {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

/* !END: Choose CSS */
/**----------------------------------------
START: Theme Marquee CSS
----------------------------------------*/
.h8-marquee-section {
  padding: 50px 0;
}
.h8-marquee-section .marquee-wrap {
  width: calc(100% + 10px);
  transform: rotate(-3deg) translateX(-5px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-marquee-section {
    padding: 35px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-marquee-section {
    padding: 28px 0;
  }
}
@media (max-width: 575px) {
  .h8-marquee-section {
    padding: 15px 0;
  }
}
.h8-marquee-section-2 {
  position: relative;
  z-index: 1;
}
.h8-marquee-section-2 .blur-shap {
  position: absolute;
  right: 0;
  top: 50%;
  max-width: 692px;
  width: 100%;
  height: auto;
  z-index: -1;
  transform: translateY(-55%);
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-marquee-section-2 .blur-shap {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-marquee-section-2 .blur-shap {
    max-width: 300px;
  }
}
@media (max-width: 575px) {
  .h8-marquee-section-2 .blur-shap {
    max-width: 150px;
  }
}

/* !END: Theme Marquee CSS */
/**----------------------------------------
START: Home 8 Countup CSS
----------------------------------------*/
.h8-countup-section {
  position: relative;
  z-index: 1;
}
.h8-countup-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: -600px;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-countup-section::before {
    top: 10%;
    left: -500px;
    width: 700px;
    height: 700px;
  }
}
.h8-countup-section .blur-shap {
  position: absolute;
  right: 0;
  bottom: -75%;
  max-width: 690px;
  width: 100%;
  height: auto;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-countup-section .blur-shap {
    max-width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-countup-section .blur-shap {
    max-width: 400px;
    bottom: -40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-countup-section {
    padding-top: 70px;
  }
}

.h8-countup-heading {
  max-width: 1100px;
  text-align: center;
}
.h8-countup-heading .sec-logo {
  width: 116px;
  height: 116px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tj-color-theme-dark);
  box-shadow: 0 0 45px rgba(236, 131, 187, 0.6);
  position: relative;
  margin-bottom: 60px;
}
.h8-countup-heading .sec-logo::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  background-image: linear-gradient(to right, rgb(255, 0, 127), rgb(102, 122, 255));
  border-radius: 50%;
  z-index: -1;
  animation: rotateClock 2s linear infinite;
}
.h8-countup-heading .sec-logo::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 45px rgb(62, 36, 135);
  border-radius: 50%;
  z-index: -2;
}
.h8-countup-heading .sec-logo img {
  max-width: 54px;
  height: auto;
}
@media (max-width: 575px) {
  .h8-countup-heading .sec-logo img {
    max-width: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-countup-heading .sec-logo {
    margin-bottom: 45px;
  }
}
@media (max-width: 575px) {
  .h8-countup-heading .sec-logo {
    width: 110px;
    height: 110px;
  }
}
.h8-countup-heading .sec-title span {
  color: inherit;
  width: 54px;
  height: 54px;
  position: relative;
  top: 8px;
  display: inline-block;
  cursor: pointer;
}
.h8-countup-heading .sec-title span.img-1 {
  width: 172px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-countup-heading .sec-title span.img-1 {
    width: 144px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-countup-heading .sec-title span.img-1 {
    width: 128px;
  }
}
@media (max-width: 575px) {
  .h8-countup-heading .sec-title span.img-1 {
    width: 96px;
  }
}
.h8-countup-heading .sec-title span img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: 56px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-countup-heading .sec-title span {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-countup-heading .sec-title span {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 575px) {
  .h8-countup-heading .sec-title span {
    width: 30px;
    height: 30px;
  }
}
.h8-countup-heading .sec-title span:hover img {
  transform: scale(2);
  border-radius: 6px;
}

.h8-countup-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
  padding: 48px 0;
  margin-bottom: 60px;
}
.h8-countup-wrap .countup-item {
  padding: 0;
  align-items: flex-start;
  position: relative;
}
.h8-countup-wrap .countup-item:not(:last-child) {
  padding-inline-end: 103px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-countup-wrap .countup-item:not(:last-child) {
    padding-inline-end: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-countup-wrap .countup-item:not(:last-child) {
    padding-inline-end: 42px;
  }
}
.h8-countup-wrap .countup-item:not(:last-child)::before {
  content: "";
  width: auto;
  height: calc(100% - 15px);
  position: absolute;
  top: 9px;
  right: 0;
  border-right: 1px solid var(--tj-color-border-1);
}
.h8-countup-wrap .countup-item:not(:first-child) {
  padding-inline-start: 102px;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-countup-wrap .countup-item:not(:first-child) {
    padding-inline-start: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-countup-wrap .countup-item:not(:first-child) {
    padding-inline-start: 42px;
  }
}
.h8-countup-wrap .countup-item .count-text {
  max-width: 205px;
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: normal;
  color: var(--tj-color-text-body);
}
.h8-countup-wrap .countup-item .count-plus span {
  color: var(--tj-color-theme-primary);
}
.h8-countup-wrap .countup-item .inline-content {
  font-size: 68px;
  color: var(--tj-color-heading-primary);
  margin-bottom: 15px;
}
.h8-countup-wrap .countup-item .inline-content .odometer {
  color: var(--tj-color-heading-primary);
}
.h8-countup-wrap .countup-item .inline-content .odometer .odometer-digit,
.h8-countup-wrap .countup-item .inline-content .odometer span {
  color: var(--tj-color-heading-primary);
}
@media (max-width: 575px) {
  .h8-countup-wrap .countup-item .inline-content {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-countup-wrap .countup-item {
    width: 50%;
  }
  .h8-countup-wrap .countup-item:nth-child(odd) {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
  .h8-countup-wrap .countup-item:nth-child(even) {
    padding-inline-start: 30px;
    padding-inline-end: 0;
    border-right: 0;
  }
  .h8-countup-wrap .countup-item:nth-child(even)::before {
    border-right: 0;
  }
  .h8-countup-wrap .countup-item:nth-child(2), .h8-countup-wrap .countup-item:first-child {
    margin-bottom: 80px;
  }
  .h8-countup-wrap .countup-item:nth-child(2)::after, .h8-countup-wrap .countup-item:first-child::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--tj-color-border-1);
    position: absolute;
    bottom: -40px;
    left: 0;
  }
}
@media (max-width: 575px) {
  .h8-countup-wrap .countup-item {
    width: 100%;
    text-align: start;
  }
  .h8-countup-wrap .countup-item:not(:last-child) {
    padding-inline-end: 0;
    padding-bottom: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--tj-color-border-1);
  }
  .h8-countup-wrap .countup-item:not(:last-child)::before {
    border-right: 0;
  }
  .h8-countup-wrap .countup-item:not(:first-child) {
    padding-inline-start: 0;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h8-countup-wrap {
    padding: 40px 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .h8-countup-wrap {
    max-width: 100%;
    padding: 30px 0;
    margin-bottom: 40px;
  }
}

/* !END: Home 8 Countup CSS  */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
.h8-service-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}
.h8-service-wrapper .service-slider-2 {
  overflow: inherit;
}
.h8-service-wrapper .swiper-slide {
  max-width: 645px;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .h8-service-wrapper .swiper-slide {
    max-width: 610px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-service-wrapper .swiper-slide {
    max-width: 575px;
  }
}
@media (max-width: 575px) {
  .h8-service-wrapper {
    padding-inline-start: 12px;
  }
}
.h8-service-item {
  background-color: var(--tj-color-theme-dark);
  padding: 30px;
  border-radius: 12px;
  position: relative;
}
.h8-service-item .service-item-inner {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-service-item .service-item-inner {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-service-item .service-item-inner {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
}
.h8-service-item .service-img {
  width: 200px;
  height: 200px;
  border-radius: 9px;
  overflow: hidden;
  flex: 0 0 auto;
}
.h8-service-item .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-service-item .service-img {
    width: 100%;
  }
}
.h8-service-item .item-count {
  font-size: 68px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  opacity: 0.1;
  display: inline-flex;
  margin-bottom: 10px;
}
.h8-service-item .desc {
  margin: 0;
}
.h8-service-item .title {
  width: calc(100% - 70px);
}
.h8-service-item .title a {
  display: inline-flex;
}
.h8-service-item .title a:hover {
  color: var(--tj-color-theme-primary);
}
.h8-service-item .service-link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-color: var(--tj-color-theme-bg);
  border-top-left-radius: 12px;
  padding: 10px;
  color: var(--tj-color-common-white);
  font-size: 47px;
  text-align: center;
  z-index: 1;
}
.h8-service-item .service-link::before, .h8-service-item .service-link::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  box-shadow: 0 12px 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
  pointer-events: none;
}
.h8-service-item .service-link::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.h8-service-item .service-link span {
  display: inline-flex;
  line-height: 1;
  transform: rotate(-45deg);
  overflow: hidden;
}
.h8-service-item .service-link i {
  display: inline-flex;
  line-height: 1;
  text-shadow: -56px 0 0 var(--tj-color-theme-primary);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.h8-service-item .service-link:hover i {
  transform: translateX(56px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-service-item .service-link {
    width: 55px;
    height: 55px;
    font-size: 25px;
  }
}
.h8-service-item:hover .item-count {
  opacity: 1;
}
.h8-service-item:hover .service-img img {
  transform: scale(1.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-service-item {
    padding: 20px;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.h8-working-process {
  position: relative;
  z-index: 1;
}

.process-img-area {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-img-area {
    height: 660px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .process-img-area {
    height: 570px;
  }
}
@media (max-width: 575px) {
  .process-img-area {
    height: 470px;
  }
}
@media (max-width: 400px) {
  .process-img-area {
    height: 400px;
  }
}
.process-img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: -1;
  max-width: 605px;
  width: 100%;
  height: 661px;
  border-radius: 20px;
  box-shadow: 0 0 60px 0 rgba(236, 131, 187, 0.4);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  transform: scale(0.8);
}
.process-img::before {
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px;
  background-image: linear-gradient(to right, rgb(255, 0, 127), rgb(102, 122, 255));
  border-radius: 20px;
  z-index: -1;
}
.process-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.process-img.active {
  opacity: 1;
  z-index: 2;
  transform: scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-img {
    inset-inline-end: 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-img {
    height: 100%;
    box-shadow: 0 0 40px 0 rgba(236, 131, 187, 0.4);
  }
}

.h8-process-area {
  margin-top: 35px;
  margin-inline-start: 50px;
}
.h8-process-area .sec-heading {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-process-area {
    margin-inline-start: 0;
  }
}
.h8-process-wrap {
  position: relative;
}
.h8-process-wrap .process-line, .h8-process-wrap::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 32px;
  background: linear-gradient(to bottom, var(--tj-color-theme-bg) 0%, rgba(24, 19, 59, 0.5) 100%);
  z-index: -1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-process-wrap .process-line, .h8-process-wrap::before {
    left: 28px;
  }
}
.h8-process-wrap .process-line {
  background: linear-gradient(to bottom, rgb(255, 0, 127) 20%, rgba(0, 0, 0, 0) 100%);
  height: 50%;
}
.h8-process-item.process-item {
  background-color: transparent;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  z-index: 1;
  margin-bottom: 45px;
}
.h8-process-item.process-item.active .process-step {
  color: var(--tj-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.h8-process-item.process-item.active .title {
  color: var(--tj-color-common-white);
}
.h8-process-item.process-item.active .desc {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.h8-process-item.process-item:last-child {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-process-item.process-item {
    margin-bottom: 30px;
  }
}
.h8-process-item .process-step {
  font-size: 20px;
  color: var(--tj-color-grey-1);
  font-family: var(--tj-ff-heading);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: unset;
  writing-mode: inherit;
  padding: 0;
  border: 0;
  transform: none;
}
.h8-process-item .process-step::after, .h8-process-item .process-step::before {
  display: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-process-item .process-step {
    font-size: 18px;
    width: 56px;
    height: 56px;
  }
}
.h8-process-item .process-content {
  max-width: 400px;
  padding: 0;
}
.h8-process-item .process-content .title {
  color: var(--tj-color-grey-1);
  font-weight: var(--tj-fw-medium);
  margin-top: 20px;
  cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-process-item .process-content .title {
    margin-top: 15px;
  }
}
.h8-process-item .process-content .desc {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

/* !END: Working process CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.h8-project-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.h8-project-section::before {
  content: "";
  position: absolute;
  top: 100px;
  left: -350px;
  width: 600px;
  height: 900px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-project-section::before {
    top: 150px;
    left: -400px;
    height: 800px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-project-section::before {
    top: 150px;
    left: -470px;
    height: 700px;
  }
}
.h8-project-wrapper {
  position: relative;
}
.h8-project-heading {
  position: relative;
  z-index: 2;
}
.h8-project-heading .client-content .client-numbers {
  padding: 0 9px;
}
.h8-project-item {
  position: relative;
  padding: 45px 0 55px 0;
  border-top: 1px solid var(--tj-color-border-1);
  border-bottom: 1px solid var(--tj-color-border-1);
}
.h8-project-item:not(:last-child) {
  border-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-project-item {
    padding: 37px 0 45px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-project-item {
    padding: 34px 0 40px 0;
  }
}
.h8-project-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--tj-color-common-white);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.h8-project-item .project-content {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-project-item .project-content {
    margin-inline-start: 0;
  }
}
.h8-project-item .item-count {
  font-size: 18px;
  line-height: 1;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-common-white);
  position: absolute;
  top: 6px;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.h8-project-item .title {
  max-width: 580px;
  width: 100%;
  margin-bottom: 20px;
  color: var(--tj-color-grey-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-project-item .title {
    max-width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-project-item .title {
    max-width: 435px;
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-project-item .title {
    font-size: 30px;
  }
}
.h8-project-item .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  background-color: transparent;
}
.h8-project-item .categories::before, .h8-project-item .categories::after {
  display: none;
}
.h8-project-item .categories a:not(:hover) {
  background-color: var(--tj-color-theme-bg);
}
.h8-project-item .categories a {
  border-radius: 22px;
}
.h8-project-item .tj-secondary-btn,
.h8-project-item .tj-primary-btn {
  margin-top: 25px;
}
.h8-project-item:hover::before {
  width: 100%;
}
.h8-project-item:hover .item-count {
  opacity: 1;
  visibility: visible;
}
.h8-project-item:hover .project-content {
  padding-inline-start: 40px;
}
.h8-project-item:hover .title {
  color: var(--tj-color-common-white);
}
.h8-project-item:hover .item-reveal-bg {
  width: 100%;
  opacity: 1;
}

.item-reveal-bg {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 540px;
  width: 0;
  height: 540px;
  opacity: 0;
  border-radius: 16px;
  margin: -220px 0 0 -270px;
  overflow: hidden;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.3s, width 2s, 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: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .item-reveal-bg {
    max-width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .item-reveal-bg {
    max-width: 440px;
    height: 440px;
    margin: -200px 0 0 -220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .item-reveal-bg {
    max-width: 380px;
    height: 380px;
    margin: -180px 0 0 -180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .item-reveal-bg {
    display: none;
  }
}

/* !END: Project CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.h8-testimonial-section {
  background-color: var(--tj-color-theme-bg);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.h8-testimonial-section::after, .h8-testimonial-section::before {
  content: "";
  position: absolute;
  bottom: -450px;
  left: -450px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-testimonial-section::after, .h8-testimonial-section::before {
    width: 600px;
    height: 600px;
    bottom: 150px;
    left: -300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-testimonial-section::after, .h8-testimonial-section::before {
    width: 400px;
    height: 500px;
    bottom: 150px;
    left: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-testimonial-section::after, .h8-testimonial-section::before {
    width: 400px;
    height: 400px;
    bottom: 150px;
    left: -200px;
  }
}
.h8-testimonial-section::after {
  left: auto;
  bottom: auto;
  top: -450px;
  right: -450px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-testimonial-section::after {
    right: -450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-testimonial-section::after {
    width: 400px;
    height: 400px;
    top: 20px;
    right: -250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-testimonial-section .sec-heading-inner {
    gap: 0;
  }
}
.h8-testimonial-section .sec-heading .sec-title {
  max-width: 550px;
  margin-inline-end: 190px;
}
.h8-testimonial-section .sec-heading .sec-title span {
  margin-inline-end: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-testimonial-section .sec-heading .sec-title span {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-testimonial-section .sec-heading .sec-title {
    max-width: 460px;
    margin-inline-end: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-testimonial-section .sec-heading .sec-title {
    max-width: 450px;
    margin-inline-end: 0;
  }
}

.testimonial-slider-5 {
  overflow: inherit;
}
.testimonial-slider-5 .swiper-slide {
  max-width: 645px;
  width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .testimonial-slider-5 .swiper-slide {
    max-width: 545px;
  }
}
.testimonial-slider-5 .testimonial-item {
  border-radius: 12px;
}
.testimonial-slider-5 .testimonial-item .desc {
  color: var(--tj-color-grey-1);
  font-size: 22px;
  line-height: 1.357;
}
@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: 575px) {
  .testimonial-slider-5 .testimonial-item .desc {
    font-size: 20px;
  }
}
.testimonial-slider-5 .testimonial-pagination {
  line-height: 0;
  margin-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-slider-5 .testimonial-pagination {
    margin-top: 40px;
  }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.h8-team-section {
  overflow: hidden;
  position: relative;
}
.h8-team-section::after, .h8-team-section::before {
  content: "";
  position: absolute;
  top: 120px;
  left: -400px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-section::after, .h8-team-section::before {
    width: 600px;
    height: 600px;
    top: 150px;
    left: -300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-team-section::after, .h8-team-section::before {
    width: 400px;
    height: 500px;
    top: 150px;
    left: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section::after, .h8-team-section::before {
    width: 400px;
    height: 400px;
    top: 150px;
    left: -200px;
  }
}
.h8-team-section::after {
  left: auto;
  top: auto;
  bottom: 40px;
  right: -650px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-section::after {
    right: -450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section::after {
    width: 400px;
    height: 400px;
    bottom: 20px;
    right: -250px;
  }
}
.h8-team-section .sec-heading-inner {
  align-items: flex-start;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section .sec-heading-inner {
    gap: 0;
  }
}
.h8-team-section .sec-heading-inner .sec-title {
  margin-inline-end: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-team-section .sec-heading-inner .sec-title {
    margin-inline-end: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-section .sec-heading-inner .sec-title {
    max-width: 450px;
    margin-inline-end: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-team-section .sec-heading-inner .sec-title {
    max-width: 355px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section .sec-heading-inner .sec-title {
    margin-inline-end: 0;
  }
}
.h8-team-section .shape-2 {
  position: absolute;
  width: 906px;
  left: -366px;
  top: 100px;
  z-index: -1;
  opacity: 0.5;
  mix-blend-mode: luminosity;
  animation: jumping 3s linear infinite;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h8-team-section .shape-2 {
    width: 750px;
    left: -305px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-section .shape-2 {
    width: 600px;
    left: -245px;
    top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-team-section .shape-2 {
    width: 500px;
    left: -200px;
    top: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section .shape-2 {
    width: 400px;
    left: -160px;
    top: 150px;
  }
}

.h8-team-item.team-item {
  background-color: var(--tj-color-theme-bg);
  padding: 40px 20px 50px;
  border-radius: 12px;
}
.h8-team-item.team-item::before {
  top: auto;
  bottom: 0;
  transform: rotate(180deg);
  z-index: -1;
}
.h8-team-item.team-item::after {
  display: none;
}
.h8-team-item.team-item:hover::before {
  opacity: 0.6;
  height: 74%;
}
.h8-team-item.team-item .team-content {
  position: relative;
  padding: 0;
  text-align: center;
}
.h8-team-item.team-item .title span {
  color: var(--tj-color-grey-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-item.team-item .title {
    font-size: 28px;
  }
}
.h8-team-item.team-item .team-img {
  width: 233px;
  height: 233px;
  border-radius: 50%;
  overflow: hidden;
  margin: 30px auto;
  mix-blend-mode: luminosity;
}
.h8-team-item.team-item .team-img img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-team-item.team-item .team-img {
    width: 190px;
    height: 190px;
  }
}
.h8-team-item.team-item .social-links {
  position: relative;
  background-color: transparent;
  padding: 0;
}
.h8-team-item.team-item .social-links ul {
  opacity: 1;
  flex-direction: row;
  gap: 8px;
}
.h8-team-item.team-item .social-links ul li {
  margin: 0;
}
.h8-team-item.team-item .social-links ul li a:not(:hover) {
  background-color: var(--tj-color-theme-dark);
}
.h8-team-item.team-item .social-links::before, .h8-team-item.team-item .social-links::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-item.team-item {
    padding: 30px 15px 40px;
  }
}

.h8-text-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* !END: Team CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.h8-blog-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.h8-blog-wrapper .blog-item.style-5 {
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-blog-wrapper .blog-item.style-5 {
    flex: 1 1 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-blog-wrapper .blog-item.style-5 .title {
    font-size: 20px;
  }
}
.h8-blog-wrapper .blog-item.style-5:first-child {
  flex: 1 1 100%;
}
.h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
  width: 50%;
  min-height: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    min-height: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    width: 100%;
    min-height: 360px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    width: 100%;
    min-height: 260px;
  }
}
.h8-blog-wrapper .blog-item.style-5:first-child .blog-content {
  width: 50%;
  padding: 15px 15px 15px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .title {
    font-size: 26px;
  }
}
.h8-blog-wrapper .blog-item.style-5:first-child .blog-content .tj-secondary-btn {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .tj-secondary-btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-blog-wrapper .blog-item.style-5:first-child .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}

/* !END: Blog CSS */
/**----------------------------------------
START: CTA CSS
----------------------------------------*/
.h8-cta-section {
  position: relative;
  border-radius: 24px;
  box-shadow: 0 0 40px 0 rgba(236, 131, 187, 0.6);
}
.h8-cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgb(255, 0, 127), rgb(102, 122, 255));
  border-radius: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-section {
    box-shadow: 0 0 30px 0 rgba(236, 131, 187, 0.6);
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }
}
.h8-cta-section .cta-bg {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  mix-blend-mode: luminosity;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1480px;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  pointer-events: none;
}

@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}
.h8-cta-wrap {
  background-color: var(--tj-color-theme-dark);
  position: relative;
  border-radius: 24px;
  margin: 2px;
  padding: 120px 0;
}
.h8-cta-wrap .sec-heading {
  width: auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-wrap {
    padding: 70px 0;
  }
}

.h8-cta-area {
  max-width: 900px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  position: relative;
  z-index: 2;
}
.h8-cta-area .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h8-cta-area .cta-content .cta-icon {
  max-width: 73px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-area .cta-content .cta-icon {
    max-width: 55px;
  }
}
.h8-cta-area .cta-content .title {
  max-width: 800px;
  font-size: 76px;
  line-height: 1.105;
  color: var(--tj-color-common-white);
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.h8-cta-area .cta-content .title span {
  display: inline-flex;
  line-height: 1;
  position: relative;
  top: 10px;
}
.h8-cta-area .cta-content .title span img {
  max-width: 192px;
  border-radius: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-cta-area .cta-content .title span img {
    max-width: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-cta-area .cta-content .title span img {
    max-width: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-area .cta-content .title span img {
    max-width: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-area .cta-content .title span {
    top: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-cta-area .cta-content .title {
    max-width: 700px;
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-cta-area .cta-content .title {
    max-width: 550px;
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-area .cta-content .title {
    max-width: 500px;
    font-size: 45px;
  }
}
.h8-cta-area .cta-content .tj-primary-btn .btn-icon {
  font-size: 18px;
}
.h8-cta-area .cursor-img-1 {
  position: absolute;
  left: 0;
  bottom: -10px;
  max-width: 116px;
  width: 100%;
  -webkit-animation: movingHorizontal 3s linear infinite;
  animation: movingHorizontal 3s linear infinite;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-area .cursor-img-1 {
    bottom: -20px;
  }
}
.h8-cta-area .cursor-img-2 {
  position: absolute;
  right: 0;
  bottom: 55px;
  max-width: 95px;
  width: 100%;
  -webkit-animation: jumping 3s linear infinite 1s;
  animation: jumping 3s linear infinite 1s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-cta-area .cursor-img-2 {
    right: -10px;
    bottom: 20px;
  }
}

/* !END: CTA CSS */
/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area.header-9.header-absolute {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 30px 38px 0 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-area.header-9.header-absolute {
    padding: 30px 18px 0 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-9.header-absolute {
    padding: 20px 8px 0 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-9.header-absolute {
    padding: 0;
  }
}
.header-area.header-9 .menu-area {
  padding: 0 35px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-9 .menu-area {
    padding: 0 20px;
  }
}
.header-area.header-9 .mainmenu > ul > li > a {
  color: var(--tj-color-common-white);
  padding-top: 17px;
  padding-bottom: 18px;
}
.header-area.header-9 .mainmenu > ul > li.menu-item-has-children > a::after, .header-area.header-9 .mainmenu > ul > li.has-dropdown > a::after {
  top: 21px;
}
.header-area.header-9 .mainmenu > ul > li.current-menu-ancestor > a, .header-area.header-9 .mainmenu > ul > li.current-menu-item > a, .header-area.header-9 .mainmenu > ul > li:hover > a {
  color: var(--tj-color-theme-primary);
}
.header-area.header-9 .mainmenu > ul > li.current-menu-ancestor > a::after, .header-area.header-9 .mainmenu > ul > li.current-menu-item > a::after, .header-area.header-9 .mainmenu > ul > li:hover > a::after {
  color: var(--tj-color-theme-primary);
}
.header-area.header-9 .header-right-item {
  gap: 15px;
}
.header-area.header-9.sticky {
  padding: 25px 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-area.header-9.sticky {
    padding: 25px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area.header-9.sticky {
    padding: 20px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-9.sticky {
    padding: 0;
  }
}

/* !END: Theme Header CSS */

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