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

    Theme Name: Tekmino - Innovative IT Solution HTML Template
    Author: Theme-Junction
    Author URI: https://themeforest.net/user/theme-junction
    Description: Tekmino - Innovative IT Solution HTML Template
    Version: 1.0

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


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

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

**********************************************/
/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap");
:root {
  /**
     @Font-Family Declaration
   */
  --tj-ff-body: 'Figtree', system-ui, sans-serif;
  --tj-ff-heading: 'Figtree', system-ui, sans-serif;
  --tj-ff-fonticon: "tekmino-icon";
  /**
     @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: 17px;
  --tj-fs-p: 17px;
  --tj-fs-h1: 64px;
  --tj-fs-h2: 42px;
  --tj-fs-h3: 28px;
  --tj-fs-h4: 21px;
  --tj-fs-h5: 18px;
  --tj-fs-h6: 16px;
  /**
     @Color Declaration
   */
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-heading-primary: #f6f7f7;
  --tj-color-text-body: #bcbdb9;
  --tj-color-text-body-2: #999996;
  --tj-color-theme-primary: #F2801E;
  --tj-color-theme-secondary: #22D3EE;
  --tj-color-theme-bg: #10151c;
  --tj-color-theme-dark: #07090c;
  --tj-color-theme-dark-2: #494a46;
  --tj-color-theme-dark-3: #6d6e68;
  --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: #1e2731;
  --tj-color-golden-1: #fdb900;

  /* Superficies, bordes y tinta de acento, separados de las variables
     originales para que el tema claro pueda invertir los fondos sin tocar,
     por ejemplo, el texto oscuro que va arriba de los botones naranjas.
     En oscuro valen exactamente lo mismo que antes. */
  --sc-surface-1: #10151c;
  --sc-surface-2: #07090c;
  --sc-surface-3: #f6f7f7;
  --sc-surface-4: #ffffff;
  --sc-border: #1e2731;
  --sc-ink-accent: #F2801E;
  --sc-ink-accent-2: #22D3EE;
}

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

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

body {
  background-color: var(--sc-surface-2);
  color: var(--tj-color-text-body);
  font-family: var(--tj-ff-body);
  font-size: var(--tj-fs-body);
  font-weight: normal;
  line-height: 1.625;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin-top: 0px;
  -webkit-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.027;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h1 {
    font-size: 28px;
  }
}

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

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

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

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

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

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

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
  color: inherit;
  font-size: 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;
  transition: all 0.3s ease-in-out 0s;
}

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

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

a,
button {
  color: var(--sc-ink-accent);
  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(--sc-surface-2);
  width: 100%;
  height: auto;
  min-height: 44px;
  font-size: var(--tj-fs-body);
  border: 1px solid var(--sc-border);
  color: var(--tj-color-text-body);
  padding: 10px 20px;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  border-radius: 8px;
}
select:focus,
.nice-select:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tj-color-theme-primary);
}

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

.nice-select:hover {
  border-color: var(--sc-border);
}
.nice-select.open {
  border-color: var(--tj-color-theme-primary);
}

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

*::-moz-selection {
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  text-shadow: none;
}

::selection {
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  text-shadow: none;
}

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

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
}
.container.gx-0,
.container-fluid.gx-0,
.container-lg.gx-0,
.container-md.gx-0,
.container-sm.gx-0,
.container-xl.gx-0,
.container-xxl.gx-0 {
  --bs-gutter-x: 0;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1350px;
}

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

/**
 	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;
}

.pt-90 {
  padding-top: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-90 {
    padding-top: 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) {
  .pt-90 {
    padding-top: 60px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap,
.section-gap {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap,
  .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) {
  .gap,
  .section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.gap-2,
.section-gap-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-2,
  .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) {
  .gap-2,
  .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: 30px;
  margin-right: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x {
    margin-left: 15px;
    margin-right: 15px;
  }
}

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

#smooth-content {
  padding-bottom: 30px;
  will-change: transform;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  #smooth-content {
    padding-bottom: 15px;
  }
}

.top-space-30 {
  padding-top: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top-space-30 {
    padding-top: 15px;
  }
}

.top-space-125 {
  padding-top: 125px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-space-125 {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top-space-125 {
    padding-top: 105px;
  }
}

.tj-sticky-item {
  will-change: transform;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  [data-speed=".8"] {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}

.star-ratings {
  unicode-bidi: bidi-override;
  font-size: 21px;
  line-height: 1;
  letter-spacing: 2px;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.star-ratings .fill-ratings {
  color: var(--sc-ink-accent);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0;
  overflow: hidden;
}
.star-ratings .fill-ratings span {
  display: inline-block;
  margin: 0;
}
.star-ratings .empty-ratings {
  color: var(--sc-ink-accent);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  z-index: 0;
  opacity: 0.5;
}

.sticky-lg-top {
  top: 30px;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sticky-lg-top.sec-heading {
  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) {
  .sticky-lg-top.sec-heading {
    margin-bottom: 35px;
  }
}

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

.tj-split-text-4 > div {
  overflow: hidden;
}

.tj-text-invert > div {
  background-size: 250% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--sc-surface-3)), color-stop(50%, var(--tj-color-theme-dark-2)));
  background-image: linear-gradient(to right, var(--sc-surface-3) 50%, var(--tj-color-theme-dark-2) 50%);
}

.line {
  position: relative;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  --highlight-offset: 0%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--sc-surface-3)), to(var(--tj-color-theme-dark-2)));
  background-image: linear-gradient(90deg, var(--sc-surface-3) var(--highlight-offset), var(--tj-color-theme-dark-2) var(--highlight-offset));
}

.circle-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 6;
  width: 130px;
  height: 130px;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: textRotate 20s infinite linear;
  animation: textRotate 20s infinite linear;
}
.circle-text-wrap {
  background-color: var(--tj-color-theme-primary);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
@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%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 6;
  color: var(--tj-color-theme-dark);
  font-size: 32px;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.circle-icon span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.circle-icon i {
  color: var(--tj-color-theme-dark);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@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;
  }
}

.tj-split-text-3 {
  line-height: 1.2;
}
.tj-split-text-3 .char {
  display: inline-block;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  clip-path: inset(0 100% 0 0);
}

.img-reveal-1 {
  position: relative;
  overflow: hidden;
}
.img-reveal-1 img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.img-reveal-2 {
  position: relative;
  overflow: hidden;
}
.img-reveal-2 img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

/**
  Buttons CSS
*/
.tj-primary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  background-color: var(--tj-color-theme-primary);
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  padding: 5px 5px 5px 30px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
}
.tj-primary-btn .btn-text {
  color: var(--tj-color-theme-bg);
  overflow: hidden;
}
.tj-primary-btn .btn-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0 var(--tj-color-common-white);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.tj-primary-btn .btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  line-height: 1;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 50%;
}
.tj-primary-btn .btn-icon::before {
  content: "";
  background-color: var(--sc-surface-2);
  width: 46px;
  height: calc(100% - 10px);
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: -1;
  border-radius: 50px;
}
.tj-primary-btn .btn-icon i {
  color: var(--tj-color-common-white);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tj-primary-btn:hover .btn-text span {
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}
.tj-primary-btn:hover .btn-icon::before {
  width: calc(100% - 10px);
}
.tj-primary-btn:hover .btn-icon i {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.tj-primary-btn.style-2 {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  padding: 4px 4px 4px 29px;
}
.tj-primary-btn.style-2 .btn-text {
  color: var(--tj-color-common-white);
}
.tj-primary-btn.style-2 .btn-text span {
  text-shadow: 0 30px 0 var(--tj-color-theme-dark);
}
.tj-primary-btn.style-2 .btn-icon::before {
  background-color: var(--tj-color-theme-primary);
  right: 4px;
  top: 4px;
}
.tj-primary-btn.style-2 .btn-icon i {
  color: var(--tj-color-theme-bg);
}
.tj-primary-btn.style-3 {
  background-color: var(--sc-surface-2);
}

.tj-text-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  color: var(--tj-color-text-body);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.tj-text-btn .btn-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  -webkit-margin-start: -14px;
          margin-inline-start: -14px;
}
.tj-text-btn .btn-text span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-text-btn .btn-icon {
  font-size: 10px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
}
.tj-text-btn .btn-icon span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-text-btn.style-2 {
  color: var(--tj-color-text-body-2);
  line-height: 1.3;
}
.tj-text-btn.style-2::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--sc-surface-3);
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.tj-text-btn.style-2 i,
.tj-text-btn.style-2 svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 10px;
  margin-top: 2px;
}
.tj-text-btn.style-2 svg {
  max-width: 10px;
}
.tj-text-btn:hover {
  color: var(--sc-ink-accent);
}
.tj-text-btn:hover .btn-inner {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: -14px;
          margin-inline-end: -14px;
}
.tj-text-btn:hover.style-2 {
  color: var(--tj-color-heading-primary);
}
.tj-text-btn:hover.style-2::before {
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.tj-text-btn.style-3 {
  gap: 10px;
  text-align: center;
}
.tj-text-btn.style-3 .btn-text {
  color: var(--tj-color-heading-primary);
  overflow: hidden;
}
.tj-text-btn.style-3 .btn-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.tj-text-btn.style-3 .btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  color: var(--tj-color-theme-dark);
}
.tj-text-btn.style-3 .btn-icon i,
.tj-text-btn.style-3 .btn-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tj-text-btn.style-3 .btn-icon svg {
  max-width: 20px;
  height: a;
}
.tj-text-btn.style-3:hover .btn-text span {
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}
.tj-text-btn.style-3:hover .btn-icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
}
.tj-text-btn.style-3:hover .btn-icon i,
.tj-text-btn.style-3:hover .btn-icon svg {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.tj-icon-btn {
  font-size: 22px;
  width: 60px;
  height: 60px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tj-icon-btn i {
  color: var(--tj-color-common-white);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tj-icon-btn:hover {
  background-color: var(--tj-color-theme-primary);
}
.tj-icon-btn:hover i {
  color: var(--tj-color-theme-dark);
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

/**----------------------------------------
START: Theme Header CSS
----------------------------------------*/
.header-area {
  background-color: var(--sc-surface-1);
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 97;
}
.header-area.header-absolute {
  background-color: transparent;
  position: absolute;
  z-index: 98;
}
.header-area.header-duplicate {
  background-color: var(--sc-surface-1);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
  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: 99;
  opacity: 1;
  visibility: visible;
  display: block;
}
.header-area.header-1.header-absolute {
  top: 30px;
  padding: 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-1.header-absolute {
    top: 15px;
    padding: 0 15px;
  }
}
.header-area.header-1.header-duplicate {
  background-color: transparent;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-1.header-duplicate .header-bottom {
    padding: 0;
  }
}
.header-area.header-1.header-duplicate .header-wrapper {
  background-color: var(--sc-surface-1);
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.header-area.header-1 .header-wrapper {
  padding: 0 20px;
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(40px);
  border-radius: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), 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: 0 15px;
  }
}
.header-area.header-2 .header-wrapper {
  padding: 0 20px;
  border-radius: 10px;
  background-color: var(--sc-surface-1);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2 .header-wrapper {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2 .header-bottom {
    padding: 0;
  }
}
.header-area.header-2.header-absolute {
  top: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-area.header-2.header-absolute {
    top: 15px;
  }
}
.header-area.header-2.header-duplicate {
  background-color: transparent;
}
.header-area.header-2.header-duplicate .header-wrapper {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li > a {
  color: var(--tj-color-heading-primary);
}
.header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a, .header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li.current-menu-item > a, .header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li:hover > a {
  color: var(--sc-ink-accent);
}
.header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a::after, .header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li.current-menu-item > a::after, .header-area.header-3.header-absolute .mainmenu ul:not(.sub-menu) > li:hover > a::after {
  color: var(--sc-ink-accent);
}
.header-area.header-3.header-absolute .header-search .search {
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(40px);
}
.header-area.header-3.header-absolute .cubes {
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(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) {
  .header-area.header-3 .header-bottom {
    padding: 0;
  }
}

.header-top {
  padding: 0 15px;
}
.header-top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-top-content .topbar-text {
  padding: 15px 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.header-top-content .topbar-text i {
  color: var(--sc-ink-accent);
  font-size: 17px;
  -webkit-animation: zoomEffect 1.5s linear infinite;
          animation: zoomEffect 1.5s linear infinite;
}
.header-top-content .topbar-text a {
  color: var(--sc-ink-accent);
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-top-content .topbar-text a::after {
  content: "\e919";
  font-size: 18px;
  line-height: 1;
  font-family: "tekmino-icon" !important;
  font-weight: var(--tj-fw-medium);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: inherit;
  margin-left: 4px;
  margin-top: 3px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header-top-content .topbar-text a:hover {
  color: var(--sc-ink-accent);
}
.header-top-content .topbar-text a:hover::after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.header-top-content .header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-top-content .header-info .info-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: relative;
  padding: 0 15px;
  border-left: 2px solid var(--sc-border);
  line-height: 1;
}
.header-top-content .header-info .info-item:first-child {
  border: 0;
}
.header-top-content .header-info .info-item:last-child {
  padding-right: 0;
}
.header-top-content .header-info .info-item span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.header-top-content .header-info .info-item span i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 18px;
  color: var(--sc-ink-accent);
}
.header-top-content .header-info .info-item a {
  color: var(--tj-color-text-body);
}
.header-top-content .header-info .info-item a:hover {
  color: var(--tj-color-heading-primary);
}
.header-top-content .header-info .info-item select,
.header-top-content .header-info .info-item .nice-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  height: auto;
  color: var(--tj-color-text-body);
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  border-radius: 0;
  border: none;
  -webkit-padding-end: 17px;
          padding-inline-end: 17px;
  min-height: auto;
  position: relative;
  z-index: 100;
}
.header-top-content .header-info .info-item select.open, .header-top-content .header-info .info-item select:hover,
.header-top-content .header-info .info-item .nice-select.open,
.header-top-content .header-info .info-item .nice-select:hover {
  color: var(--tj-color-heading-primary);
}
.header-top-content .header-info .info-item select::after,
.header-top-content .header-info .info-item .nice-select::after {
  content: "\e91b";
  font-family: "tekmino-icon";
  font-size: 12px;
  inset-inline-end: 0;
  height: auto;
  width: auto;
  border: none;
  -webkit-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  margin-top: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-top-content .header-info .info-item select.open::after,
.header-top-content .header-info .info-item .nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
.header-top-content .header-info .info-item select .list,
.header-top-content .header-info .info-item .nice-select .list {
  background-color: var(--sc-surface-1);
  color: var(--tj-color-text-body);
  left: auto;
  right: 0;
  border-radius: 6px;
  min-width: 120px;
  margin-top: 20px;
  padding: 10px 0;
  border: 1px solid var(--sc-border);
}
.header-top-content .header-info .info-item select .list .option,
.header-top-content .header-info .info-item .nice-select .list .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1;
  min-height: 30px;
  padding: 8px 20px;
  background-color: transparent;
}
.header-top-content .header-info .info-item select .list .option:hover,
.header-top-content .header-info .info-item .nice-select .list .option:hover {
  background-color: transparent;
  color: var(--sc-ink-accent);
}
.header-top-content .header-info .info-item select .list .option.selected,
.header-top-content .header-info .info-item .nice-select .list .option.selected {
  font-weight: normal;
  color: var(--sc-ink-accent);
}
@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 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-top {
    display: none;
  }
}

.header-bottom {
  padding: 0 15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-bottom {
    padding: 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-bottom {
    padding: 15px 0 0 0;
  }
}

.header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 99;
  position: relative;
}

.site_logo {
  padding: 17px 0;
}
.site_logo .logo {
  display: inline-block;
  max-width: 52px;
  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) {
  .site_logo {
    padding: 15px 0;
  }
  .site_logo .logo {
    max-width: 56px;
  }
}

.menu-area {
  gap: 25px;
}

.mainmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
.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: 32px 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: 18px;
}
.mainmenu ul > li.menu-item-has-children > a::after, .mainmenu ul > li.has-dropdown > a::after {
  content: "\e91b";
  font-family: "tekmino-icon";
  color: inherit;
  font-size: 12px;
  position: absolute;
  top: 35px;
  right: 0;
}
.mainmenu ul > li.menu-item-has-children:hover > a::after, .mainmenu ul > li.has-dropdown:hover > a::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.mainmenu ul > li.current-menu-ancestor > a, .mainmenu ul > li.current-menu-item > a, .mainmenu ul > li:hover > a {
  color: var(--sc-ink-accent);
}
.mainmenu ul > li.current-menu-ancestor > a::after, .mainmenu ul > li.current-menu-item > a::after, .mainmenu ul > li:hover > a::after {
  color: var(--sc-ink-accent);
}
.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(--sc-surface-1);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  opacity: 0;
  visibility: hidden;
  gap: 0;
  padding: 10px 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  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);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          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(--sc-ink-accent);
}
.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(--sc-ink-accent);
}
.mainmenu ul > li > .sub-menu > li:hover > a {
  -webkit-padding-start: 25px;
          padding-inline-start: 25px;
}
.mainmenu ul > li > .sub-menu > li > .sub-menu {
  left: 100%;
  top: -10px;
}
.mainmenu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: all 0.5s ease;
  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-common-white);
  font-size: 16px;
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--sc-surface-2);
}
.header-search .search i {
  font-size: 20px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header-search .search.search-hide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.header-search .search:hover i {
  -webkit-animation: bellShake 1.5s ease;
          animation: bellShake 1.5s ease;
}

.header-button .tj-primary-btn .btn-icon {
  width: 38px;
  height: 38px;
}
.header-button .tj-primary-btn:not(:hover) .btn-icon::before {
  width: 38px;
}

.header-right-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.menu_bar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: 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;
  transition: all 0.3s ease-in-out 0s;
}
.menu_bar span {
  display: block;
  width: 18px;
  height: 2px;
  background-color: var(--sc-surface-4);
  margin-right: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.3s;
  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(--sc-surface-4);
}
.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 {
  -webkit-animation: linehover 0.6s linear;
          animation: linehover 0.6s linear;
}
.menu_bar.menu_offcanvas:hover span:last-child {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}

.cubes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 48px;
  height: 48px;
  gap: 2px;
  padding: 13px;
  background-color: var(--sc-surface-2);
  border-radius: 50%;
}
.cubes span {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border: 2px solid var(--tj-color-common-white);
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.cubes:hover span {
  border-radius: 20px;
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-section {
  background-color: var(--sc-surface-1);
  position: relative;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
  padding-top: 138px;
}
.tj-footer-section .bg-img {
  opacity: 0.15;
  mix-blend-mode: luminosity;
}
.tj-footer-section::after, .tj-footer-section::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.15;
  z-index: -1;
  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) {
  .tj-footer-section::after, .tj-footer-section::before {
    width: 300px;
    height: 300px;
  }
}
.tj-footer-section::after {
  top: auto;
  right: auto;
  left: -100px;
  bottom: -100px;
}
.tj-footer-section.footer-2 {
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}
.tj-footer-section.footer-3 {
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}
.tj-footer-section.footer-3::after, .tj-footer-section.footer-3::before {
  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) {
  .tj-footer-section {
    border-radius: 12px;
  }
}

.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-logo {
  max-width: 52px;
  width: 100%;
}

.download-buttons {
  max-width: 150px;
  width: 100%;
}
.download-buttons a {
  display: block;
  max-width: 148px;
  width: 100%;
  border: 6px;
  margin-bottom: 15px;
}
.download-buttons a:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}

.footer-widget .footer-text {
  max-width: 280px;
  width: 100%;
  color: var(--tj-color-text-body-2);
}
.footer-widget .footer-text p {
  margin: 25px 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) {
  .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 .wp-block-heading,
.footer-widget .wp-block-search__label,
.footer-widget .wp-block-categories__label,
.footer-widget .wp-block-archives__label,
.footer-widget .title {
  color: var(--tj-color-heading-primary);
  font-size: 20px;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  letter-spacing: -0.03em;
  line-height: 1.4;
  display: block;
  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 .wp-block-heading,
  .footer-widget .wp-block-search__label,
  .footer-widget .wp-block-categories__label,
  .footer-widget .wp-block-archives__label,
  .footer-widget .title {
    margin-bottom: 18px;
  }
}
.footer-widget.subscription-widget-2 .title {
  letter-spacing: -0.02em;
}
.footer-widget.subscription-widget-2 .subscribe-form input[type=email] {
  outline-color: var(--sc-border);
}
.footer-widget.subscription-widget-2 .subscribe-form input[type=email]:focus {
  outline-color: var(--tj-color-theme-primary);
}
.footer-widget.subscription_widget .title {
  max-width: 252px;
  width: 100%;
}
.footer-widget.subscription_widget .subscribe_form {
  position: relative;
  z-index: 1;
}
.footer-widget.subscription_widget .subscribe_form input[type=email] {
  min-height: 72px;
  padding: 22px 70px 22px 20px;
}
.footer-widget.subscription_widget .subscribe_form button[type=submit],
.footer-widget.subscription_widget .subscribe_form input[type=submit] {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 62px;
  height: calc(100% - 10px);
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.footer-widget.subscription_widget .subscribe_form button[type=submit] i,
.footer-widget.subscription_widget .subscribe_form button[type=submit] svg,
.footer-widget.subscription_widget .subscribe_form input[type=submit] i,
.footer-widget.subscription_widget .subscribe_form input[type=submit] svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.footer-widget.subscription_widget .subscribe_form button[type=submit] svg,
.footer-widget.subscription_widget .subscribe_form input[type=submit] svg {
  max-width: 24px;
  height: auto;
}
.footer-widget.subscription_widget .subscribe_form button[type=submit]:hover i,
.footer-widget.subscription_widget .subscribe_form button[type=submit]:hover svg,
.footer-widget.subscription_widget .subscribe_form input[type=submit]:hover i,
.footer-widget.subscription_widget .subscribe_form input[type=submit]:hover svg {
  -webkit-animation: bellShake 1s linear infinite;
          animation: bellShake 1s linear infinite;
}
.footer-widget.subscription_widget .download_buttons {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-widget.subscription_widget .download_buttons > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 121px;
  width: 100%;
}
.footer-widget.subscription_widget .download_buttons > a:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
@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.subscription_widget .subscribe_form input[type=email] {
    min-height: 64px;
    padding: 16px 62px 16px 20px;
  }
  .footer-widget.subscription_widget .subscribe_form button[type=submit],
  .footer-widget.subscription_widget .subscribe_form input[type=submit] {
    width: 54px;
  }
  .footer-widget.subscription_widget .download_buttons {
    margin-top: 20px;
  }
}
.footer-widget.hourly_widget ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 11px;
}
.footer-widget.hourly_widget ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 15px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--tj-color-text-body);
}
.footer-widget.hourly_widget ul > li .key {
  min-width: 100px;
}
.footer-widget.hourly_widget ul > li .value.off {
  color: var(--sc-ink-accent);
}

.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-2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
}
.widget-nav-menu ul li a > span:not(.badge) {
  text-shadow: 0 30px 0 var(--tj-color-theme-primary);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.widget-nav-menu ul li a:hover {
  color: var(--sc-ink-accent);
}
.widget-nav-menu ul li a:hover > span:not(.badge) {
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}
.widget-nav-menu ul li a .badge {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--tj-color-theme-bg);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50px;
  padding: 3px 6px 4px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    margin-top: 30px;
  }
}

.footer-1 .widget-contact {
  max-width: 230px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-1 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-1 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}

.footer-2 {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.footer-2 .tj_footer_inner {
  background-color: var(--sc-surface-1);
  position: relative;
  z-index: 1;
}
.footer-2 .tj_footer_inner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 67%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(400px);
  filter: blur(132px);
  z-index: -1;
  pointer-events: none;
  -webkit-transform: translate(0, 81%);
  -ms-transform: translate(0, 81%);
  transform: translate(0, 85%);
}
.footer-2 .widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
}
.footer-2 .widget-nav-menu ul li a:hover {
  color: var(--sc-ink-accent);
}
.footer-2 .tj_footer_bottom_logo {
  text-align: center;
  margin-top: 30px;
}
.footer-2 .footer_widget_area {
  padding-top: 120px;
  padding-bottom: 120px;
  border-bottom: 1px solid var(--sc-border);
}
.footer-2 .footer_bottom_area {
  padding: 20px 0;
}
.footer-2 .footer_widget_wrapper .subscription-widget-2 {
  max-width: 350px;
  width: 100%;
}
.footer-2 .footer_widget_wrapper .subscription-widget-2 .subscribe-form,
.footer-2 .footer_widget_wrapper .subscription-widget-2 .title {
  max-width: 350px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-2 .footer_widget_area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .footer-2 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    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) {
  .footer-2 .footer_widget_area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-2 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-2 .copyright-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer-2 .copyright-menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer-2 .footer_socials {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.footer-3 .tj_footer_inner {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.footer-3 .tj_footer_inner::before {
  content: "";
  position: absolute;
  top: -500px;
  left: 50%;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.35;
  z-index: -1;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-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) {
  .footer-3 .tj_footer_inner::before {
    top: -150px;
    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) {
  .footer-3 .tj_footer_inner {
    border-radius: 12px;
  }
}
.footer-3 .widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
}
.footer-3 .widget-nav-menu ul li a:hover {
  color: var(--sc-ink-accent);
}
.footer-3 .tj_footer_bottom_logo {
  text-align: center;
  margin-top: 30px;
  -webkit-transform: perspective(9000px) rotateX(-90deg);
          transform: perspective(9000px) rotateX(-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) {
  .footer-3 .tj_footer_bottom_logo {
    -webkit-transform: perspective(9000px) rotateX(-20deg);
            transform: perspective(9000px) rotateX(-20deg);
  }
}
.footer-3 .footer_widget_area {
  padding-top: 120px;
  padding-bottom: 120px;
  border-bottom: 1px solid var(--sc-border);
}
.footer-3 .footer_bottom_area {
  padding: 20px 0;
}
.footer-3 .footer_widget_wrapper .subscription_widget {
  max-width: 416px;
  width: 100%;
}
.footer-3 .footer_widget_wrapper .hourly_widget {
  max-width: 260px;
  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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-3 .tj_footer_bottom_logo {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-3 .footer_widget_area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .footer-3 .footer_widget_wrapper .footer-widget {
    max-width: calc(50% - 15px);
    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) {
  .footer-3 .footer_widget_area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-3 .footer_widget_wrapper .footer-widget {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-3 .copyright-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer-3 .copyright-menu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer-3 .footer_socials {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.footer_widget_wrapper {
  gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-contact-info {
  max-width: 230px;
  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-2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.footer-contact-info .contact-item span i {
  font-size: 20px;
  color: var(--sc-ink-accent);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.footer-contact-info .contact-item a {
  color: var(--tj-color-heading-primary);
  font-weight: var(--tj-fw-sbold);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 5px;
}
.footer-contact-info .contact-item a:last-child {
  margin-bottom: 0;
}
.footer-contact-info .contact-item a:hover {
  color: var(--sc-ink-accent);
}

.tj-copyright-area {
  border-top: 1px solid var(--sc-border);
  position: relative;
  z-index: 1;
}
.tj-copyright-area::before {
  content: "";
  position: absolute;
  bottom: -200px;
  right: 350px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-copyright-area::before {
    right: 150px;
  }
}
@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::before {
    display: none;
  }
}

.copyright-content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  padding: 23px 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) {
  .copyright-content-area {
    gap: 14px;
  }
}

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

.copyright-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.copyright-menu ul li {
  position: relative;
  margin-right: 10px;
  padding-right: 14px;
  z-index: 1;
}
.copyright-menu ul li::before {
  content: "";
  background-color: var(--tj-color-theme-dark-3);
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.copyright-menu ul li a {
  font-size: 16px;
  color: var(--tj-color-text-body-2);
}
.copyright-menu ul li a:hover {
  color: var(--sc-ink-accent);
}
.copyright-menu ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.copyright-menu ul li:last-child::before {
  display: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-menu {
    width: 100%;
    text-align: center;
  }
}

.footer_socials {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.footer_socials li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--sc-surface-3);
  color: var(--tj-color-theme-bg);
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
  opacity: 0.15;
}
.footer_socials li a:hover {
  opacity: 1;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
}

/* !END: Theme Footer CSS */
/* START: Search CSS */
.search_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--sc-surface-1);
  border-radius: 0 0 24px 24px;
  z-index: 100;
  padding-top: 120px;
  padding-bottom: 130px;
  opacity: 0;
  -webkit-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition-delay: 0.5s;
          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;
  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 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          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%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.search_popup.search-opened .search_form .search_input {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.search_popup.search-opened .search_form .search_input::after {
  width: 100%;
  -webkit-transition-delay: 0.5s;
          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(--sc-border);
  background: var(--sc-surface-2);
  padding: 20px 75px 20px 24px;
  border-radius: 10px;
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]::-webkit-input-placeholder {
  color: var(--tj-color-text-body);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]::-moz-placeholder {
  color: var(--tj-color-text-body);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]:-ms-input-placeholder {
  color: var(--tj-color-text-body);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]::-ms-input-placeholder {
  color: var(--tj-color-text-body);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]::placeholder {
  color: var(--tj-color-text-body);
}
.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 [type=submit],
.tj_search_wrapper .search_form form .search_input .search-box input[type=submit] {
  color: var(--tj-color-heading-primary);
  font-size: 24px;
  line-height: 1;
  max-width: 62px;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tj_search_wrapper .search_form form .search_input .search-box [type=submit]::before,
.tj_search_wrapper .search_form form .search_input .search-box input[type=submit]::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 20px;
  height: 28px;
  -webkit-border-start: 1px solid var(--sc-border);
          border-inline-start: 1px solid var(--sc-border);
}
.tj_search_wrapper .search_form form .search_input .search-box [type=submit] i,
.tj_search_wrapper .search_form form .search_input .search-box input[type=submit] i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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));
  -ms-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
.search-popup-overlay.opened {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

/* !END: Search CSS */
/* !START: hamburger CSS */
.hamburger-area {
  position: fixed;
  right: -490px;
  top: 15px;
  width: 450px;
  height: calc(100% - 30px);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
          box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-duration: 1s;
          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(--sc-surface-2);
  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(--sc-surface-2);
  opacity: 0.6;
  z-index: -1;
}
.hamburger_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -webkit-transition: all 0.4s ease-in-out;
  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);
  -ms-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(--sc-surface-1);
  border: none;
  outline: none;
  font-size: 16px;
  font-family: var(--tj-ff-body);
  color: var(--tj-color-text-body);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
}
.hamburger_search select::-webkit-input-placeholder, .hamburger_search .nice-select::-webkit-input-placeholder, .hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox])::-webkit-input-placeholder, .hamburger_search input::-webkit-input-placeholder {
  color: var(--tj-color-text-body);
}
.hamburger_search select::-moz-placeholder, .hamburger_search .nice-select::-moz-placeholder, .hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox])::-moz-placeholder, .hamburger_search input::-moz-placeholder {
  color: var(--tj-color-text-body);
}
.hamburger_search select:-ms-input-placeholder, .hamburger_search .nice-select:-ms-input-placeholder, .hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox]):-ms-input-placeholder, .hamburger_search input:-ms-input-placeholder {
  color: var(--tj-color-text-body);
}
.hamburger_search select::-ms-input-placeholder, .hamburger_search .nice-select::-ms-input-placeholder, .hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder, .hamburger_search input::-ms-input-placeholder {
  color: var(--tj-color-text-body);
}
.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 button {
  position: absolute;
  height: 58px;
  width: 58px;
  top: 50%;
  right: 0;
  font-size: 24px;
  color: var(--tj-color-heading-primary);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hamburger_search button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 22px;
  border-left: 1px solid var(--sc-border);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hamburger_menu .mean-container .mean-bar {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
}
.hamburger_menu .mean-container .mean-bar * {
  -webkit-box-sizing: border-box;
          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);
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a:hover {
  color: var(--sc-ink-accent);
}
.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;
  -webkit-transition: all 0.4s ease-in-out 0s;
  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: 12px;
}
.hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--sc-ink-accent);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          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(--sc-ink-accent);
}
.hamburger-socials .social-links.style-2 a {
  background-color: var(--sc-surface-1);
}

.tj-offcanvas-area {
  position: fixed;
  right: -490px;
  top: 15px;
  width: 470px;
  height: calc(100% - 30px);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
          box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-duration: 0.5s;
          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:not(:last-child) {
  padding: 5px 0;
  border: 0;
}
.hamburger-infos .contact-info .contact-item:first-child {
  padding-top: 0;
}
.hamburger-infos .contact-info .contact-item:last-child {
  padding-top: 5px;
}

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

.menu-bar button {
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.menu-bar button span {
  height: 3px;
  width: 35px;
  display: block;
  background: var(--sc-surface-4);
  cursor: pointer;
  -webkit-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;
  -webkit-transition-delay: 200ms;
          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%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 3px;
  height: 0;
  -webkit-transition: height 400ms;
  transition: height 400ms;
}
.menu-bar.style-2 button span {
  background: var(--sc-surface-3);
}
.menu-bar.menu-bar-toggeled button {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 400ms;
          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;
  -webkit-transition: height 200ms ease;
  transition: height 200ms ease;
  -webkit-transition-delay: 200ms;
          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;
  -webkit-transition: all 0.3s ease-out 0s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: 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-theme-dark) transparent var(--tj-color-theme-dark);
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
          animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

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

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

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            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;
  -webkit-transition: all 0.3s ease-in-out;
  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 {
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}
.back-to-top-btn-show:hover .back_to_top_icon i {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.back-to-top-btn .back_to_top_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 10px;
  color: var(--tj-color-theme-bg);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  text-shadow: 0 40px 0 var(--tj-color-theme-dark);
  overflow: hidden;
}
.back-to-top-btn .back_to_top_text {
  font-weight: var(--tj-fw-medium);
  line-height: 1;
  letter-spacing: 0%;
  text-align: right;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: 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) {
  .back-to-top-btn .back_to_top_text {
    display: none;
  }
}

/* !END: Back to top CSS */
/**----------------------------------------
START: Error 404 CSS
----------------------------------------*/
.tj-error-section {
  padding: 70px 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: 70px 0 100px;
  }
}
@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: 1023px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.tj-error-content .error-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1023px;
}
@media (max-width: 575px) {
  .tj-error-content .error-img {
    padding: 0 20px;
  }
}
.tj-error-content .error-title {
  font-size: 74px;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-error-content .error-title {
    font-size: 60px;
  }
}
@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: 730px;
  margin: 20px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-error-content .error-desc {
    max-width: 650px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-error-content .error-desc {
    max-width: 500px;
  }
}
.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 {
  width: 100%;
  margin-bottom: 52px;
}
.sec-heading-centered {
  max-width: 550px;
  text-align: center;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.sec-heading-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.sec-heading-inner .sec-title {
  max-width: 550px;
  width: 100%;
}
.sec-heading .sec-title {
  margin-bottom: 0;
}
.sec-heading .sec-title span {
  color: var(--tj-color-theme-dark-2);
}
.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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  color: var(--sc-ink-accent);
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: var(--tj-fw-medium);
  margin-bottom: 18px;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.sec-heading .sub-title i {
  color: var(--sc-ink-accent);
  font-size: 16px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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 .sec-title {
  display: block;
}
.sec-heading.style-2 .sec-title span {
  color: var(--sc-ink-accent);
}
.sec-heading.style-2 .sub-title {
  color: var(--tj-color-text-body);
}
.sec-heading.style-2 .sub-title span {
  color: var(--sc-ink-accent);
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.sec-heading.style-3 .sub-title {
  color: var(--tj-color-text-body);
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 0;
  border: 1px solid var(--sc-border);
  background-color: rgba(250, 251, 251, 0.08);
  padding: 5px 10px;
  border-radius: 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) {
  .sec-heading {
    margin-bottom: 35px;
  }
}

/* !END: Heading CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.tj-banner-section {
  position: relative;
  z-index: 1;
  margin: 0 30px;
  background-color: var(--sc-surface-1);
  border-radius: 20px;
  padding-top: 214px;
  padding-bottom: 60px;
  min-height: 865px;
}
.tj-banner-section .hero-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: luminosity;
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section {
    min-height: 645px;
  }
}
@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 {
    padding-top: 160px;
    border-radius: 12px;
  }
}

.banner-content {
  max-width: 540px;
  width: 100%;
  padding-top: 40px;
  -webkit-margin-start: -15px;
          margin-inline-start: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.banner-content .sub-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  color: var(--sc-ink-accent);
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: var(--tj-fw-medium);
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.banner-content .sub-title i {
  font-size: 16px;
}
.banner-content .banner-title {
  margin-bottom: 0;
}
.banner-content .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.banner-content .btn-area .number {
  color: var(--tj-color-common-white);
  font-size: 18px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  gap: 6px;
}
.banner-content .btn-area .number i {
  color: var(--sc-ink-accent);
  font-size: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.banner-content .btn-area .number span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  display: inline;
}
.banner-content .btn-area .number:hover span {
  background-size: 100% 1px;
}
.banner-content .list-area {
  margin-top: 191px;
}
.banner-content .list-area .list-style-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.banner-content .list-area .list-style-1 li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-content .list-area {
    margin-top: 160px;
    -webkit-padding-start: 40px;
            padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content .list-area {
    margin-top: 120px;
    -webkit-padding-start: 40px;
            padding-inline-start: 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-content .list-area {
    margin: 30px 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-content {
    -webkit-margin-start: 0;
            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) {
  .banner-content {
    padding-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) {
  .banner-content {
    padding-top: 0;
  }
}

.banner-img-area {
  -webkit-margin-start: 76px;
          margin-inline-start: 76px;
  position: relative;
}
.banner-img-area::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 450px;
  height: 500px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}
.banner-img-area .banner-img {
  max-width: 502px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  -webkit-mask-image: url(../images/shapes/hero-img-shape.svg);
          mask-image: url(../images/shapes/hero-img-shape.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: top left;
          mask-position: top left;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-img-area .banner-img {
    max-width: 480px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-img-area .banner-img {
    max-width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-img-area .banner-img {
    max-width: 460px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area .banner-img {
    -webkit-mask-image: none;
            mask-image: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area .banner-img {
    border-radius: 12px;
  }
}
.banner-img-area .trusted {
  max-width: 205px;
  width: 100%;
  background-color: rgba(250, 251, 251, 0.08);
  border: 1px solid rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(30px);
  padding: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  border-radius: 8px;
  position: absolute;
  top: 45%;
  inset-inline-start: -155px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.banner-img-area .trusted .icon {
  width: 28px;
  height: 28px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  color: var(--tj-color-theme-dark);
  font-size: 18px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.banner-img-area .trusted .text {
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-medium);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-img-area .trusted {
    inset-inline-start: -125px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-img-area .trusted {
    inset-inline-start: -70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-img-area .trusted {
    inset-inline-start: -70px;
    top: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-img-area .trusted {
    inset-inline-start: -60px;
  }
}
@media (max-width: 575px) {
  .banner-img-area .trusted {
    max-width: 195px;
    padding: 15px;
    inset-inline-start: 0;
    top: 35%;
  }
}
.banner-img-area .customers-box {
  max-width: 309px;
  width: 100%;
  position: absolute;
  inset-inline-end: -125px;
  bottom: -22px;
  border: 1px solid var(--sc-border);
}
.banner-img-area .customers-box .rating-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  padding: 25px 0 12px 0;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .banner-img-area .customers-box {
    inset-inline-end: -50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-img-area .customers-box {
    max-width: 290px;
    padding: 26px 24px 24px 24px;
    inset-inline-end: -15px;
  }
}
@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) {
  .banner-img-area .customers-box {
    padding: 25px 20px 20px 20px;
    inset-inline-end: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-img-area .customers-box {
    max-width: 245px;
    bottom: -25px;
    inset-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-img-area .customers-box {
    max-width: 280px;
    bottom: -18px;
    inset-inline-end: -4px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-img-area .customers-box {
    inset-inline-end: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area .customers-box {
    max-width: 502px;
    position: unset;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-img-area .customers-number {
    font-size: 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) {
  .banner-img-area .customers-number {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), (max-width: 575px) {
  .banner-img-area {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-img-area {
    max-width: 615px;
    width: 100%;
    -webkit-margin-start: 40px;
            margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-img-area {
    -webkit-margin-start: 40px;
            margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-img-area {
    max-width: 630px;
    width: 100%;
    -webkit-margin-start: 70px;
            margin-inline-start: 70px;
  }
}

.banner-scroll {
  position: absolute;
  inset-inline-start: 30px;
  bottom: 30px;
  z-index: 5;
}
.banner-scroll .scroll-down {
  color: var(--tj-color-text-body);
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.banner-scroll .scroll-down .text {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.banner-scroll .scroll-down .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 22px;
  background-color: rgba(250, 251, 251, 0.08);
  border-radius: 50%;
  overflow: hidden;
  text-shadow: 0 -30px 0 var(--tj-color-theme-dark);
}
.banner-scroll .scroll-down:hover {
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
.banner-scroll .scroll-down:hover .icon {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
}
.banner-scroll .scroll-down:hover .icon i {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .banner-scroll {
    inset-inline-start: 23px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-scroll {
    inset-inline-start: 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) {
  .banner-scroll {
    display: none;
  }
}

.customers-box {
  background-color: var(--sc-surface-2);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 26px 28px 24px 28px;
}
.customers ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
}
.customers ul li {
  line-height: 1;
  -webkit-margin-start: -22px;
          margin-inline-start: -22px;
}
.customers ul li:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.customers ul li img {
  width: 58px;
  height: 58px;
  background-color: var(--sc-surface-4);
  border: 2px solid var(--tj-color-common-white);
  border-radius: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .customers ul li img {
    width: 54px;
    height: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .customers ul li img {
    width: 50px;
    height: 50px;
  }
}
.customers ul li span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  border: 2px solid var(--tj-color-common-white);
}
.customers ul li span i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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), (max-width: 575px) {
  .customers ul li span {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .customers ul li {
    -webkit-margin-start: -18px;
            margin-inline-start: -18px;
  }
}
.customers-number {
  color: var(--tj-color-heading-primary);
  font-size: 65px;
  line-height: 0.8;
  letter-spacing: -0.02em;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
}
@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;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .customers-number {
    font-size: 40px;
  }
}
.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-medium);
}

.list-style-1 {
  list-style: none;
}
.list-style-1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 16px;
}
.list-style-1 li:last-child {
  margin-bottom: 0;
}
.list-style-1 li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 16px;
  line-height: 1;
  margin-top: 2px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
}

.tj-banner-section-2 {
  min-height: 928px;
  margin-bottom: 316px;
  padding-top: 108px;
  overflow: visible;
  border-radius: 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 {
    min-height: 728px;
    margin-bottom: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 {
    min-height: 628px;
    padding-top: 90px;
    margin-bottom: 226px;
  }
}
@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-2 {
    min-height: 700px;
    padding-top: 60px;
    margin-bottom: 200px;
    border-radius: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-banner-section-2 {
    margin-bottom: 120px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section-2 {
    min-height: 550px;
    margin-bottom: 120px;
  }
}
.tj-banner-section-2 .hero-bg {
  opacity: 1;
  border-radius: 16px;
}
.tj-banner-section-2 .banner-content {
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0;
  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) {
  .tj-banner-section-2 .banner-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tj-banner-section-2 .banner-content .banner-title {
  max-width: 720px;
  font-size: 84px;
  line-height: 1.048;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section-2 .banner-content .banner-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-banner-section-2 .banner-content .banner-title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section-2 .banner-content .banner-title {
    font-size: 36px;
  }
}
@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-2 .banner-content .banner-title {
    max-width: 700px;
  }
}
.tj-banner-section-2 .banner-content .banner-title span {
  color: var(--sc-ink-accent);
}
.tj-banner-section-2 .banner-content .btn-area {
  max-width: 327px;
  gap: 23px;
}
@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-2 .banner-content .btn-area {
    max-width: 500px;
  }
}
.tj-banner-section-2 .desc span {
  color: var(--sc-ink-accent);
  padding-left: 50px;
}
.tj-banner-section-2 .banner-img-area {
  max-width: 1668px;
  padding-top: 108px;
  margin: 0 auto -376px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-img-area {
    margin: 0 70px -300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section-2 .banner-img-area {
    max-width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-img-area {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section-2 .banner-img-area {
    margin: 0 auto -300px;
    padding-top: 70px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section-2 .banner-img-area {
    margin: 0 15px -300px;
    padding-top: 70px;
  }
}
.tj-banner-section-2 .banner-img-area::before {
  width: 300px;
  height: 300px;
  top: 0;
  right: 269px;
  left: auto;
  -webkit-filter: blur(400px);
  filter: blur(181px);
  backdrop-filter: inherit;
  opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-img-area::before {
    right: 174px;
  }
}
@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-2 .banner-img-area::before {
    width: 200px;
    height: 200px;
    right: 50px;
  }
}
.tj-banner-section-2 .banner-img-area .banner-img {
  -webkit-mask-image: none;
          mask-image: none;
  max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-img-area .banner-img {
    height: 445px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section-2 .banner-img-area .banner-img {
    height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-banner-section-2 .banner-img-area .banner-img {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section-2 .banner-img-area .banner-img {
    height: 250px;
    border-radius: 12px;
  }
}
.tj-banner-section-2 .banner-img-area .banner-img img {
  -webkit-mask-image: url(../images/shapes/hero-img-shape-2.svg);
          mask-image: url(../images/shapes/hero-img-shape-2.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-position: top right;
          mask-position: top right;
}
@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-banner-section-2 .banner-img-area .banner-img img {
    -webkit-mask-image: none;
            mask-image: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.tj-banner-section-2 .circle-text-wrap.award-circle {
  position: absolute;
  right: 323px;
  top: 11px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section-2 .circle-text-wrap.award-circle {
    right: 325px;
    top: 20px;
    width: 170px;
    height: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section-2 .circle-text-wrap.award-circle {
    width: 158px;
    height: 158px;
    top: 20px;
    right: 20%;
  }
  .tj-banner-section-2 .circle-text-wrap.award-circle .circle-text {
    width: 130px;
    height: 130px;
  }
  .tj-banner-section-2 .circle-text-wrap.award-circle .circle-icon span {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-banner-section-2 .circle-text-wrap.award-circle {
    top: 0;
    right: 15%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section-2 .circle-text-wrap.award-circle {
    width: 115px;
    height: 115px;
    right: 50px;
  }
  .tj-banner-section-2 .circle-text-wrap.award-circle .circle-text {
    width: 95px;
    height: 95px;
  }
  .tj-banner-section-2 .circle-text-wrap.award-circle .circle-icon span {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .tj-banner-section-2 .circle-text-wrap.award-circle {
    right: 15px;
  }
}
.tj-banner-section-2 .banner-scroll {
  bottom: 140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-scroll {
    inset-inline-start: 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-banner-section-2 .banner-scroll {
    bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-banner-section-2 .banner-scroll {
    bottom: 30px;
  }
}

/* !END: Hero CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.tj-choose-section .sec-heading .desc {
  max-width: 250px;
  width: 100%;
  margin-bottom: 0;
}

.choose-box {
  background-color: var(--sc-surface-1);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.choose-box .choose-inner {
  border: 1px solid var(--sc-border);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  height: 100%;
  padding: 35px 28px;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .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(--sc-ink-accent);
  font-size: 40px;
  line-height: 1;
  width: 80px;
  height: 80px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  -webkit-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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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 {
  margin-bottom: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-box .title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .choose-box .title {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.choose-box .desc {
  margin-bottom: 0;
}
.choose-box:hover .choose-inner {
  border-color: var(--tj-color-theme-primary);
}
.choose-box:hover .choose-icon {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

/* !END: Choose CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.tj-client-section {
  position: relative;
}
.tj-client-section .client-content {
  margin-bottom: 60px;
}
@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-client-section .client-content {
    margin-bottom: 40px;
  }
}

.client-content {
  max-width: 420px;
  width: 100%;
  padding: 3px 10px;
  margin: 0 auto;
  text-align: center;
  border-radius: 40px;
  border: 1px solid var(--sc-border);
}
.client-content .sec-title {
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
.client-content span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
  line-height: 1.25;
  border-radius: 50px;
  padding: 0 5px;
  position: relative;
}
@media (max-width: 575px) {
  .client-content {
    max-width: 300px;
  }
  .client-content .sec-title {
    font-size: 16px;
  }
}

.client-slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.client-slider::before, .client-slider::after {
  content: "";
  position: absolute;
  width: 600px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(5, 5, 5)), to(rgba(5, 5, 5, 0)));
  background-image: linear-gradient(90deg, rgb(5, 5, 5) 0%, rgba(5, 5, 5, 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: -webkit-gradient(linear, right top, left top, from(rgb(5, 5, 5)), to(rgba(5, 5, 5, 0)));
  background-image: linear-gradient(-90deg, rgb(5, 5, 5) 0%, rgba(5, 5, 5, 0) 100%);
}
.client-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.client-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: 285px;
  height: 121px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 5;
  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) {
  .client-logo {
    width: 230px;
    height: 100px;
    padding: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .client-logo {
    width: 180px;
    height: 85px;
    padding: 15px;
  }
}

/* !END: Client CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.tj-about-section {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.tj-about-section .bg-img {
  opacity: 0.1;
  mix-blend-mode: luminosity;
}
.tj-about-section .sec-heading {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-about-section .sec-heading .sec-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-about-section .sec-heading .sec-title {
    font-size: 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-about-section {
    border-radius: 12px;
  }
}

.bg-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.about-img {
  position: relative;
  -webkit-mask-image: url(../images/shapes/shape-2.svg);
          mask-image: url(../images/shapes/shape-2.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: top left;
          mask-position: top left;
}
.about-img img {
  border-radius: 12px;
}
@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-img {
    -webkit-mask-image: none;
            mask-image: none;
  }
}

.about-left {
  max-width: 645px;
  width: 100%;
}
.about-left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 15px;
  margin-top: -65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-left-bottom {
    margin-top: -60px;
  }
}
@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-left-bottom {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-left {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-left {
    max-width: 100%;
  }
}

.experience-area {
  max-width: 250px;
  width: 100%;
  background-color: var(--tj-color-theme-primary);
  border-radius: 10px;
  padding: 24px 30px 28px 30px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.experience-area .exp-badge {
  position: absolute;
  top: 25px;
  right: -55px;
  width: 190px;
  font-size: 14px;
  font-weight: var(--tj-fw-sbold);
  letter-spacing: -0.02em;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: var(--sc-surface-2);
  color: var(--tj-color-common-white);
  text-align: center;
  line-height: 1;
  padding: 5px 0;
}
.experience-area .inline-content {
  color: var(--tj-color-theme-bg);
  font-size: 80px;
  margin-bottom: 15px;
}
.experience-area .inline-content sup {
  font-size: 0.6em;
  top: -0.6em;
}
@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) {
  .experience-area .inline-content {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .experience-area .inline-content {
    margin-bottom: 10px;
  }
}
.experience-area .count-text {
  font-size: 16px;
  color: var(--tj-color-theme-bg);
  font-weight: var(--tj-fw-medium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .experience-area {
    max-width: 38.5%;
    padding: 24px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .experience-area {
    max-width: 225px;
    padding: 20px 18px;
  }
}
@media (max-width: 575px) {
  .experience-area {
    max-width: 100%;
    padding: 25px 20px;
  }
}

.author-area {
  max-width: 380px;
  width: 100%;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .author-area {
    max-width: 58.8%;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .author-area {
    max-width: calc(100% - 240px);
    padding: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .author-area {
    max-width: calc(100% - 240px);
  }
}
@media (max-width: 575px) {
  .author-area {
    max-width: 100%;
  }
}
.author-area .author-info {
  max-width: 225px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 27px 15px 27px 0;
  border-right: 1px solid var(--sc-border);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .author-area .author-info {
    max-width: 200px;
    padding: 24px 15px 24px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .author-area .author-info {
    max-width: 100%;
    padding: 20px 0;
    border-right: 0;
    border-bottom: 1px solid var(--sc-border);
  }
}
@media (max-width: 400px) {
  .author-area .author-info {
    max-width: 60%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.author-area .author-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .author-area .author-img {
    width: 55px;
    height: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .author-area .author-img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .author-area .author-img {
    width: 60px;
    height: 60px;
  }
}
.author-area .author-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.author-area .author-text .author-name {
  font-size: 20px;
  margin-bottom: 6px;
}
@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) {
  .author-area .author-text .author-name {
    font-size: 18px;
  }
}
.author-area .author-text span {
  font-size: 14px;
  line-height: 1;
}
.author-area .signature {
  max-width: 93px;
  width: 100%;
  -webkit-margin-start: 16px;
          margin-inline-start: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .author-area .signature {
    max-width: 74px;
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .author-area .signature {
    max-width: 74px;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    padding: 20px 0;
  }
}
@media (max-width: 575px) {
  .author-area .signature {
    max-width: 74px;
  }
}

.about-content-area {
  padding: 55px 70px 64px 45px;
  border-radius: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-content-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-mask-image: url(../images/shapes/shape-1.svg);
          mask-image: url(../images/shapes/shape-1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: bottom right;
          mask-position: bottom right;
  background-color: var(--sc-surface-2);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area::before {
    display: none;
  }
}
.about-content-area .award-circle {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area .award-circle {
    width: 115px;
    height: 115px;
    bottom: 10px;
    inset-inline-end: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area .award-circle {
    display: none;
  }
}
.about-content-area .desc {
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-content-area {
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-area {
    max-width: 645px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-area {
    padding: 40px 30px;
    background-color: var(--sc-surface-2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about-content-area {
    padding: 40px 20px;
    background-color: var(--sc-surface-2);
    border-radius: 12px;
  }
}

.about-funfact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.about-funfact .countup-item {
  max-width: 155px;
  width: 100%;
}
.about-funfact .countup-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-end: -20px;
  width: 1px;
  height: calc(100% - 5px);
  border-right: 1px solid var(--sc-border);
}
.about-funfact .inline-content {
  color: var(--sc-ink-accent);
  font-size: 64px;
  margin-bottom: 15px;
}
.about-funfact .inline-content sup {
  font-size: 0.5em;
  top: -1.05em;
  padding-left: 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-funfact .inline-content {
    font-size: 54px;
  }
}
.about-funfact .count-text {
  font-size: 16px;
  color: var(--tj-color-text-body-2);
}

.circle-text-wrap.award-circle {
  width: 178px;
  height: 178px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.circle-text-wrap.award-circle .circle-text {
  width: 146px;
  height: 146px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .circle-text-wrap.award-circle .circle-text {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .circle-text-wrap.award-circle .circle-text {
    width: 95px;
    height: 95px;
  }
}
.circle-text-wrap.award-circle .circle-icon {
  font-size: 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .circle-text-wrap.award-circle .circle-icon {
    font-size: 32px;
  }
  .circle-text-wrap.award-circle .circle-icon span {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .circle-text-wrap.award-circle .circle-icon {
    font-size: 26px;
  }
  .circle-text-wrap.award-circle .circle-icon span {
    width: 50px;
    height: 50px;
  }
}
.circle-text-wrap.award-circle:hover i {
  -webkit-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .circle-text-wrap.award-circle {
    width: 158px;
    height: 158px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .circle-text-wrap.award-circle {
    width: 115px;
    height: 115px;
  }
}
.circle-text-wrap.about-btn .circle-icon {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.circle-text-wrap.about-btn .circle-icon:hover {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
@media (max-width: 575px) {
  .circle-text-wrap.about-btn {
    width: 120px;
    height: 120px;
  }
  .circle-text-wrap.about-btn .circle-text {
    width: 85%;
    height: 85%;
  }
}

.tj-about-container {
  max-width: 1594px;
  margin-left: 0;
  --bs-gutter-x: 0;
}
.tj-about-container .row {
  --bs-gutter-x: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tj-about-section-2 .col-xxl-7,
  .tj-about-section-2 .col-xxl-5 {
    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-about-section-2 {
    background-color: transparent;
  }
}
.tj-about-section-2 .about-left {
  max-width: 885px;
  position: relative;
  padding-bottom: 20px;
  -webkit-padding-end: 20px;
          padding-inline-end: 20px;
  background-color: var(--sc-surface-2);
  border-end-end-radius: 16px;
}
.tj-about-section-2 .about-left::before, .tj-about-section-2 .about-left::after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 32px;
  height: 16px;
  -webkit-box-shadow: 16px 0 0 0 var(--tj-color-theme-dark);
  box-shadow: -16px 0 0 0 var(--tj-color-theme-dark);
  border-top-left-radius: 16px;
  z-index: -1;
}
.tj-about-section-2 .about-left::before {
  top: 0;
  right: -32px;
}
.tj-about-section-2 .about-left::after {
  bottom: -16px;
  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) {
  .tj-about-section-2 .about-left {
    padding: 15px 0;
    border-radius: 16px;
  }
  .tj-about-section-2 .about-left::before, .tj-about-section-2 .about-left::after {
    display: none;
  }
}
.tj-about-section-2 .about-img {
  -webkit-mask-image: none;
          mask-image: none;
  overflow: hidden;
}
.tj-about-section-2 .about-img img {
  border-radius: 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) {
  .tj-about-section-2 .about-img img {
    border-radius: 12px;
  }
}
.tj-about-section-2 .about-content-area {
  padding: 110px 0 0 10px;
  background-color: transparent;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-about-section-2 .about-content-area {
    padding: 110px 30px 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-about-section-2 .about-content-area {
    padding: 90px 30px 0 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) {
  .tj-about-section-2 .about-content-area {
    max-width: 100%;
    padding: 70px 15px 30px;
    border-radius: 12px;
    background-color: var(--sc-surface-1);
  }
}
.tj-about-section-2 .about-content-area::before {
  display: none;
}
.tj-about-section-2 .about-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-about-section-2 .about-bottom {
    gap: 25px;
  }
}
@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-about-section-2 .about-bottom {
    gap: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .tj-about-section-2 .about-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tj-about-section-2 .about-logo {
  padding: 38px 29px 40px;
  border-radius: 10px;
  background-color: var(--tj-color-theme-primary);
  width: 57%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .tj-about-section-2 .about-logo {
    width: 100%;
  }
}
.tj-about-section-2 .about-logo-icon {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
.tj-about-section-2 .about-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.tj-about-section-2 .about-features-item {
  padding: 22px 30px 26px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
}
.tj-about-section-2 .about-features-item .title {
  margin-bottom: 16px;
}
.tj-about-section-2 .about-features-item .desc {
  margin-bottom: 0;
  color: var(--tj-color-text-body-2);
}
@media (max-width: 575px) {
  .tj-about-section-2 .about-features-item {
    padding: 22px 20px 26px;
  }
}

.h3-about-section .sec-heading {
  width: 100%;
  margin-bottom: 113px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h3-about-section .sec-heading {
    margin-bottom: 35px;
  }
}

.h3_about_img {
  position: relative;
  z-index: 1;
}
.h3_about_img > img {
  width: 100%;
  border-radius: 10px;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
.h3_about_img .about_reviews {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0 25px 50px;
  z-index: 2;
}
.h3_about_img .about_reviews .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sc-surface-2);
  z-index: -1;
  -webkit-mask-image: url(../images/shapes/h3-about-shape.svg);
          mask-image: url(../images/shapes/h3-about-shape.svg);
  -webkit-mask-position: bottom left;
          mask-position: bottom left;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.h3_about_img .about_reviews::before, .h3_about_img .about_reviews::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -19px;
  width: 25px;
  height: 10px;
  -webkit-box-shadow: 10px 0 0 0 var(--tj-color-theme-dark);
          box-shadow: 10px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 10px;
}
.h3_about_img .about_reviews::after {
  top: auto;
  left: auto;
  bottom: -9px;
  right: 0;
}
@media (max-width: 575px) {
  .h3_about_img .about_reviews {
    padding: 0 0 25px 34px;
  }
}

.about_reviews {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 1.5;
}
.about_reviews ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about_reviews ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-margin-start: -22px;
          margin-inline-start: -22px;
}
.about_reviews ul li:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.about_reviews ul li img {
  width: 50px;
  height: 50px;
  background-color: var(--sc-surface-4);
  padding: 2px;
  border-radius: 50%;
}
.about_reviews ul li span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  line-height: 1;
}
.about_reviews ul li span i,
.about_reviews ul li span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.about_reviews ul li span svg {
  max-width: 20px;
  height: auto;
}
.about_reviews .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 196px;
}
@media (max-width: 575px) {
  .about_reviews {
    font-size: 13px;
  }
  .about_reviews .text {
    max-width: 158px;
  }
}

.tj_list {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.tj_list > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 9px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-weight: var(--tj-fw-medium);
}
.tj_list > li i,
.tj_list > li svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  color: var(--sc-ink-accent);
  line-height: 1;
  margin-top: 2px;
}
.tj_list > li svg {
  max-width: 20px;
  height: auto;
}

.h3_countup {
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-1);
  border-radius: 8px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  min-height: 322px;
}
.h3_countup .inline-content {
  margin-bottom: auto;
}
.h3_countup .title {
  margin: 0;
}
.h3_countup .desc {
  display: block;
  margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .h3_countup {
    padding: 30px 20px;
    min-height: 312px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h3_countup {
    min-height: 280px;
    padding: 30px 20px;
  }
}

.about_right_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
}

.content_right_inner .desc,
.content_right_inner .list_button {
  max-width: 532px;
  width: 100%;
  margin-left: auto;
}
.content_right_inner .list_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  margin-top: 28px;
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .content_right_inner .list_button {
    margin-top: 20px;
    margin-bottom: 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) {
  .content_right_inner .desc,
  .content_right_inner .list_button {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .content_right_inner .list_button {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .content_right_inner .list_button {
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

/* !END: About CSS */
/**----------------------------------------
START: Services CSS
----------------------------------------*/
@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-service-section .sec-heading.mt-30 {
    margin-top: 0;
  }
}

.service-item {
  position: relative;
  padding-bottom: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-item {
    padding-bottom: 38px;
  }
}
.service-item .item-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 58px;
  height: 52px;
  font-size: 20px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-theme-dark-2);
  background-color: var(--sc-surface-2);
  border-bottom-left-radius: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  border-left: 1px solid var(--sc-border);
  border-bottom: 1px solid var(--sc-border);
}
.service-item .item-count::before, .service-item .item-count::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  -webkit-box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
          box-shadow: 12px 0 0 0 var(--tj-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 1px solid var(--sc-border);
  border-right: 1px solid var(--sc-border);
}
.service-item .item-count::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
.service-item .title {
  margin-bottom: 18px;
}
.service-item .title a:hover {
  color: var(--sc-ink-accent);
}
.service-item .desc {
  margin-bottom: 22px;
}
.service-item .tj-text-btn:hover {
  color: var(--sc-ink-accent);
}
.service-item:hover .service-icon {
  color: var(--tj-color-theme-dark);
}
.service-item:hover .service-icon::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.service-item:hover .item-count {
  color: var(--sc-ink-accent);
}
.service-item:hover .item-count i {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.service-inner {
  padding: 30px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 10px 10px 0 10px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-inner {
    padding: 30px 20px;
  }
}
.service-icon {
  width: 80px;
  height: 80px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  font-size: 44px;
  color: var(--sc-ink-accent);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service-icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.service-list {
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  padding: 16px 15px;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-list {
    padding: 14px 12px;
  }
}
.service-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 0 30px 26px 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.service-btn::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -20px;
  width: 20px;
  height: 10px;
  -webkit-box-shadow: 10px 0 0 0 var(--tj-color-theme-bg);
          box-shadow: 10px 0 0 0 var(--tj-color-theme-bg);
  border-top-right-radius: 10px;
  border-top: 1px solid var(--sc-border);
  border-right: 1px solid var(--sc-border);
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .service-btn {
    padding: 0 20px 22px 20px;
  }
}
.service-item-2 {
  padding-bottom: 0;
}
.service-item-2 .service-inner {
  padding-top: 35px;
  padding: 32px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: relative;
  z-index: 1;
}
.service-item-2 .service-inner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.service-item-2 .service-icon {
  margin-bottom: 27px;
}
.service-item-2 .service-icon::before {
  display: none;
}
.service-item-2 .service-icon i {
  -webkit-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) {
  .service-item-2 .service-icon {
    margin-bottom: 20px;
  }
}
.service-item-2 .title {
  margin-bottom: 23px;
}
.service-item-2 .title a:hover {
  color: var(--tj-color-theme-dark);
  letter-spacing: 0.1px;
}
.service-item-2 .desc {
  margin-bottom: 24px;
}
.service-item-2:hover .service-inner::before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.service-item-2:hover .service-icon {
  background-color: var(--sc-surface-2);
  color: var(--sc-ink-accent);
}
.service-item-2:hover .service-icon i {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.service-item-2:hover .title a {
  color: var(--tj-color-theme-dark);
}
.service-item-2:hover .desc {
  color: var(--tj-color-theme-dark);
}
.service-item-2:hover .tj-text-btn {
  color: var(--tj-color-theme-dark);
}

.list-style-2 {
  list-style: none;
}
.list-style-2 li {
  color: var(--tj-color-text-body-2);
  font-weight: var(--tj-fw-medium);
  margin-bottom: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.list-style-2 li:last-child {
  margin-bottom: 0;
}
.list-style-2 li i {
  font-size: 20px;
  margin-top: 3px;
}

.h3-service-section .sec-heading-inner .sec-title {
  max-width: 510px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h3-service-section .sec-heading-inner .sec-title {
    max-width: 430px;
  }
}

.h3-service-section-wrap {
  position: relative;
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  overflow: hidden;
  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) {
  .h3-service-section-wrap {
    border-radius: 12px;
  }
}

.h3_services_wrap {
  border-top: 1px solid var(--sc-border);
}
.h3_services_wrap .service_list_item {
  border-bottom: 1px solid var(--sc-border);
}

.service_list_item {
  position: relative;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service_list_item .service_reveal_img {
  position: absolute;
  top: 50%;
  inset-inline-start: 27%;
  width: 333px;
  height: 333px;
  opacity: 0;
  border-radius: 10px;
  overflow: hidden;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%) rotateX(270deg);
          transform: translate(-50%, -50%) rotateX(270deg);
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 5;
}
.service_list_item:first-child .service_reveal_img {
  margin-top: 30px;
}
.service_list_item .item_count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 50px;
  height: 88px;
  border: 1px solid var(--sc-border);
  border-radius: 60px;
  background-color: var(--sc-surface-2);
  font-weight: var(--tj-fw-sbold);
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-text-body);
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service_list_item .item_count span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin-left: -13px;
}
.service_list_item .item_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 126px;
  margin-left: auto;
}
.service_list_item .item_content .content_inner {
  max-width: 510px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service_list_item .item_content .content_inner .title {
  color: var(--tj-color-heading-primary);
  margin: 0;
}
.service_list_item .item_content .content_inner .title a:hover {
  color: var(--sc-ink-accent);
}
.service_list_item .item_content .content_inner .desc {
  color: var(--tj-color-text-body);
  margin-top: 20px;
}
.service_list_item .item_content .tj-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 0;
  background-color: transparent;
  font-size: 35px;
  border: none;
}
.service_list_item .item_content .tj-icon-btn i {
  color: var(--tj-color-common-white);
}
.service_list_item .item_content .tj-icon-btn:hover i {
  color: var(--sc-ink-accent);
}
.service_list_item:not(.is-active) .item_content .content_inner {
  opacity: 0.25;
}
.service_list_item:hover .service_reveal_img {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotateX(360deg);
          transform: translate(-50%, -50%) rotateX(360deg);
}
.service_list_item:hover .item_count {
  border-color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
}
.service_list_item:hover .item_count span {
  margin-left: 0;
}
.service_list_item:hover .item_content .tj-icon-btn i {
  color: var(--sc-ink-accent);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service_list_item .item_content {
    gap: 50px;
  }
  .service_list_item .service_reveal_img {
    inset-inline-start: 25%;
    width: 300px;
    height: 330px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_list_item .item_content {
    gap: 30px;
  }
  .service_list_item .item_content .content_inner {
    max-width: 475px;
  }
  .service_list_item .service_reveal_img {
    inset-inline-start: 23%;
    width: 240px;
    height: 280px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_list_item .item_content {
    gap: 30px;
  }
  .service_list_item .item_content .content_inner {
    max-width: 475px;
  }
  .service_list_item .service_reveal_img {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service_list_item {
    padding: 25px 0;
  }
  .service_list_item .item_count {
    width: 40px;
    height: 70px;
    font-size: 40px;
  }
  .service_list_item .item_count span {
    margin-left: -10px;
  }
  .service_list_item .item_content {
    width: calc(100% - 60px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .service_list_item .item_content .content_inner {
    max-width: 100%;
  }
  .service_list_item .item_content .content_inner .desc {
    margin-top: 10px;
  }
  .service_list_item .service_reveal_img {
    display: none;
  }
}

.services_tabs {
  position: relative;
  list-style: none;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 8px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  z-index: 1;
}
.services_tabs .active-bg {
  position: absolute;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  border-radius: 6px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.services_tabs .service_tab_item {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  color: var(--tj-color-theme-dark);
  font-weight: var(--tj-fw-sbold);
  font-size: 16px;
  line-height: 1;
  padding: 20px 31px;
}
.services_tabs .service_tab_item .button_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.services_tabs .service_tab_item span:not(.button_inner) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  background-color: var(--sc-surface-2);
  color: var(--tj-color-heading-primary);
  border-radius: 50%;
}
.services_tabs .service_tab_item:not(.active) {
  background-color: transparent;
  color: var(--tj-color-heading-primary);
}
.services_tabs .service_tab_item:not(.active) span:not(.button_inner) {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(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) {
  .services_tabs {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .services_tabs .service_tab_item {
    padding: 15px 14px;
  }
}
@media (max-width: 575px) {
  .services_tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .services_tabs .service_tab_item {
    padding: 15px 14px;
    font-size: 14px;
  }
  .services_tabs .service_tab_item span:not(.button_inner) {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
}

.services_content_wrap {
  margin-top: 30px;
}

.service_content_wrap {
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-1);
  padding: 15px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.service_content_wrap .service_content {
  max-width: 490px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-left: 45px;
}
.service_content_wrap .service_content .service_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  font-size: 44px;
  line-height: 1;
  margin-bottom: 25px;
}
.service_content_wrap .service_content .service_icon i,
.service_content_wrap .service_content .service_icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.service_content_wrap .service_content .service_icon svg {
  max-width: 44px;
  height: auto;
}
.service_content_wrap .service_content .service_title {
  margin: 0;
}
.service_content_wrap .service_content .service_title a:hover {
  color: var(--sc-ink-accent);
}
.service_content_wrap .service_content .service_excerpt {
  margin-top: 20px;
}
.service_content_wrap .service_content .service_btn {
  margin-top: 25px;
}
.service_content_wrap .service_image {
  max-width: 550px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.service_content_wrap .service_image img {
  width: 100%;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service_content_wrap .service_image {
    max-width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_content_wrap .service_content {
    max-width: 425px;
    padding-left: 20px;
  }
  .service_content_wrap .service_image {
    max-width: 420px;
  }
}
@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_content_wrap .service_content {
    max-width: 410px;
    padding: 25px 15px;
  }
  .service_content_wrap .service_image {
    max-width: 420px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service_content_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0;
  }
  .service_content_wrap .service_content {
    padding: 25px 15px 40px 15px;
  }
  .service_content_wrap .service_content .service_icon {
    width: 70px;
    height: 70px;
    font-size: 35px;
  }
  .service_content_wrap .service_image {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .service_content_wrap .service_content {
    max-width: 100%;
    padding: 25px 5px 40px 5px;
  }
  .service_content_wrap .service_content .service_icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }
}

/* !END: Services CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.tj-video-section {
  margin-bottom: -312px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-video-section {
    margin-bottom: -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) {
  .tj-video-section {
    margin-bottom: -210px;
  }
}

.video-content-area {
  position: relative;
  height: 597px;
  z-index: 2;
  overflow: hidden;
  border-radius: 16px;
}
.video-content-area .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-content-area .video-bg img {
  width: 100%;
  height: 140%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-content-area .video-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.video-content-area .video-btn {
  border-radius: 50%;
}
.video-content-area .video-btn .video-icon {
  width: 120px;
  height: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content-area .video-btn .video-icon {
    width: 100px;
    height: 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) {
  .video-content-area .video-btn .video-icon {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
.video-content-area .video-btn:hover .video-icon {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-content-area {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-content-area {
    height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-area {
    height: 320px;
    border-radius: 12px;
  }
}

.video-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.video-btn .video-icon {
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-theme-primary);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 29px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  height: 90px;
  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);
}

@-webkit-keyframes video_pulse {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
}

@keyframes video_pulse {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
}
.video_btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(40px);
  font-size: 20px;
  line-height: 1;
  color: var(--tj-color-common-white);
  z-index: 1;
}
.video_btn i,
.video_btn svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.video_btn svg {
  max-width: 20px;
  height: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video_btn {
    width: 90px;
    height: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video_btn {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video_btn {
    width: 70px;
    height: 70px;
  }
}

/* !END: Video CSS */
/**----------------------------------------
START: Theme Marquee CSS
----------------------------------------*/
.marquee-wrap {
  background-color: var(--tj-color-theme-primary);
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.marquee-wrap .marquee-icon,
.marquee-wrap .marquee-text {
  color: var(--tj-color-theme-dark);
}
@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-area {
  border-top: 1px dashed var(--sc-border);
  border-bottom: 1px dashed var(--sc-border);
  padding: 5px 0;
}
.marquee-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 35px;
}
.marquee-item .marquee-text {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px var(--tj-color-theme-dark-3);
  font-size: 74px;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  line-height: 1.3;
  margin: 0;
}
.marquee-item .marquee-text span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-margin-end: 35px;
          margin-inline-end: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item .marquee-text span {
    -webkit-margin-end: 25px;
            margin-inline-end: 25px;
  }
}
@media (max-width: 575px) {
  .marquee-item .marquee-text span {
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .marquee-item .marquee-text {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .marquee-item .marquee-text {
    font-size: 50px;
  }
}
.marquee-item .marquee-icon i {
  position: relative;
  top: 4px;
  color: var(--sc-ink-accent);
  font-size: 40px;
  line-height: 1;
  -webkit-animation: rotateAntiClock 6s linear infinite;
          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;
  }
}
.marquee-item:hover .marquee-text {
  -webkit-text-stroke: 1px 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) {
  .marquee-item {
    gap: 25px;
  }
}
@media (max-width: 575px) {
  .marquee-item {
    gap: 20px;
  }
}
.marquee-item-2 {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
}
.marquee-item-2 .marquee-icon {
  width: 100px;
  height: 100px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  line-height: 1;
  color: var(--sc-ink-accent);
}
.marquee-item-2 .marquee-icon i,
.marquee-item-2 .marquee-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-animation: rotateAntiClock 10s linear infinite;
          animation: rotateAntiClock 10s linear infinite;
}
.marquee-item-2 .marquee-icon svg {
  max-width: 40px;
  height: auto;
}
.marquee-item-2 .marquee-text {
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  font-size: 106px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--tj-color-heading-primary);
  margin: 0;
  opacity: 0.1;
}
.marquee-item-2:hover .marquee-text {
  opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .marquee-item-2 .marquee-icon {
    width: 80px;
    height: 80px;
    font-size: 35px;
  }
  .marquee-item-2 .marquee-icon svg {
    max-width: 35px;
  }
  .marquee-item-2 .marquee-text {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .marquee-item-2 .marquee-icon {
    width: 75px;
    height: 75px;
    font-size: 30px;
  }
  .marquee-item-2 .marquee-icon svg {
    max-width: 30px;
  }
  .marquee-item-2 .marquee-text {
    font-size: 75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-item-2 .marquee-icon {
    width: 60px;
    height: 60px;
    font-size: 25px;
  }
  .marquee-item-2 .marquee-icon svg {
    max-width: 25px;
  }
  .marquee-item-2 .marquee-text {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .marquee-item-2 .marquee-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
  .marquee-item-2 .marquee-icon svg {
    max-width: 20px;
  }
  .marquee-item-2 .marquee-text {
    font-size: 50px;
  }
}
.marquee-item-3 {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
}
.marquee-item-3 .marquee-icon {
  font-size: 27px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
}
.marquee-item-3 .marquee-icon i,
.marquee-item-3 .marquee-icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-animation: rotateAntiClock 10s linear infinite;
          animation: rotateAntiClock 10s linear infinite;
}
.marquee-item-3 .marquee-icon svg {
  max-width: 27px;
  height: auto;
}
.marquee-item-3 .marquee-text {
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--tj-color-theme-dark);
  margin: 0;
}

/* Scroll slider */
.scroll-slider {
  --gap: 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll 30s linear infinite;
          animation: scroll 30s linear infinite;
}

.marquee-slider-2 {
  --gap: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
  padding: 28px 0;
  background-color: var(--tj-color-theme-primary);
  border-start-start-radius: 16px;
  border-start-end-radius: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-slider-2 {
    --gap: 25px;
    border-start-start-radius: 12px;
    border-start-end-radius: 12px;
  }
}
@media (max-width: 575px) {
  .marquee-slider-2 {
    --gap: 20px;
    border-start-start-radius: 12px;
    border-start-end-radius: 12px;
  }
}

.marquee-slider-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  -webkit-animation: scroll 30s linear infinite;
          animation: scroll 30s linear infinite;
}

/* RTL override */
[dir=rtl] .scroll-wrapper {
  -webkit-animation: scroll-rtl 30s linear infinite;
          animation: scroll-rtl 30s linear infinite;
}
[dir=rtl] .scroll-wrapper .marquee-item-2 .marquee-icon i,
[dir=rtl] .scroll-wrapper .marquee-item-2 .marquee-icon svg {
  -webkit-animation: rotateClock 10s linear infinite;
          animation: rotateClock 10s linear infinite;
}

@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}

@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}
@-webkit-keyframes scroll-rtl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(100% + var(--gap)));
            transform: translateX(calc(100% + var(--gap)));
  }
}
@keyframes scroll-rtl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(100% + var(--gap)));
            transform: translateX(calc(100% + var(--gap)));
  }
}
/* !END: Theme Marquee CSS */
/**----------------------------------------
START: Technologies CSS
----------------------------------------*/
.tech-item {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  padding: 30px 30px 25px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  border-radius: 10px;
  max-width: 320px;
  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) {
  .tech-item {
    max-width: 300px;
    padding: 20px 20px 15px 20px;
  }
}
.tech-icon {
  max-width: 56px;
  width: 100%;
  height: 56px;
  border-radius: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  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) {
  .tech-icon {
    max-width: 50px;
  }
}
.tech-content .title {
  font-size: 13px;
  margin-top: 8px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tech-content .title {
    margin-top: 6px;
    margin-bottom: 10px;
  }
}
.tech-content .desc {
  font-size: 12px;
  margin-bottom: 0;
}

.technologies-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  position: relative;
  z-index: 1;
}
.technologies-item-wrap::after, .technologies-item-wrap::before {
  content: "";
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(rgb(5, 5, 5)), to(rgba(5, 5, 5, 0)));
  background: linear-gradient(to right, rgb(5, 5, 5) 0%, rgba(5, 5, 5, 0) 100%);
  top: 0;
  left: 0;
  width: 260px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .technologies-item-wrap::after, .technologies-item-wrap::before {
    width: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .technologies-item-wrap::after, .technologies-item-wrap::before {
    width: 100px;
  }
}
@media (max-width: 575px) {
  .technologies-item-wrap::after, .technologies-item-wrap::before {
    display: none;
  }
}
.technologies-item-wrap::after {
  top: auto;
  left: auto;
  right: 0;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.technologies-item-wrap .scroll-slider {
  gap: 15px;
}
.technologies-item-wrap .scroll-slider .scroll-wrapper {
  gap: 15px;
}

[dir=rtl] .tech-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
[dir=rtl] .tech-content {
  text-align: left;
}

/* !END: Technologies CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.tj-project-section {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
}
.tj-project-section .sec-heading .desc {
  max-width: 248px;
  width: 100%;
  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-project-section {
    border-radius: 12px;
  }
}

.project-wrapper {
  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 {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper {
    padding: 0 15px;
  }
}

.project-item {
  padding: 0;
  min-height: 560px;
  position: relative;
}
.project-item .project-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.project-item .project-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 10, 9, 0)), to(rgb(10, 10, 9)));
  background-image: linear-gradient(to bottom, rgba(10, 10, 9, 0) 0%, rgb(10, 10, 9) 100%);
  opacity: 0.6;
  pointer-events: none;
}
.project-item .project-content {
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  padding: 30px 30px 23px 30px;
  width: calc(100% - 30px);
  margin: 15px;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@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 .project-content {
    padding: 20px 15px;
    margin: 10px;
  }
}
.project-item .title {
  max-width: 185px;
  width: 100%;
  margin-bottom: 0;
}
.project-item .title a:hover {
  letter-spacing: 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 .title {
    max-width: 170px;
    font-size: 20px;
  }
}
.project-item .tj-icon-btn {
  margin-bottom: 6px;
}
@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 .tj-icon-btn {
    width: 50px;
    height: 50px;
  }
}
.project-item:hover .tj-icon-btn {
  background-color: var(--tj-color-theme-primary);
}
.project-item:hover .tj-icon-btn i {
  color: var(--tj-color-theme-dark);
}
.project-item:hover .project-img img {
  -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0.05deg) scaleX(1.1) scaleY(1.1) !important;
          transform: perspective(600px) rotateX(0deg) rotateY(0.05deg) scaleX(1.1) scaleY(1.1) !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-item {
    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 {
    min-height: 470px;
  }
}
@media (max-width: 575px) {
  .project-item {
    min-height: 400px;
  }
}

.project-img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.project-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
          transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}

.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.categories a {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  color: var(--sc-ink-accent);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-medium);
  padding: 4px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  border-radius: 50px;
}
.categories a:hover {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
}

.tj-project-section-2 .sec-heading .desc {
  margin-top: 16px;
  margin-bottom: 26px;
  max-width: 360px;
}

.project-wrapper-2 {
  padding: 0;
}
.project-wrapper-2 .project-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 30px 15px 15px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 12px;
  min-height: inherit;
  gap: 30px;
}
.project-wrapper-2 .project-item:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-2 .project-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .project-wrapper-2 .project-item {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .project-wrapper-2 .project-item {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.project-wrapper-2 .project-item .categories {
  margin-bottom: 16px;
}
.project-wrapper-2 .project-item .categories a {
  background-color: var(--sc-surface-2);
}
.project-wrapper-2 .project-item .categories a:hover {
  background-color: var(--tj-color-theme-primary);
}
.project-wrapper-2 .project-item .title {
  max-width: 100%;
  margin-bottom: 18px;
}
.project-wrapper-2 .project-item .desc {
  margin-bottom: 24px;
  color: var(--tj-color-text-body-2);
}
.project-wrapper-2 .project-item .tj-icon-btn {
  width: 52px;
  height: 52px;
}
.project-wrapper-2 .project-img {
  position: relative;
  max-width: 390px;
  height: 390px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .project-wrapper-2 .project-img {
    height: 327px;
  }
}
@media (max-width: 575px) {
  .project-wrapper-2 .project-img {
    max-width: 100%;
  }
}
.project-wrapper-2 .project-img::before {
  display: none;
}
.project-wrapper-2 .project-img a {
  display: block;
  height: 100%;
}
.project-wrapper-2 .project-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-wrapper-2 .project-content {
  position: static;
  padding: 15px 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  border-radius: 0;
}
@media (max-width: 575px) {
  .project-wrapper-2 .project-content {
    width: 100%;
    padding: 10px 8px;
  }
}

/* !END: Project CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.tj-testimonial-section {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  padding-top: 432px;
  padding-bottom: 120px;
  overflow: hidden;
}
.tj-testimonial-section-3 .sec-heading-centered {
  max-width: 500px;
}
.tj-testimonial-section-4 {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-testimonial-section {
    padding-top: 340px;
    padding-bottom: 100px;
  }
  .tj-testimonial-section-4 {
    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) {
  .tj-testimonial-section {
    padding-top: 280px;
    padding-bottom: 70px;
    border-radius: 12px;
  }
  .tj-testimonial-section-4 {
    padding-top: 70px;
  }
}

.testimonial-slider {
  overflow: inherit;
}

.testimonial-wrapper {
  position: relative;
  z-index: 1;
}
.testimonial-wrapper .client-thumb {
  max-width: 270px;
  margin: 0 auto 18px;
}
@media (max-width: 575px) {
  .testimonial-wrapper .client-thumb {
    max-width: 220px;
  }
}
.testimonial-wrapper .client-thumb .thumb-img {
  width: 84px;
  height: 84px;
  background-color: var(--sc-surface-1);
  border-radius: 50%;
  border: 3px solid transparent;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.testimonial-wrapper .client-thumb .thumb-img img {
  mix-blend-mode: luminosity;
}
@media (max-width: 575px) {
  .testimonial-wrapper .client-thumb .thumb-img {
    width: 70px;
    height: 70px;
  }
}
.testimonial-wrapper .client-thumb .author-header {
  width: 140px;
  text-align: center;
  margin-top: 10px;
  position: relative;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.testimonial-wrapper .client-thumb .author-header .title {
  font-size: 20px;
  margin-bottom: 8px;
}
.testimonial-wrapper .client-thumb .author-header .designation {
  font-size: 14px;
  line-height: 1;
}
.testimonial-wrapper .client-thumb .swiper-slide-active .thumb-img {
  border-color: var(--tj-color-theme-primary);
}
.testimonial-wrapper .client-thumb .swiper-slide-active .author-header {
  opacity: 1;
  visibility: visible;
}
.testimonial-wrapper .client-thumb .swiper-slide-active img {
  mix-blend-mode: unset;
}
.testimonial-wrapper .testimonial-slider .swiper-slide {
  opacity: 0.15;
}
.testimonial-wrapper .testimonial-slider .swiper-slide-active {
  opacity: 1;
}
.testimonial-wrapper .testimonial-item {
  background-color: var(--sc-surface-2);
  border-radius: 12px;
  position: relative;
  margin: 17px 0 0 0;
  padding: 40px 50px 50px 50px;
}
.testimonial-wrapper .testimonial-item::before {
  content: "";
  position: absolute;
  top: -12px;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 24px;
  height: 24px;
  background-color: var(--sc-surface-2);
}
.testimonial-wrapper .testimonial-item .rating-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 18px 0;
}
.testimonial-wrapper .testimonial-item .desc {
  font-size: 22px;
  line-height: 1.636;
  text-align: center;
}
.testimonial-wrapper .testimonial-item .desc p {
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrapper .testimonial-item .desc {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper .testimonial-item .desc {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrapper .testimonial-item {
    padding: 35px 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-wrapper .testimonial-item {
    padding: 30px 20px;
  }
}
.testimonial-wrapper .testimonial-navigation {
  position: absolute;
  max-width: 1090px;
  width: 100%;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.testimonial-wrapper .slider-prev {
  margin-top: -50px;
}
.testimonial-wrapper .slider-next {
  margin-top: -50px;
}
.testimonial-wrapper:hover .testimonial-navigation {
  opacity: 1;
}

.h3_testimonial_slider .swiper-slide {
  width: auto;
}

.testimonial_item_2 {
  max-width: 983px;
  width: 100%;
  background-color: var(--sc-surface-1);
  border-radius: 1px solid var(--sc-border);
  border-radius: 8px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonial_item_2 .testimonial_thumb {
  max-width: 365px;
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.testimonial_item_2 .testimonial_thumb img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.testimonial_item_2 .testimonial_thumb .video_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.testimonial_item_2 .testimonial_thumb:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.testimonial_item_2 .testimonial_content {
  width: calc(100% - 365px);
  padding: 15px 30px;
}
.testimonial_item_2 .testimonial_content .star-ratings {
  letter-spacing: 3px;
  -webkit-text-stroke-color: var(--tj-color-golden-1);
  margin-bottom: 40px;
}
.testimonial_item_2 .testimonial_content .star-ratings .fill-ratings,
.testimonial_item_2 .testimonial_content .star-ratings .empty-ratings {
  color: var(--tj-color-golden-1);
}
.testimonial_item_2 .testimonial_content .desc {
  font-size: 22px;
}
.testimonial_item_2 .testimonial_content .desc p:last-child {
  margin: 0;
}
.testimonial_item_2 .testimonial_content .author_info {
  border-top: 1px solid var(--sc-border);
  padding-top: 30px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.testimonial_item_2 .testimonial_content .author_info .name {
  margin: 0;
}
.testimonial_item_2 .testimonial_content .author_info .designation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--tj-color-text-body-2);
  margin-top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial_item_2 {
    max-width: 940px;
  }
  .testimonial_item_2 .testimonial_content .desc {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_item_2 {
    max-width: 850px;
  }
  .testimonial_item_2 .testimonial_thumb {
    max-width: 330px;
  }
  .testimonial_item_2 .testimonial_content {
    width: calc(100% - 330px);
  }
  .testimonial_item_2 .testimonial_content .star-ratings {
    margin-bottom: 30px;
  }
  .testimonial_item_2 .testimonial_content .desc {
    font-size: 20px;
  }
  .testimonial_item_2 .testimonial_content .author_info {
    margin-top: 25px;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_item_2 {
    max-width: 650px;
  }
  .testimonial_item_2 .testimonial_thumb {
    max-width: 230px;
  }
  .testimonial_item_2 .testimonial_content {
    width: calc(100% - 230px);
    padding: 5px 5px 5px 20px;
  }
  .testimonial_item_2 .testimonial_content .star-ratings {
    margin-bottom: 20px;
  }
  .testimonial_item_2 .testimonial_content .desc {
    font-size: 16px;
  }
  .testimonial_item_2 .testimonial_content .author_info {
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial_item_2 {
    max-width: 500px;
  }
  .testimonial_item_2 .testimonial_thumb {
    max-width: 230px;
  }
  .testimonial_item_2 .testimonial_content {
    width: calc(100% - 230px);
    padding: 5px 5px 5px 20px;
  }
  .testimonial_item_2 .testimonial_content .star-ratings {
    margin-bottom: 20px;
  }
  .testimonial_item_2 .testimonial_content .desc {
    font-size: 16px;
  }
  .testimonial_item_2 .testimonial_content .author_info {
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial_item_2 {
    max-width: 350px;
  }
  .testimonial_item_2 .testimonial_thumb {
    max-width: 100%;
  }
  .testimonial_item_2 .testimonial_content {
    width: 100%;
    padding: 20px 0 5px 0;
  }
  .testimonial_item_2 .testimonial_content .star-ratings {
    margin-bottom: 20px;
  }
  .testimonial_item_2 .testimonial_content .desc {
    font-size: 16px;
  }
  .testimonial_item_2 .testimonial_content .author_info {
    margin-top: 20px;
    padding-top: 20px;
  }
}

.author_avatar_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.author_avatar_wrapper li {
  width: 72px;
  height: 72px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.author_avatar_wrapper li:not(:first-child) {
  -webkit-margin-start: -19px;
          margin-inline-start: -19px;
}
.author_avatar_wrapper li:has(i) {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-color: var(--tj-color-theme-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 4px solid var(--tj-color-theme-dark);
  font-size: 45px;
  color: var(--tj-color-theme-dark);
  z-index: 2;
}
.author_avatar_wrapper li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial-wrapper-2 .testimonial-navigation {
  max-width: 100%;
  top: calc((100% - 86px) / 2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.testimonial-wrapper-2 .slider-prev,
.testimonial-wrapper-2 .slider-next {
  background-color: var(--sc-surface-2);
  margin-top: 0;
}
.testimonial-wrapper-2:hover .testimonial-navigation {
  opacity: 1;
}
.testimonial-wrapper-2:hover .slider-prev {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.testimonial-wrapper-2:hover .slider-next {
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.testimonial_item_3 {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  padding: 36px 30px 35px;
}
.testimonial_item_3:hover .author_avatar_wrapper li i {
  -webkit-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.testimonial_item_3 .testimonial_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.testimonial_item_3 .testimonial_content {
  width: 100%;
}
.testimonial_item_3 .testimonial_content .desc {
  font-size: 18px;
}
.testimonial_item_3 .testimonial_content .desc p:last-child {
  margin: 0;
}
.testimonial_item_3 .testimonial_content .author_info {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.testimonial_item_3 .testimonial_content .author_info .name {
  margin: 0;
}
.testimonial_item_3 .testimonial_content .author_info .designation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--tj-color-theme-dark-3);
  margin-top: 5px;
}
.testimonial_item_3 .star-ratings {
  letter-spacing: 3px;
  -webkit-text-stroke-color: var(--tj-color-golden-1);
  margin-top: 4px;
}
.testimonial_item_3 .star-ratings .fill-ratings,
.testimonial_item_3 .star-ratings .empty-ratings {
  color: var(--tj-color-golden-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_item_3 .testimonial_content .author_info {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_item_3 .testimonial_content .author_info {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial_item_3 .testimonial_content .author_info {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial_item_3 {
    padding: 36px 15px 35px;
  }
  .testimonial_item_3 .testimonial_content .author_info {
    margin-top: 20px;
  }
}

.slider-navigation {
  gap: 10px;
}

.slider-next,
.slider-prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: var(--tj-color-common-white);
  background-color: transparent;
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-next .anim-icon,
.slider-prev .anim-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          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;
  transition: all 0.3s;
}
.slider-next .anim-icon i:last-child,
.slider-prev .anim-icon i:last-child {
  position: absolute;
  -webkit-transform: translateX(150%);
      -ms-transform: translateX(150%);
          transform: translateX(150%);
  color: var(--tj-color-theme-dark);
}
.slider-next:hover,
.slider-prev:hover {
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.slider-next:hover .anim-icon i:first-child,
.slider-prev:hover .anim-icon i:first-child {
  -webkit-transform: translateX(-150%);
      -ms-transform: translateX(-150%);
          transform: translateX(-150%);
}
.slider-next:hover .anim-icon i:last-child,
.slider-prev:hover .anim-icon i:last-child {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-next,
  .slider-prev {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}

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

.swiper-pagination-area {
  text-align: center;
  line-height: 0;
  margin-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .swiper-pagination-area {
    margin-top: 30px;
  }
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  opacity: 0.2;
  position: relative;
  margin: 8px !important;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-theme-primary);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-bullet-active::before {
  opacity: 1;
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.tj-faq-section {
  border-bottom: 1px solid var(--sc-border);
}
.tj-faq-section .tj_accordion {
  max-width: 940px;
  width: 100%;
  margin: auto;
}

.tj_accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.accordion_item {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  padding: 0 30px;
}
.accordion_item.active {
  border-color: var(--tj-color-theme-primary);
  background-color: var(--sc-surface-2);
}
.accordion_title {
  position: relative;
  z-index: 1;
  width: 100%;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  padding: 27px 45px 27px 0;
  text-align: start;
}
.accordion_title::after {
  content: "\e91f";
  font-family: var(--tj-ff-fonticon);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-2);
  color: var(--sc-ink-accent);
  font-size: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  position: absolute;
  inset-inline-end: 0;
  top: 24px;
  z-index: 2;
}
.accordion_title:not(.collapsed) {
  color: var(--sc-ink-accent);
}
.accordion_title:not(.collapsed)::after {
  content: "\e920";
  border-color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
}
.accordion_content {
  border-top: 1px solid var(--sc-border);
  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) {
  .accordion_item {
    padding: 0 20px;
  }
  .accordion_title {
    padding: 20px 45px 20px 0;
  }
  .accordion_title::after {
    top: 17px;
  }
  .accordion_content {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .accordion_title {
    padding: 20px 40px 20px 0;
    font-size: 18px;
  }
  .accordion_title::after {
    top: 16px;
  }
}

.tj-faq-section-2 {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
}
.tj-faq-section-2 .sec-heading {
  max-width: 550px;
}
@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 .sec-heading {
    max-width: 100%;
  }
}
.tj-faq-section-2 .sec-heading .tj-primary-btn {
  margin-top: 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-faq-section-2 {
    border-radius: 12px;
  }
}
.tj-faq-section-3 {
  background-color: transparent;
}
.tj-faq-section-4 {
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid var(--sc-border);
}
.tj-faq-section-5 {
  border-bottom: 0;
}

.faq-left {
  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) {
  .faq-left {
    margin-bottom: 40px;
  }
}
.faq-contact {
  padding: 30px 30px 24px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  max-width: 381px;
  margin-top: 128px;
}
@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-contact {
    margin-top: 0;
  }
}
.faq-contact-2 {
  background-color: var(--sc-surface-1);
}
.faq-contact-2 .faq-contact-item {
  background-color: var(--sc-surface-2);
}
.faq-contact .title {
  margin-bottom: 26px;
  color: var(--tj-color-body-text-1);
  letter-spacing: -0.02em;
}
.faq-contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
}
.faq-contact ul li {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  position: relative;
  border-radius: 50%;
  z-index: 2;
}
.faq-contact ul li:not(:first-child) {
  -webkit-margin-start: -10px;
          margin-inline-start: -10px;
}
.faq-contact ul li:has(i) {
  background-color: var(--tj-color-theme-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  color: var(--tj-color-theme-dark);
  z-index: 1;
}
.faq-contact ul li img {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 2px solid var(--tj-color-theme-dark);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.faq-contact-item {
  padding: 24px 20px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.faq-contact .faq-contact-number-wrapper .desc {
  font-size: 14px;
  line-height: 1.57;
  margin-bottom: 2px;
}
.faq-contact .faq-contact-number-wrapper .faq-contact-number {
  margin-bottom: 0;
  position: relative;
}
.faq-contact .faq-contact-number-wrapper .faq-contact-number::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--sc-surface-3);
  position: absolute;
  left: 0;
  bottom: 3px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.faq-contact .faq-contact-number-wrapper .faq-contact-number:hover::before {
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.tj_accordion_2 {
  max-width: 645px;
  -webkit-margin-start: auto;
          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) {
  .tj_accordion_2 {
    max-width: 100%;
  }
}
.tj_accordion_2 .accordion_item {
  padding: 0;
  background-color: var(--sc-surface-2);
}
.tj_accordion_2 .accordion_item.active {
  border-color: var(--sc-border);
}
.tj_accordion_2 .accordion_title {
  padding: 27px 70px 27px 30px;
}
.tj_accordion_2 .accordion_title::after {
  inset-inline-end: 30px;
  border-color: var(--sc-border);
  background-color: var(--sc-surface-1);
}
.tj_accordion_2 .accordion_title:not(.collapsed)::after {
  border-color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-primary);
}
.tj_accordion_2 .accordion_content {
  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) {
  .tj_accordion_2 .accordion_title {
    padding: 20px 55px 20px 20px;
  }
  .tj_accordion_2 .accordion_title::after {
    inset-inline-end: 20px;
  }
  .tj_accordion_2 .accordion_content {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_accordion_2 .accordion_title {
    padding: 20px 60px 20px 20px;
  }
}
.tj_accordion_3 .accordion_item {
  background-color: var(--sc-surface-1);
}
.tj_accordion_4 {
  max-width: 100%;
}
.tj_accordion_4 .accordion_title::after {
  border: 0;
  background-color: transparent;
}
.tj_accordion_4 .accordion_title:not(.collapsed) {
  color: var(--tj-color-theme-dark);
}
.tj_accordion_4 .accordion_title:not(.collapsed)::after {
  border: 0;
  background-color: transparent;
}
.tj_accordion_4 .accordion_content {
  padding-top: 0;
  border-top: 0;
}
.tj_accordion_4 .accordion_item {
  background-color: var(--sc-surface-1);
}
.tj_accordion_4 .accordion_item:has(button:not(.collapsed)) {
  background-color: var(--tj-color-theme-primary);
}
.tj_accordion_4 .accordion_item:has(button:not(.collapsed)) .accordion_content {
  color: var(--tj-color-theme-dark);
}

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

.blog-item {
  height: 100%;
  background-color: var(--sc-surface-1);
  padding: 15px;
  border-radius: 10px;
  position: relative;
}
.blog-item .blog-thumb {
  height: 270px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.blog-item .blog-thumb a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.blog-item .blog-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-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;
  }
}
.blog-item .blog-content {
  padding: 25px 15px 15px 15px;
}
.blog-item .blog-content .title {
  margin: 0;
  letter-spacing: -0.02em;
}
.blog-item .blog-content .title a {
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: 0 85%;
  display: inline;
}
.blog-item .blog-content .title a:hover {
  background-size: 100% 2px;
}
.blog-item .blog-content .desc,
.blog-item .blog-content .excerpt {
  margin-top: 20px;
}
.blog-item .blog-content .desc:last-of-type,
.blog-item .blog-content .excerpt:last-of-type {
  margin-bottom: 0;
}
.blog-item .categories {
  margin-bottom: 0;
}
.blog-item .categories a {
  background-color: var(--sc-surface-2);
  color: var(--sc-ink-accent);
}
.blog-item .categories a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-bg);
}
.blog-item .tj-text-btn {
  margin-top: 23px;
}
.blog-item:hover .blog-thumb img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.blog-item:hover .blog-thumb.img-reveal-2 img {
  -webkit-transform: scale(1.1) !important;
      -ms-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
@media (max-width: 575px) {
  .blog-item .blog-content {
    padding: 25px 5px 5px 10px;
  }
}

.blog-date {
  position: absolute;
  inset-inline-start: 15px;
  top: 15px;
  text-align: center;
  background: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  padding: 20px;
  border-radius: 6px;
  z-index: 2;
}
.blog-date .date {
  display: block;
  font-size: 32px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-common-white);
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  line-height: 1;
}
.blog-date .month {
  display: block;
  font-size: 14px;
  color: var(--tj-color-common-white);
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 1;
}

.blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.blog-meta span {
  color: var(--tj-color-theme-dark-3);
  line-height: 1;
}
.blog-meta span a {
  color: var(--tj-color-text-body);
}
.blog-meta span a:hover {
  color: var(--sc-ink-accent);
}
@media (max-width: 575px) {
  .blog-meta {
    margin-bottom: 15px;
  }
}

.blog-post-wrapper .blog-item {
  margin-bottom: 40px;
  padding: 0;
  background-color: transparent;
}
.blog-post-wrapper .blog-item .blog-thumb {
  border-radius: 12px;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.blog-post-wrapper .blog-item .blog-thumb iframe {
  max-width: 100%;
}
.blog-post-wrapper .blog-item .blog-thumb .video-btn {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.blog-post-wrapper .blog-item .blog-thumb .video-btn .video-icon {
  font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-post-wrapper .blog-item .blog-thumb .video-btn .video-icon {
    width: 70px;
    height: 70px;
  }
}
.blog-post-wrapper .blog-item .blog-thumb .video-btn::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(232, 164, 79, 0.1);
  -webkit-animation: pulse2 2s linear infinite;
          animation: pulse2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.blog-post-wrapper .blog-item .categories a {
  color: var(--tj-color-text-body);
}
.blog-post-wrapper .blog-item .categories a:hover {
  color: var(--tj-color-theme-dark);
}
.blog-post-wrapper .blog-item .blog-content {
  background-color: transparent;
  padding: 25px 0 0 0;
}
.blog-post-wrapper .blog-item .tj-primary-btn {
  margin-top: 26px;
}
.blog-post-wrapper .blog-item .tj-primary-btn .btn-icon {
  width: 38px;
  height: 38px;
}
.blog-post-wrapper .blog-item .tj-primary-btn:not(:hover) .btn-icon::before {
  width: 38px;
}
.blog-post-wrapper .blog-date {
  padding: 15px 20px 17px;
}
.blog-post-wrapper .blog-date .date {
  letter-spacing: -0.02em;
  color: var(--tj-color-heading-primary);
}
.blog-post-wrapper .blog-date .month {
  font-size: 15px;
  letter-spacing: 0.15em;
  color: var(--tj-color-heading-primary);
}
.blog-post-wrapper .wp-block-pullquote,
.blog-post-wrapper blockquote {
  margin: 0;
}

.tj-post-slider {
  position: relative;
  border-radius: 12px;
}
.tj-post-slider img {
  border-radius: 12px;
}
.tj-post-slider .blog-post-navigation {
  position: absolute;
  width: 100%;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  padding: 0 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tj-post-slider .slider-prev {
  margin-top: -50px;
}
.tj-post-slider .slider-prev:not(:hover) {
  background-color: var(--sc-surface-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-post-slider .slider-prev {
    margin-top: -40px;
  }
}
.tj-post-slider .slider-next {
  margin-top: -50px;
}
.tj-post-slider .slider-next:not(:hover) {
  background-color: var(--sc-surface-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-post-slider .slider-next {
    margin-top: -40px;
  }
}

.tj_blog_wrap {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(200px, auto);
}
.tj_blog_wrap .blog-item:first-child {
  grid-column: 1;
  grid-row: 1/span 3;
}
.tj_blog_wrap .blog-item:first-child .blog-thumb {
  height: 356px;
}
.tj_blog_wrap .blog-item:first-child .blog-content {
  padding: 20px 15px 15px 15px;
}
.tj_blog_wrap .blog-item:first-child .blog-content .title {
  font-size: 32px;
  line-height: 1.25;
}
.tj_blog_wrap .blog-item:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tj_blog_wrap .blog-item:not(:first-child) .blog-thumb {
  height: 100%;
  width: 170px;
}
.tj_blog_wrap .blog-item:not(:first-child) .blog-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 170px);
  padding: 15px 15px 15px 25px;
}
.tj_blog_wrap .blog-item:not(:first-child) .blog-content .blog-meta {
  margin-bottom: 15px;
}
.tj_blog_wrap .blog-item:not(:first-child) .blog-content .excerpt,
.tj_blog_wrap .blog-item:not(:first-child) .blog-content .desc {
  display: none;
}
.tj_blog_wrap .blog-item:not(:first-child) .blog-content .tj-text-btn {
  margin-top: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_blog_wrap {
    grid-template-columns: 1fr;
  }
  .tj_blog_wrap .blog-item:first-child {
    grid-row: auto;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj_blog_wrap .blog-item:first-child .blog-thumb {
    height: 300px;
  }
  .tj_blog_wrap .blog-item:first-child .blog-content .title {
    font-size: 25px;
    line-height: 1.333;
  }
}
@media (max-width: 575px) {
  .tj_blog_wrap .blog-item:first-child .blog-thumb {
    height: 270px;
  }
  .tj_blog_wrap .blog-item:first-child .blog-content {
    padding: 25px 5px 5px 10px;
  }
  .tj_blog_wrap .blog-item:first-child .blog-content .title {
    font-size: 20px;
    line-height: 1.333;
  }
  .tj_blog_wrap .blog-item:not(:first-child) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-thumb {
    height: 270px;
    width: 100%;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-content {
    width: 100%;
    padding: 25px 5px 5px 10px;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-content .blog-meta {
    margin-bottom: 18px;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-content .tj-text-btn {
    margin-top: 23px;
  }
}
.tj_blog_wrap_2 .blog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tj_blog_wrap_2 .blog-item .tj-primary-btn {
  display: none;
}
.tj_blog_wrap_2 .blog-item:first-child {
  grid-column: 1;
  grid-row: auto;
  grid-column: 1/span 2;
}
.tj_blog_wrap_2 .blog-item:first-child .blog-thumb {
  width: calc((100% - 30px) / 2);
  height: 480px;
}
.tj_blog_wrap_2 .blog-item:first-child .blog-content {
  width: calc((100% - 30px) / 2);
  padding: 15px 15px 15px 30px;
}
.tj_blog_wrap_2 .blog-item:first-child .blog-content .title {
  font-size: 32px;
  line-height: 1.25;
}
.tj_blog_wrap_2 .blog-item:first-child .blog-content .tj-primary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 26px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_blog_wrap_2 .blog-item:first-child .blog-content .tj-primary-btn {
    margin-top: 22px;
  }
}
.tj_blog_wrap_2 .blog-item:not(:first-child) .blog-thumb {
  width: 243px;
  height: 260px;
}
.tj_blog_wrap_2 .blog-item:not(:first-child) .blog-content {
  width: calc(100% - 243px);
  -webkit-padding-start: 30px;
          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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_blog_wrap_2 .blog-item:first-child {
    grid-column: 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) {
  .tj_blog_wrap_2 .blog-item:first-child .blog-thumb {
    width: 100%;
    height: 480px;
  }
  .tj_blog_wrap_2 .blog-item:first-child .blog-content {
    padding: 20px 15px 15px 15px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj_blog_wrap_2 .blog-item:first-child .blog-thumb {
    height: 300px;
  }
  .tj_blog_wrap_2 .blog-item:first-child .blog-content .title {
    font-size: 25px;
    line-height: 1.333;
  }
  .tj_blog_wrap_2 .blog-item:not(:first-child) .blog-thumb {
    width: 200px;
    height: 210px;
  }
  .tj_blog_wrap_2 .blog-item:not(:first-child) .blog-content {
    width: calc(100% - 200px);
    padding: 15px;
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
}
@media (max-width: 575px) {
  .tj_blog_wrap .blog-item:first-child .blog-thumb {
    height: 270px;
  }
  .tj_blog_wrap .blog-item:first-child .blog-content {
    padding: 25px 5px 15px 5px;
  }
  .tj_blog_wrap .blog-item:first-child .blog-content .title {
    font-size: 20px;
    line-height: 1.333;
  }
  .tj_blog_wrap .blog-item:not(:first-child) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-thumb {
    height: 270px;
    width: 100%;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-content {
    width: 100%;
    padding: 25px 5px 15px 5px;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-content .blog-meta {
    margin-bottom: 18px;
  }
  .tj_blog_wrap .blog-item:not(:first-child) .blog-content .tj-text-btn {
    margin-top: 22px;
  }
}

.tj-pagination {
  margin-top: 60px;
}
.tj-pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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(--sc-surface-1);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-heading-primary);
  border: 1px solid var(--sc-border);
}
.tj-pagination ul li .page-numbers i {
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-pagination ul li .page-numbers.current, .tj-pagination ul li .page-numbers:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  border-color: var(--tj-color-theme-primary);
}
.tj-pagination ul li .page-numbers.current i, .tj-pagination ul li .page-numbers:hover i {
  color: var(--tj-color-theme-dark);
}
.tj-pagination ul li .page-numbers.prev, .tj-pagination ul li .page-numbers.next {
  font-size: 22px;
}

.tj-post-item {
  height: 100%;
  background-color: var(--sc-surface-1);
  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(--sc-surface-1);
  border-bottom-right-radius: 12px;
  z-index: 2;
}
.tj-post-item:hover .tj-post-thumb img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          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%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-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(--sc-ink-accent);
}
.tj-post-content .desc {
  margin-top: 15px;
}
.tj-post-content .desc:last-of-type {
  margin-bottom: 0;
}
.tj-post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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(--sc-ink-accent);
}
.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: -138px;
}

.cta-area {
  background-color: var(--tj-color-theme-primary);
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area {
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area {
    padding: 40px 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) {
  .cta-area {
    padding: 30px 20px;
    border-radius: 12px;
  }
}
.cta-content {
  max-width: 500px;
  width: 100%;
}
.cta-content .title {
  font-size: 74px;
  line-height: 1.025;
  color: var(--tj-color-theme-bg);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-content .title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-content .title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-content .title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-content .title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .cta-content .title {
    font-size: 43px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-content {
    max-width: 400px;
  }
}
.cta-right {
  max-width: 540px;
  width: 100%;
}
.cta-right .social-links {
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-right {
    max-width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-right {
    max-width: 450px;
  }
}

.subscribe-form {
  position: relative;
}
.subscribe-form input[type=email] {
  min-height: 64px;
  padding: 15px 60px 15px 25px;
  border: 0;
  border-radius: 8px;
  outline: 1px solid transparent;
}
.subscribe-form input[type=email]:focus {
  outline-color: var(--tj-color-theme-primary);
}
.subscribe-form input[type=checkbox] {
  position: relative;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-3);
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.subscribe-form input[type=checkbox]::before {
  content: "\e941";
  font-size: 19px;
  line-height: 1;
  font-family: "tekmino-icon" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-margin-start: -1px;
          margin-inline-start: -1px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.subscribe-form input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.subscribe-form input[type=checkbox]:checked::before {
  color: var(--tj-color-theme-dark);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.subscribe-form [type=submit],
.subscribe-form input[type=submit] {
  position: absolute;
  width: 64px;
  height: 64px;
  inset-inline-end: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 26px;
  line-height: 1;
  color: var(--sc-ink-accent);
}
.subscribe-form [type=submit] i,
.subscribe-form input[type=submit] i {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.subscribe-form [type=submit]:hover i, .subscribe-form [type=submit]:focus i,
.subscribe-form input[type=submit]:hover i,
.subscribe-form input[type=submit]:focus i {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.subscribe-form [type=submit]::before,
.subscribe-form input[type=submit]::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 20px;
  height: 24px;
  -webkit-border-start: 1px solid var(--sc-border);
          border-inline-start: 1px solid var(--sc-border);
}
.subscribe-form label {
  color: var(--tj-color-text-body);
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscribe-form label a {
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-sbold);
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.subscribe-form label a:hover {
  color: var(--sc-ink-accent);
}
@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;
  }
}
.subscribe-form.cta-form input[type=email] {
  background-color: var(--sc-surface-2);
  border-radius: 50px;
  color: var(--tj-color-heading-primary);
  padding: 6px 205px 6px 30px;
  min-height: 64px;
}
@media (max-width: 575px) {
  .subscribe-form.cta-form input[type=email] {
    padding: 5px 60px 5px 24px;
  }
}
.subscribe-form.cta-form input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-text-body);
}
.subscribe-form.cta-form input[type=email]::-moz-placeholder {
  color: var(--tj-color-text-body);
}
.subscribe-form.cta-form input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-text-body);
}
.subscribe-form.cta-form input[type=email]::-ms-input-placeholder {
  color: var(--tj-color-text-body);
}
.subscribe-form.cta-form input[type=email]::placeholder {
  color: var(--tj-color-text-body);
}
.subscribe-form.cta-form [type=submit],
.subscribe-form.cta-form input[type=submit] {
  width: auto;
  height: auto;
  top: 6px;
  inset-inline-end: 8px;
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
}
.subscribe-form.cta-form [type=submit] .btn-icon,
.subscribe-form.cta-form input[type=submit] .btn-icon {
  width: 42px;
  height: 42px;
  font-size: 20px;
}
.subscribe-form.cta-form [type=submit] .btn-icon i,
.subscribe-form.cta-form input[type=submit] .btn-icon i {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.subscribe-form.cta-form [type=submit]:not(:hover) .btn-icon::before,
.subscribe-form.cta-form input[type=submit]:not(:hover) .btn-icon::before {
  width: 42px;
  height: 42px;
}
@media (max-width: 575px) {
  .subscribe-form.cta-form [type=submit],
  .subscribe-form.cta-form input[type=submit] {
    padding: 5px;
    inset-inline-end: 5px;
    top: 5px;
    background-color: transparent;
    border: 0;
  }
  .subscribe-form.cta-form [type=submit] .btn-text,
  .subscribe-form.cta-form input[type=submit] .btn-text {
    display: none;
  }
  .subscribe-form.cta-form [type=submit] .btn-icon::before,
  .subscribe-form.cta-form input[type=submit] .btn-icon::before {
    width: 42px;
    height: 42px;
  }
}
.subscribe-form.cta-form [type=submit]::before,
.subscribe-form.cta-form input[type=submit]::before {
  display: none;
}
.subscribe-form.cta-form [type=submit]:hover .btn-icon::before,
.subscribe-form.cta-form input[type=submit]:hover .btn-icon::before {
  height: 42px;
}
.subscribe-form.cta-form [type=submit]:hover .btn-icon i,
.subscribe-form.cta-form input[type=submit]:hover .btn-icon i {
  -webkit-animation: bellShake 1s linear infinite;
          animation: bellShake 1s 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) {
  .subscribe-form.cta-form {
    width: 100%;
    margin-top: 15px;
  }
}

.social-links.cta-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.social-links.cta-social .title {
  color: var(--tj-color-theme-dark);
}
.social-links.cta-social ul li a {
  background-color: var(--sc-surface-2);
  color: var(--sc-ink-accent);
}
.social-links.cta-social ul li a::before {
  display: none;
}
.social-links.cta-social ul li a:hover {
  color: var(--tj-color-common-white);
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-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) {
  .social-links.cta-social {
    margin-top: 20px;
  }
}

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

.countup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.countup-item.style-2 {
  padding-right: 40px;
}
.countup-item.style-2 .count-separator.sep-2::before {
  -webkit-animation-name: running;
          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;
  transition: all 0.4s linear 0s;
}
.countup-item.style-2:hover .count-icon i {
  -webkit-transform: rotateY(360deg);
          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(--sc-ink-accent);
  font-size: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}

.inline-content {
  color: var(--tj-color-common-white);
  font-size: 74px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .inline-content {
    font-size: 64px;
  }
}
@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: 54px;
  }
}

.count-text {
  color: var(--tj-color-text-body);
  font-size: 18px;
  font-weight: var(--tj-fw-medium);
  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) {
  .tj-countup-section-2 {
    background-color: var(--sc-surface-1);
    border-radius: 12px;
  }
}

.funfact-3 {
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 16px;
  gap: 0;
}
.funfact-3 .countup-item {
  max-width: 25%;
  padding: 40px 32px 35px;
}
.funfact-3 .countup-item:not(:last-child)::after {
  height: 100%;
  inset-inline-end: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.funfact-3 .countup-item:not(:last-child)::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 20px;
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 1;
  -webkit-animation: running-2 4s linear infinite;
          animation: running-2 4s linear infinite;
}
@media (max-width: 575px) {
  .funfact-3 .countup-item:not(:last-child)::before {
    -webkit-animation: movingHorizontal 4s linear infinite;
            animation: movingHorizontal 4s linear infinite;
  }
}
.funfact-3 .countup-item:nth-child(2)::before {
  -webkit-animation: running-2 4s linear infinite 2s;
          animation: running-2 4s linear infinite 2s;
}
@media (max-width: 575px) {
  .funfact-3 .countup-item:nth-child(2)::before {
    -webkit-animation: movingHorizontal 4s linear infinite 2s;
            animation: movingHorizontal 4s linear infinite 2s;
  }
}
.funfact-3 .countup-item .inline-content {
  font-size: 74px;
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-3 .countup-item .inline-content {
    font-size: 64px;
  }
}
@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-3 .countup-item .inline-content {
    font-size: 54px;
  }
}
.funfact-3 .countup-item .countup-icon {
  font-size: 50px;
  color: var(--sc-ink-accent);
  margin-bottom: 20px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .funfact-3 .countup-item .countup-icon {
    font-size: 48px;
  }
}
@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-3 .countup-item .countup-icon {
    font-size: 45px;
  }
}
.funfact-3 .countup-item .count-text {
  font-size: 18px;
}
@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) {
  .funfact-3 .countup-item .count-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .funfact-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .funfact-3 .countup-item {
    max-width: 50%;
  }
  .funfact-3 .countup-item:nth-child(2n)::after, .funfact-3 .countup-item:nth-child(2n)::before {
    display: none;
    inset-inline-end: auto;
    -webkit-border-end: 0;
            border-inline-end: 0;
  }
  .funfact-3 .countup-item:not(:last-child, :nth-last-child(2)) {
    border-bottom: 1px solid var(--sc-border);
  }
}
@media (max-width: 575px) {
  .funfact-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .funfact-3 .countup-item {
    max-width: 100%;
  }
  .funfact-3 .countup-item:not(:last-child)::after {
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--sc-border);
    inset-inline-start: 0;
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
  }
  .funfact-3 .countup-item:not(:last-child)::before {
    inset-inline-end: 50%;
    top: auto;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
            transform: translate(50%, 50%);
  }
}

/* !END: Countup CSS */
/**----------------------------------------
START: Working process CSS
----------------------------------------*/
.process-area {
  position: relative;
  z-index: 1;
}

.process-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
  position: relative;
  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) {
  .process-wrap {
    grid-template-columns: 100%;
  }
}
.process-item {
  border-radius: 10px;
  padding: 90px 35px 50px 35px;
  position: relative;
  z-index: 1;
}
.process-item::before {
  content: "";
  background-color: var(--sc-surface-1);
  -webkit-mask-image: url(../images/shapes/process-item-bg.svg);
          mask-image: url(../images/shapes/process-item-bg.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: top center;
          mask-position: top center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
}
.process-item:hover .process-step {
  -webkit-transform: translateX(-50%) rotate(90deg);
      -ms-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
}
.process-item.style-2::before {
  background-color: var(--sc-surface-2);
  -webkit-mask-image: url(../images/shapes/h3-process-item-bg.svg);
          mask-image: url(../images/shapes/h3-process-item-bg.svg);
}
.process-item.style-2 .process-step {
  -webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit;
  -webkit-transform: translateX(-50%) rotate(0);
      -ms-transform: translateX(-50%) rotate(0);
          transform: translateX(-50%) rotate(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) {
  .process-item {
    max-width: 420px;
    margin-top: 40px;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
  .process-item:first-child {
    margin-top: 0;
  }
}
@media (max-width: 400px) {
  .process-item {
    padding: 90px 20px 35px 20px;
  }
}
.process-step {
  width: 80px;
  height: 80px;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  color: var(--tj-color-theme-dark);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-writing-mode: sideways-lr;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.02em;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.process-content .title {
  max-width: 250px;
  width: 100%;
  margin-bottom: 18px;
}
.process-content .desc {
  margin-bottom: 0;
}

.process-border {
  position: absolute;
  top: 56%;
  left: 50%;
  width: 100%;
  height: 4px;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-mask-image: url(../images/shapes/process-line.svg);
          mask-image: url(../images/shapes/process-line.svg);
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-position: center center;
          mask-position: center center;
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 164, 79, 0)), color-stop(50%, var(--tj-color-theme-primary)), to(rgba(232, 164, 79, 0)));
  background: linear-gradient(90deg, rgba(232, 164, 79, 0) 0%, var(--tj-color-theme-primary) 50%, rgba(232, 164, 79, 0) 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) {
  .process-border {
    width: 850px;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
  }
}

.h3-working-process-section-wrap {
  position: relative;
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
.h3-working-process-section-wrap .bg-img {
  opacity: 0.12;
  mix-blend-mode: luminosity;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h3-working-process-section-wrap {
    border-radius: 12px;
  }
}

.working-process-section-2-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
.working-process-section-2-wrap .sec-heading {
  max-width: 550px;
}
.working-process-section-2-wrap .sec-heading .desc {
  margin-top: 18px;
  margin-bottom: 24px;
  max-width: 350px;
  color: var(--tj-color-text-body-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) {
  .working-process-section-2-wrap {
    border-radius: 12px;
  }
}

.process-wrap-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  position: relative;
  max-width: 420px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .process-wrap-2 {
    max-width: calc(100% - 108px);
  }
}
@media (max-width: 575px) {
  .process-wrap-2 {
    max-width: 100%;
    gap: 120px;
    margin-top: 85px;
  }
}
.process-border-2 {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  inset-inline-start: -75px;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-mask-image: url(../images/shapes/process-line-2.svg);
          mask-image: url(../images/shapes/process-line-2.svg);
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-position: top center;
          mask-position: top center;
  background: var(--tj-color-text-body-2);
  opacity: 0.15;
}
.process-item-2 {
  position: relative;
}
.process-item-2::before {
  content: "";
  position: absolute;
  top: -1px;
  width: 4px;
  height: 100%;
  inset-inline-start: -76px;
  z-index: -1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-mask-image: url(../images/shapes/process-line-2.svg);
          mask-image: url(../images/shapes/process-line-2.svg);
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-position: top center;
          mask-position: top center;
  background: var(--tj-color-theme-primary);
  opacity: 0;
}
.process-item-2 .process-content {
  padding: 30px 34px 32px 35px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .process-item-2 .process-content {
    padding: 30px 20px;
  }
}
.process-item-2 .process-step {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  margin-bottom: 0;
  background-color: var(--sc-surface-3);
  position: absolute;
  top: 50%;
  left: auto;
  inset-inline-start: -75px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  line-height: 1;
  z-index: 1;
  -webkit-writing-mode: inherit;
      -ms-writing-mode: inherit;
          writing-mode: inherit;
}
.process-item-2 .process-step::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.process-item-2.active::before {
  opacity: 1;
}
.process-item-2.active .process-content {
  -webkit-margin-start: -10px;
          margin-inline-start: -10px;
}
.process-item-2.active .process-step::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
@media (max-width: 575px) {
  .process-border-2 {
    inset-inline-start: 50%;
    top: -55px;
  }
  .process-item-2::before {
    inset-inline-start: 50%;
    top: -55px;
  }
  .process-item-2 .process-step {
    inset-inline-start: 50%;
    top: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .process-border-2 {
    inset-inline-start: -50px;
  }
  .process-item-2::before {
    inset-inline-start: -50px;
  }
  .process-item-2 .process-step {
    inset-inline-start: -50px;
  }
}

/* !END: Working process CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.tj-contact-section {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.tj-contact-section .sec-heading {
  max-width: 500px;
  margin-bottom: 0;
}
.tj-contact-section .bg-img {
  opacity: 0.12;
  mix-blend-mode: luminosity;
}
.tj-contact-section::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 30%;
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  -webkit-filter: blur(75px);
  filter: blur(75px);
  opacity: 0.1;
  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-contact-section {
    border-radius: 12px;
  }
}

.map-area {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--sc-surface-1);
  padding: 15px;
}
.map-area iframe,
.map-area #map {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
  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) {
  .map-area {
    height: auto;
    margin-top: 30px;
  }
}
.map-area .leaflet-container {
  background: transparent;
}
.map-area .custom-marker {
  font-size: 45px;
  font-family: "tekmino-icon" !important;
}
.map-area .custom-marker::before {
  color: var(--sc-ink-accent);
}

.contact-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding-bottom: 25px;
}
.contact-left .contact-info {
  margin-top: 25px;
}

.contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.contact-info .contact-item {
  max-width: 205px;
  width: 100%;
}
.contact-info .contact-item:not(:last-child) {
  padding-right: 15px;
  border-right: 1px solid var(--sc-border);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .contact-info .contact-item:not(:last-child) {
    border: 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 .title {
  color: var(--tj-color-common-white);
  font-size: 16px;
  font-family: var(--tj-ff-body);
  font-weight: var(--tj-fw-sbold);
  letter-spacing: 0;
}
.contact-info .contact-item a.contact-link {
  color: var(--tj-color-text-body);
}
.contact-info .contact-item a.contact-link:hover {
  color: var(--tj-color-common-white);
}
.contact-info .contact-item a.contact-link:last-child {
  color: var(--sc-ink-accent);
  position: relative;
}
.contact-info .contact-item a.contact-link:last-child::after {
  content: "";
  position: absolute;
  bottom: 4px;
  inset-inline-end: 0;
  width: 100%;
  height: 1px;
  background-color: var(--tj-color-theme-primary);
}
.contact-info .contact-item a.contact-link:last-child:hover {
  color: var(--sc-ink-accent);
}
.contact-info .contact-item a.contact-link:last-child:hover::after {
  -webkit-animation: lineHover 0.8s linear;
          animation: lineHover 0.8s linear;
}
.contact-info .contact-item .contact-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.contact-info .contact-item .contact-link span {
  color: var(--sc-ink-accent);
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
@media (max-width: 575px) {
  .contact-info {
    gap: 20px;
  }
}

.contact-form {
  background-color: var(--sc-surface-1);
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  padding: 60px 35px;
  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: 20px;
  position: relative;
}
.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-text-body-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-text-body-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-text-body-2);
}
.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-text-body-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-text-body-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-text-body-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-text-body-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-text-body-2);
}
@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: 10px;
  }
}
.contact-form .form-input .cf-label {
  font-size: 16px;
  color: var(--tj-color-text-body-2);
  margin-bottom: 9px;
}
.contact-form .form-input .cf-label span {
  color: var(--sc-ink-accent);
}
.contact-form .form-input .nice-select {
  color: var(--tj-color-text-body-2);
  line-height: 1.625;
  margin-bottom: 20px;
}
.contact-form .form-input .nice-select .list {
  width: 100%;
  border-radius: 8px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  padding: 10px 0;
}
.contact-form .form-input .nice-select .list .option {
  padding: 0 15px;
}
.contact-form .form-input .nice-select .list .option:hover, .contact-form .form-input .nice-select .list .option.focus {
  color: var(--sc-ink-accent);
  background-color: transparent;
}
.contact-form .form-input .nice-select .list .option.selected {
  background-color: transparent;
  font-weight: normal;
}
.contact-form .form-input .nice-select::after {
  border-color: var(--tj-color-theme-dark-3);
  width: 8px;
  height: 8px;
  top: 20px;
  right: 17px;
}
@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;
}
.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%;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    padding: 35px 20px 40px;
  }
}
.contact-form.style-2 {
  background-color: var(--sc-surface-2);
  max-width: 610px;
  width: 100%;
  border: 1px solid var(--sc-border);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  padding: 60px 50px;
}
.contact-form.style-2 .title {
  margin-bottom: 35px;
}
.contact-form.style-2 .title span {
  color: var(--sc-ink-accent);
}
@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: 22px;
  position: relative;
}
.contact-form.style-2 .form-input.message-input {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .contact-form.style-2 .form-input.message-input {
    margin-bottom: 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] {
  background-color: var(--sc-surface-1);
  color: var(--tj-color-heading-primary);
  padding: 8px 20px;
}
.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:-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::-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:-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::-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 .nice-select {
  background-color: var(--sc-surface-1);
  padding: 8px 20px;
}
.contact-form.style-2 .form-input .nice-select .list {
  background-color: var(--sc-surface-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-form.style-2 {
    padding: 50px 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) {
  .contact-form.style-2 {
    padding: 35px 20px 40px 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.style-2 {
    max-width: 100%;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
.contact-form-3 .form-input select,
.contact-form-3 .form-input .nice-select,
.contact-form-3 .form-input input[type=search],
.contact-form-3 .form-input input[type=tel],
.contact-form-3 .form-input input[type=text],
.contact-form-3 .form-input input[type=email],
.contact-form-3 .form-input input[type=url],
.contact-form-3 .form-input textarea {
  padding: 12px 20px;
}
.contact-form-3 .form-input select::-webkit-input-placeholder, .contact-form-3 .form-input .nice-select::-webkit-input-placeholder, .contact-form-3 .form-input input[type=search]::-webkit-input-placeholder, .contact-form-3 .form-input input[type=tel]::-webkit-input-placeholder, .contact-form-3 .form-input input[type=text]::-webkit-input-placeholder, .contact-form-3 .form-input input[type=email]::-webkit-input-placeholder, .contact-form-3 .form-input input[type=url]::-webkit-input-placeholder, .contact-form-3 .form-input textarea::-webkit-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form-3 .form-input select::-moz-placeholder, .contact-form-3 .form-input .nice-select::-moz-placeholder, .contact-form-3 .form-input input[type=search]::-moz-placeholder, .contact-form-3 .form-input input[type=tel]::-moz-placeholder, .contact-form-3 .form-input input[type=text]::-moz-placeholder, .contact-form-3 .form-input input[type=email]::-moz-placeholder, .contact-form-3 .form-input input[type=url]::-moz-placeholder, .contact-form-3 .form-input textarea::-moz-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form-3 .form-input select:-ms-input-placeholder, .contact-form-3 .form-input .nice-select:-ms-input-placeholder, .contact-form-3 .form-input input[type=search]:-ms-input-placeholder, .contact-form-3 .form-input input[type=tel]:-ms-input-placeholder, .contact-form-3 .form-input input[type=text]:-ms-input-placeholder, .contact-form-3 .form-input input[type=email]:-ms-input-placeholder, .contact-form-3 .form-input input[type=url]:-ms-input-placeholder, .contact-form-3 .form-input textarea:-ms-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form-3 .form-input select::-ms-input-placeholder, .contact-form-3 .form-input .nice-select::-ms-input-placeholder, .contact-form-3 .form-input input[type=search]::-ms-input-placeholder, .contact-form-3 .form-input input[type=tel]::-ms-input-placeholder, .contact-form-3 .form-input input[type=text]::-ms-input-placeholder, .contact-form-3 .form-input input[type=email]::-ms-input-placeholder, .contact-form-3 .form-input input[type=url]::-ms-input-placeholder, .contact-form-3 .form-input textarea::-ms-input-placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form-3 .form-input select::placeholder,
.contact-form-3 .form-input .nice-select::placeholder,
.contact-form-3 .form-input input[type=search]::placeholder,
.contact-form-3 .form-input input[type=tel]::placeholder,
.contact-form-3 .form-input input[type=text]::placeholder,
.contact-form-3 .form-input input[type=email]::placeholder,
.contact-form-3 .form-input input[type=url]::placeholder,
.contact-form-3 .form-input textarea::placeholder {
  color: var(--tj-color-text-body-2);
}
.contact-form-3 .form-input textarea {
  height: 205px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form-3 .form-input textarea {
    height: 170px;
  }
}

.contact-item.style-2 {
  padding: 30px 25px 40px;
  background-color: var(--sc-surface-1);
  text-align: center;
  border-radius: 10px;
}
@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-theme-dark);
}
.contact-item.style-2 .contact-icon {
  width: 88px;
  height: 88px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  margin-bottom: 22px;
  -webkit-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(--sc-ink-accent);
}
.contact-item.style-2 .contact-title {
  font-size: 24px;
  font-weight: var(--tj-fw-sbold);
  letter-spacing: -0.02em;
  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(--sc-ink-accent);
}
.contact-item.style-2 .contact-list li.active a {
  font-weight: var(--tj-fw-sbold);
  color: var(--sc-ink-accent);
}

/* !END: Contact CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.tj-hero-slider .slider_navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  z-index: 2;
  margin-top: -120px;
  pointer-events: none;
}
.tj-hero-slider .slider_navigation .slider-prev,
.tj-hero-slider .slider_navigation .slider-next {
  width: 60px;
  height: 60px;
  border-color: rgba(246, 247, 247, 0.12);
  font-size: 22px;
  pointer-events: all;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-hero-slider .slider_navigation {
    -webkit-margin-start: 70px;
            margin-inline-start: 70px;
  }
}
@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-hero-slider .slider_navigation {
    margin-top: -100px;
  }
  .tj-hero-slider .slider_navigation .slider-prev,
  .tj-hero-slider .slider_navigation .slider-next {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-hero-slider .slider_navigation {
    margin-top: -90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-hero-slider .slider_navigation {
    margin-top: -80px;
  }
}

.slider_socials {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-writing-mode: sideways-lr;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
  font-size: 16px;
  color: var(--tj-color-text-body);
  gap: 15px;
  position: absolute;
  left: 30px;
  top: calc(50% + 20px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
.slider_socials ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-writing-mode: sideways-lr;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
  gap: 10px;
}
.slider_socials ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.slider_socials ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(40px);
  border-radius: 50%;
  font-size: 15px;
  color: var(--tj-color-heading-primary);
  line-height: 1;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 1;
  overflow: hidden;
}
.slider_socials ul li a i,
.slider_socials ul li a svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.slider_socials ul li a svg {
  max-width: 15px;
  height: auto;
}
.slider_socials ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 100%;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.slider_socials ul li a:hover {
  color: var(--tj-color-theme-dark);
}
.slider_socials ul li a:hover::before {
  left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider_socials {
    top: 50%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_socials {
    top: 50%;
    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) {
  .slider_socials {
    display: none;
  }
}

.tj_slider_item {
  position: relative;
  z-index: 1;
}
.tj_slider_item .slider-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.tj_slider_item .slider-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#0a0a09), to(rgba(10, 10, 9, 0)));
  background-image: linear-gradient(90deg, #0a0a09 0%, rgba(10, 10, 9, 0) 100%);
  pointer-events: none;
}
.tj_slider_item .slier_content_wrapper {
  position: relative;
  z-index: 1;
  min-height: 880px;
  padding-top: 155px;
  padding-bottom: 155px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.tj_slider_item .slider_content {
  max-width: 678px;
  width: 100%;
}
.tj_slider_item .slider_content .sub-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: var(--tj-color-text-body);
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  letter-spacing: 0;
  background-color: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(40px);
  padding: 6px 10px;
  border-radius: 40px;
  margin-bottom: 18px;
}
.tj_slider_item .slider_content .sub-title i,
.tj_slider_item .slider_content .sub-title svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--sc-ink-accent);
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
}
.tj_slider_item .slider_content .sub-title svg {
  max-width: 16px;
  height: auto;
}
.tj_slider_item .slider_content .title {
  margin-bottom: 0;
  font-size: 94px;
  line-height: 1;
  letter-spacing: -0.03em;
}
.tj_slider_item .slider_content .desc {
  max-width: 475px;
  width: 100%;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.56;
}
.tj_slider_item .slider_content .slider_btn {
  margin-top: 22px;
}
.tj_slider_item.swiper-slide .slider_content .sub-title,
.tj_slider_item.swiper-slide .slider_content .title,
.tj_slider_item.swiper-slide .slider_content .desc,
.tj_slider_item.swiper-slide .slider_content .slider_btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .sub-title,
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .title,
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .desc,
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .slider_btn {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .sub-title {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .title {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .desc {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.tj_slider_item.swiper-slide.swiper-slide-active .slider_content .slider_btn {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj_slider_item .slier_content_wrapper {
    min-height: 100vh;
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .tj_slider_item .slider_content {
    -webkit-margin-start: 70px;
            margin-inline-start: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj_slider_item .slider_content {
    max-width: 575px;
  }
  .tj_slider_item .slider_content .title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj_slider_item .slier_content_wrapper {
    min-height: 100vh;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .tj_slider_item .slider_content {
    max-width: 500px;
    -webkit-margin-start: 70px;
            margin-inline-start: 70px;
  }
  .tj_slider_item .slider_content .title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj_slider_item .slier_content_wrapper {
    min-height: 650px;
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .tj_slider_item .slider_content {
    max-width: 450px;
  }
  .tj_slider_item .slider_content .title {
    font-size: 60px;
  }
  .tj_slider_item .slider_content .desc {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_slider_item .slier_content_wrapper {
    min-height: 700px;
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .tj_slider_item .slider_content {
    max-width: 425px;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  .tj_slider_item .slider_content .title {
    font-size: 56px;
  }
  .tj_slider_item .slider_content .desc {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .tj_slider_item .slider_content {
    max-width: 360px;
  }
  .tj_slider_item .slider_content .title {
    font-size: 46px;
  }
}

.tj-features-section .tj_features_wrap {
  margin-top: -152px;
}
@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-features-section .tj_features_wrap {
    margin-top: 0;
  }
}

.tj_features_wrap {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  padding: 10px 10px 0 10px;
  background-color: var(--sc-surface-2);
  border-radius: 12px 12px 0 0;
}
.tj_features_wrap::after, .tj_features_wrap::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -12px;
  width: 12px;
  height: 25px;
  -webkit-box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
          box-shadow: 0 12px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 12px 0;
  z-index: -1;
}
.tj_features_wrap::after {
  left: auto;
  right: -12px;
  border-radius: 0 0 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj_features_wrap {
    padding: 15px 0 0 0;
    gap: 15px;
  }
  .tj_features_wrap .feature_item {
    max-width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj_features_wrap {
    padding: 15px 0 0 0;
    gap: 15px;
  }
  .tj_features_wrap .feature_item {
    max-width: 100%;
  }
}

.feature_item {
  max-width: 360px;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-1);
  border-radius: 8px;
  padding: 20px;
  gap: 15px;
}
.feature_item .feature_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  font-size: 40px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
}
.feature_item .feature_icon i,
.feature_item .feature_icon svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.feature_item .feature_icon svg {
  max-width: 40px;
  height: auto;
}
.feature_item .feature_content {
  width: calc(100% - 85px);
  padding-top: 10px;
}
.feature_item .feature_content .title {
  margin: 0;
}
.feature_item .feature_content .desc {
  margin-top: 7px;
}
@media (max-width: 575px) {
  .feature_item .feature_icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
  .feature_item .feature_icon svg {
    max-width: 30px;
  }
  .feature_item .feature_content {
    width: calc(100% - 75px);
  }
}

/* !END: Slider CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.tj-team-section .sec-heading .desc {
  max-width: 262px;
  margin-bottom: 0;
}

.team-item {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  padding: 10px;
}
.team-item .team-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}
.team-item .team-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
          transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
}
.team-item .social-links {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: var(--sc-surface-1);
  border-top-left-radius: 10px;
  padding: 15px 5px 0 15px;
  z-index: 2;
}
.team-item .social-links::after, .team-item .social-links::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -20px;
  right: 0;
  width: 10px;
  height: 20px;
  -webkit-box-shadow: 0 10px 0 0 var(--tj-color-theme-bg);
          box-shadow: 0 10px 0 0 var(--tj-color-theme-bg);
  border-bottom-right-radius: 10px;
  z-index: -1;
}
.team-item .social-links::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -10px;
}
.team-item .social-links .share-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--tj-color-theme-primary);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  color: var(--tj-color-theme-dark);
  line-height: 1;
  position: absolute;
  right: 5px;
  bottom: 0;
  z-index: 2;
}
.team-item .social-links ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.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 {
  background-color: var(--tj-color-theme-dark-3);
}
.team-item .social-links ul li a:hover {
  opacity: 1;
}
.team-item .team-content {
  padding: 22px 20px 12px 20px;
  width: 100%;
}
@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 {
  display: block;
  margin-bottom: 0;
}
.team-item .title a:hover {
  color: var(--sc-ink-accent);
}
.team-item .designation {
  font-size: 14px;
  color: var(--tj-color-text-body-2);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.team-item:hover .team-img img {
  -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0.05deg) scaleX(1.1) scaleY(1.1) !important;
          transform: perspective(600px) rotateX(0deg) rotateY(0.05deg) scaleX(1.1) scaleY(1.1) !important;
}
.team-item:hover .share-icon {
  opacity: 0;
  visibility: hidden;
}
.team-item:hover ul {
  gap: 10px;
  opacity: 1;
}
.team-item:hover ul li {
  margin: 0;
}

.social-links ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.social-links ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-dark-2);
  color: var(--tj-color-common-white);
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.social-links ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 100%;
  left: 0;
  background-color: var(--tj-color-theme-primary);
  z-index: -1;
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.social-links ul li a:hover {
  color: var(--tj-color-theme-dark);
}
.social-links ul li a:hover::before {
  top: 0;
}

/* !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__img {
  background-color: var(--sc-surface-2);
}
.team-details__img img {
  border-radius: 12px;
  width: 100%;
}
.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-2);
  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(--sc-surface-1);
}
.team-details__contact-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--sc-surface-1);
  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 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.team-details__contact-info ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 25px 28px;
  border-right: 1px solid var(--sc-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 575px) {
  .team-details__contact-info ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid var(--sc-border);
  }
}
.team-details__contact-info ul span {
  color: var(--tj-color-text-body-2);
  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;
}
@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 {
  color: var(--sc-ink-accent);
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--sc-surface-1);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 25px 0;
  border-radius: 12px;
  list-style: none;
  border-radius: 10px;
}
.team-details__experience__list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border: 1px solid var(--sc-border);
  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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 22px;
  width: 100%;
  height: 22px;
  font-size: 14px;
  color: var(--tj-color-theme-dark);
  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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    border-right: 0;
  }
  .team-details__experience__list ul li:nth-last-child(2) {
    border-bottom: 1px solid var(--sc-border);
  }
}

.contact-team-details-inner {
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  padding: 80px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-team-details-inner .sec-heading {
    -webkit-padding-end: 30px;
            padding-inline-end: 30px;
  }
}
.contact-team-details-inner .desc {
  margin-top: 20px;
}
.contact-team-details-inner .contact-form {
  background-color: var(--sc-surface-2);
  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;
  }
}
.contact-team-details-inner .contact-form .nice-select {
  background-color: var(--sc-surface-2);
}
@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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.contact-team-details-message a i {
  color: var(--sc-ink-accent);
}
.contact-team-details-message a:hover {
  color: var(--sc-ink-accent);
}

/* !END: Team Details CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/
.toggle_switcher {
  cursor: pointer;
  display: inline-block;
}
.toggle_switcher .toggle-checkbox {
  position: absolute;
  visibility: hidden;
}
.toggle_switcher .toggle-checkbox:checked + .toggle-switch {
  background-color: var(--sc-surface-1);
}
.toggle_switcher .toggle-checkbox:checked + .toggle-switch::before {
  left: 37px;
}
.toggle_switcher .toggle-switch {
  display: inline-block;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 43px;
  width: 70px;
  height: 36px;
  position: relative;
  vertical-align: middle;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.toggle_switcher .toggle-switch::before, .toggle_switcher .toggle-switch::after {
  content: "";
}
.toggle_switcher .toggle-switch::before {
  display: block;
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 4px;
  left: 5px;
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}

.price_switcher {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: var(--tj-fw-sbold);
  font-size: 16px;
  line-height: 1.5;
  color: var(--tj-color-text-body);
}
.price_switcher p {
  margin: 0;
}
.price_switcher span {
  color: var(--sc-ink-accent);
}

.tj-pricing-section .price_switcher {
  margin-top: 30px;
}

.pricing_items_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.pricing_items_wrap .pricing_item {
  width: calc(33.333% - 20px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_items_wrap .pricing_item {
    width: calc(50% - 15px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pricing_items_wrap .pricing_item {
    width: 100%;
  }
}

.pricing_item {
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-1);
  border-radius: 10px;
  padding: 40px 30px;
}
.pricing_item .package_name {
  letter-spacing: -0.02em;
  margin: 0;
}
.pricing_item .package_desc {
  margin-top: 10px;
}
.pricing_item .package_price {
  display: -webkit-box;
  display: -ms-flexbox;
  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: 30px 0 40px;
}
.pricing_item .package_price .currency {
  font-size: 24px;
}
.pricing_item .package_price .period {
  font-size: 16px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  margin-top: auto;
}
.pricing_item .pricing_btn {
  width: 100%;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 60px;
  padding: 17px 20px;
}
.pricing_item .pricing_btn .btn-text {
  color: var(--tj-color-heading-primary);
}
.pricing_item .pricing_btn .btn-text > span {
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.pricing_item .pricing_btn .btn-text i,
.pricing_item .pricing_btn .btn-text svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 10px;
}
.pricing_item .pricing_btn .btn-text svg {
  max-width: 10px;
  height: auto;
}
.pricing_item .pricing_btn:hover {
  border-color: var(--tj-color-theme-primary);
}
.pricing_item .pricing_btn:hover .btn-text {
  color: var(--sc-ink-accent);
}
.pricing_item .pricing_btn:hover .btn-text > span {
  text-shadow: 0 30px 0 currentColor;
}
.pricing_item .pricing_features {
  margin-top: 40px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20px;
}
.pricing_item .pricing_features > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 10px;
}
.pricing_item .pricing_features > li i,
.pricing_item .pricing_features > li svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 18px;
  color: var(--sc-ink-accent);
  margin-top: 4px;
}
.pricing_item .pricing_features > li svg {
  max-width: 18px;
  height: auto;
}
.pricing_item.recommend {
  border-color: var(--tj-color-theme-primary);
  border-width: 2px;
  background-color: var(--sc-surface-2);
}
.pricing_item.recommend .pricing_btn {
  border-color: var(--tj-color-theme-primary);
  background-color: var(--tj-color-theme-primary);
}
.pricing_item.recommend .pricing_btn .btn-text {
  color: var(--tj-color-theme-dark);
}
.pricing_item.recommend .pricing_btn:hover {
  background-color: var(--sc-surface-2);
}
.pricing_item.recommend .pricing_btn:hover .btn-text {
  color: var(--sc-ink-accent);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .pricing_item {
    padding: 30px 20px;
  }
}

.pricing_items_wrap_2 .pricing_item .pricing_btn {
  border-color: var(--tj-color-theme-primary);
}
.pricing_items_wrap_2 .pricing_item.recommend {
  background-color: var(--tj-color-theme-primary);
}
.pricing_items_wrap_2 .pricing_item.recommend .package_name {
  color: var(--tj-color-theme-dark);
}
.pricing_items_wrap_2 .pricing_item.recommend .package_desc {
  color: var(--tj-color-theme-dark);
}
.pricing_items_wrap_2 .pricing_item.recommend .package_price {
  color: var(--tj-color-theme-dark);
}
.pricing_items_wrap_2 .pricing_item.recommend .package_price .period {
  color: var(--tj-color-theme-dark);
}
.pricing_items_wrap_2 .pricing_item.recommend .pricing_btn {
  background-color: var(--sc-surface-2);
}
.pricing_items_wrap_2 .pricing_item.recommend .pricing_btn .btn-text {
  color: var(--tj-color-heading-primary);
}
.pricing_items_wrap_2 .pricing_item.recommend .pricing_features > li {
  color: var(--tj-color-theme-dark);
}
.pricing_items_wrap_2 .pricing_item.recommend .pricing_features > li i,
.pricing_items_wrap_2 .pricing_item.recommend .pricing_features > li svg {
  color: var(--tj-color-theme-dark);
}

/* !END: Pricing CSS */
/**----------------------------------------
START: Progress bar CSS
----------------------------------------*/
.tj-progress {
  width: 100%;
  padding: 0;
  margin: 0;
  height: 4px;
  background: var(--sc-surface-1);
  position: relative;
  z-index: 0;
}
.tj-progress-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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-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;
  inset-inline-end: 0;
  bottom: 11px;
  z-index: 2;
}

/* !END: Progress bar CSS */
/**----------------------------------------
START: Breadcrumb CSS
----------------------------------------*/
.tj-page-header {
  position: relative;
  margin: 0 30px;
  background-color: var(--sc-surface-1);
  padding-top: 272px;
  padding-bottom: 151px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-page-header {
    padding-top: 242px;
    padding-bottom: 131px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-page-header {
    padding-top: 232px;
    padding-bottom: 121px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-page-header {
    padding-top: 150px;
    padding-bottom: 82px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-page-header {
    padding-top: 140px;
    padding-bottom: 72px;
    border-radius: 12px;
  }
}
.tj-page-header::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  bottom: -30px;
  left: 57%;
  -webkit-filter: blur(173px);
          filter: blur(173px);
  backdrop-filter: inherit;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  opacity: 1;
  z-index: -1;
}
.tj-page-header .hero-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  mix-blend-mode: luminosity;
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}
.tj-page-title {
  color: var(--tj-color-heading-primary);
  line-height: 1;
  margin-bottom: 0;
}
.tj-page-link {
  margin-top: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  position: relative;
  border-radius: 40px;
  background: rgba(250, 251, 251, 0.08);
  backdrop-filter: blur(20px);
  padding: 5px 12px;
  z-index: 2;
}
.tj-page-link span {
  color: var(--tj-color-heading-primary);
  font-size: 16px;
  font-weight: var(--tj-fw-medium);
  position: relative;
  display: inline-block;
  line-height: 1;
}
.tj-page-link span i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: 20px;
  color: var(--sc-ink-accent);
}
.tj-page-link span:not(:first-child) i {
  font-size: 12px;
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7px;
  margin-top: 2px;
}
.tj-page-link span a {
  color: var(--tj-color-text-body);
}
.tj-page-link span a:hover {
  color: var(--tj-color-heading-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: Blog Details CSS
----------------------------------------*/
.post-details-wrapper .blog-images {
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.post-details-wrapper .blog-images iframe {
  max-width: 100%;
}
.post-details-wrapper .blog-images .video-btn {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.post-details-wrapper .blog-images .video-btn .video-icon {
  font-size: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .post-details-wrapper .blog-images .video-btn .video-icon {
    width: 70px;
    height: 70px;
  }
}
.post-details-wrapper .blog-images .video-btn::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(232, 164, 79, 0.1);
  -webkit-animation: pulse2 2s linear infinite;
          animation: pulse2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.post-details-wrapper .tj-post-slider {
  margin-bottom: 25px;
}
.post-details-wrapper .title {
  line-height: 1.1667;
  margin-bottom: 14px;
}
.post-details-wrapper p {
  margin-bottom: 16px;
}
.post-details-wrapper p:last-child {
  margin-bottom: 0;
}
.post-details-wrapper .images-wrap {
  margin-top: 28px;
}
.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-top: 44px;
  margin-bottom: 15px;
}
.post-details-wrapper .blog-text ul {
  margin-top: 30px;
  margin-bottom: 37px;
  list-style: none;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.post-details-wrapper .blog-text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--tj-color-heading-primary);
  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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 15px;
  line-height: 1;
  margin-top: 3px;
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
}
@media (max-width: 575px) {
  .post-details-wrapper .blog-text ul {
    margin-bottom: 30px;
    -webkit-columns: 1;
       -moz-columns: 1;
            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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  height: 90px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-theme-primary);
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
}
.post-details-wrapper .blog-text .blog-video .video-btn span {
  font-size: 20px;
}
.post-details-wrapper .blog-text .blog-video .video-btn::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(232, 164, 79, 0.1);
  -webkit-animation: pulse2 2s linear infinite;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  padding: 25px 0;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-category-two {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-category-two {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-category-two {
    padding: 20px;
    gap: 20px;
  }
}
.blog-category-two .category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-border-end: 1px solid var(--sc-border);
          border-inline-end: 1px solid var(--sc-border);
  padding: 0 30px;
  gap: 10px;
  width: 33.33%;
}
.blog-category-two .category-item:last-child {
  -webkit-border-end: none;
          border-inline-end: none;
}
.blog-category-two .category-item .cate-images {
  width: 52px;
  height: 52px;
}
.blog-category-two .category-item .cate-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     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-text-body-2);
  font-size: 14px;
  line-height: 1;
  margin-bottom: 8px;
}
.blog-category-two .category-item .cate-text .title {
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 0;
  letter-spacing: -0.02em;
}
@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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  width: 52px;
  height: 52px;
  line-height: 1;
  color: var(--tj-color-theme-dark);
  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-sbold);
  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: 0 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: 0 15px;
  }
}
@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;
  }
}

.wp-block-pullquote,
blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--sc-surface-1);
  border: 2px solid var(--tj-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.wp-block-pullquote::before,
blockquote::before {
  content: "\e92e";
  font-size: 40px;
  color: var(--sc-ink-accent);
  font-family: "tekmino-icon";
  display: inline-block;
  margin-bottom: 16px;
  line-height: 1;
}
.wp-block-pullquote p,
blockquote p {
  color: var(--tj-color-text-body);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.6px;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .wp-block-pullquote p,
  blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.wp-block-pullquote cite,
blockquote cite {
  color: var(--tj-color-heading-primary);
  display: block;
  text-align: end;
  font-style: normal;
  position: relative;
  z-index: 1;
}
.wp-block-pullquote cite::before,
blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--tj-color-border-1);
  height: 1px;
  width: 89px;
  top: -4px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .wp-block-pullquote,
  blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}

.tj-tags-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 20px;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px dashed var(--sc-border);
  border-bottom: 1px dashed var(--sc-border);
  padding: 22px 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.tj-tags-post .tagcloud {
  width: calc(100% - 200px);
}
.tj-tags-post .tagcloud span {
  color: var(--tj-color-text-body-2);
}
@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
}
.tj-tags-post .post-share ul li {
  font-size: 16px;
  color: var(--tj-color-text-body-2);
  margin-bottom: 0;
}
.tj-tags-post .post-share ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-tags-post .post-share ul li a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.tj-tags-post .post-share ul li a:hover i {
  color: var(--sc-ink-accent);
}
.tj-tags-post.no_socials .tagcloud {
  width: 100%;
}

.tj-post__navigation {
  background-color: var(--sc-surface-1);
  padding: 20px 25px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
.tj-post__navigation .tj-nav-post__nav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: 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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
  background-color: var(--sc-surface-2);
  border-radius: 50%;
  border: 1px solid var(--sc-border);
  font-size: 24px;
  line-height: 1;
  -webkit-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-heading-primary);
}
@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 {
  color: var(--tj-color-heading-primary);
}
.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-theme-dark);
}
.tj-post__navigation .tj-nav__post.previous {
  width: calc(50% - 25px);
}
.tj-post__navigation .tj-nav__post.next {
  width: calc(50% - 25px);
  text-align: end;
}
.tj-post__navigation .tj-nav-post__grid {
  width: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 1;
  color: var(--tj-color-heading-primary);
}
.tj-post__navigation .tj-nav-post__grid a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: currentColor;
}
.tj-post__navigation .tj-nav-post__grid a:hover {
  color: var(--sc-ink-accent);
}
@media (max-width: 575px) {
  .tj-post__navigation {
    padding: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 30px;
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  border-radius: 12px;
  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 .name,
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title {
  font-size: 18px;
  font-weight: var(--tj-fw-sbold);
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .name a,
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .name a:hover,
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a:hover {
  color: var(--sc-ink-accent);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link {
  position: absolute;
  top: 35px;
  inset-inline-end: 30px;
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  color: var(--tj-color-text-body-2);
  text-decoration: none;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link:hover {
  color: var(--sc-ink-accent);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text span {
  font-size: 14px;
  color: var(--tj-color-text-body-2);
  font-weight: var(--tj-fw-regular);
}
@media (max-width: 575px) {
  .tj-latest-comments ul .tj-comment .comment-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tj-latest-comments ul .tj-comment .comment-content .comment-avatar {
    -webkit-margin-end: auto;
            margin-inline-end: 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 {
  -webkit-padding-start: 75px;
          padding-inline-start: 75px;
}
@media (max-width: 575px) {
  .tj-latest-comments ul .tj-comment > .children {
    -webkit-padding-start: 35px;
            padding-inline-start: 35px;
  }
}
.tj-latest-comments ul .tj-comment:last-child .comment-content .comments-header {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.comment-respond {
  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(--sc-surface-1);
  height: 60px;
  padding: 18px 20px;
  border: 1px solid var(--sc-border);
  border-radius: 10px;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-webkit-input-placeholder, .comment-respond .form-input textarea::-webkit-input-placeholder, .comment-respond .form-input input[type=email]::-webkit-input-placeholder, .comment-respond .form-input input[type=text]::-webkit-input-placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-moz-placeholder, .comment-respond .form-input textarea::-moz-placeholder, .comment-respond .form-input input[type=email]::-moz-placeholder, .comment-respond .form-input input[type=text]::-moz-placeholder {
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):-ms-input-placeholder, .comment-respond .form-input textarea:-ms-input-placeholder, .comment-respond .form-input input[type=email]:-ms-input-placeholder, .comment-respond .form-input input[type=text]:-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-ms-input-placeholder, .comment-respond .form-input textarea::-ms-input-placeholder, .comment-respond .form-input input[type=email]::-ms-input-placeholder, .comment-respond .form-input input[type=text]::-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.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 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-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;
  }
}
.comment-respond .comment-form-cookies-consent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-respond .comment-form-cookies-consent input[type=checkbox] {
  position: relative;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-3);
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.comment-respond .comment-form-cookies-consent input[type=checkbox]::before {
  content: "\e941";
  font-size: 19px;
  line-height: 1;
  font-family: "tekmino-icon" !important;
  color: var(--tj-color-common-white);
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 16px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-margin-start: -1px;
          margin-inline-start: -1px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.comment-respond .comment-form-cookies-consent input[type=checkbox]:checked {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.comment-respond .comment-form-cookies-consent input[type=checkbox]:checked::before {
  color: var(--tj-color-theme-dark);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.comment-respond .form-submit {
  margin-bottom: 0;
}

.tj-main-sidebar {
  -webkit-padding-start: 20px;
          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) {
  .tj-main-sidebar {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}

.tj-sidebar-widget {
  background-color: var(--sc-surface-1);
  border: 1px solid var(--sc-border);
  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 .wp-block-heading,
.tj-sidebar-widget .wp-block-search__label,
.tj-sidebar-widget .wp-block-categories__label,
.tj-sidebar-widget .wp-block-archives__label,
.tj-sidebar-widget .widget-title {
  color: var(--tj-color-heading-primary);
  font-size: 24px;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  position: relative;
  margin-bottom: 25px;
  line-height: 1;
  letter-spacing: -0.02em;
  z-index: 1;
  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) {
  .tj-sidebar-widget .wp-block-heading,
  .tj-sidebar-widget .wp-block-search__label,
  .tj-sidebar-widget .wp-block-categories__label,
  .tj-sidebar-widget .wp-block-archives__label,
  .tj-sidebar-widget .widget-title {
    font-size: 22px;
  }
}
.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(--sc-surface-2);
  width: 100%;
  min-height: 60px;
  border: 1px solid var(--sc-border);
  border-radius: 10px;
  padding: 18px 55px 18px 20px;
  line-height: 1;
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]::-webkit-input-placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]::-moz-placeholder {
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]:-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]::-ms-input-placeholder {
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]::placeholder {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--tj-color-text-body-2);
}
.tj-sidebar-widget.widget-search .search-box form input[type=search]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  border-color: var(--tj-color-theme-primary);
}
.tj-sidebar-widget.widget-search .search-box form button {
  font-size: 22px;
  color: var(--tj-color-heading-primary);
  width: 58px;
  height: 60px;
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          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 {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.tj-sidebar-widget.tj-recent-posts .post-thumb {
  position: relative;
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 6px;
  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%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.tj-sidebar-widget.tj-recent-posts .post-content .post-title {
  font-size: 18px;
  line-height: 1.444;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 10px;
}
.tj-sidebar-widget.tj-recent-posts .post-content .post-title a:hover {
  color: var(--sc-ink-accent);
}
.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-text-body-2);
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  background: var(--sc-surface-2);
  padding: 20px 24px 17px 25px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tj-sidebar-widget.widget-categories ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  width: 0;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tj-sidebar-widget.widget-categories ul li a:hover {
  color: var(--tj-color-theme-dark);
}
.tj-sidebar-widget.widget-categories ul li a:hover::before {
  width: 100%;
}
.tj-sidebar-widget.widget-categories ul li a:hover span {
  color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .tj-sidebar-widget {
    padding: 25px 15px;
  }
}

.tagcloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 12px;
}
.tagcloud a {
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-text-body);
  font-weight: var(--tj-fw-medium);
  padding: 5px 10px;
  border-radius: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}
.tagcloud a:hover {
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  border-color: var(--tj-color-theme-primary);
}

.infos-wrapper {
  position: relative;
  padding-top: 30px;
}
.infos-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 120%;
  height: 0;
  border-top: 1px solid var(--sc-border);
}

.infos-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  padding-bottom: 30px;
  border: 0;
}
.infos-item:last-child {
  padding-bottom: 0;
}
.infos-item .project-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 20px;
  color: var(--tj-color-theme-dark);
  background: var(--tj-color-theme-primary);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.infos-item .project-text {
  line-height: 1;
}
.infos-item .project-text span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: var(--tj-color-text-body-2);
  margin: 0;
}
.infos-item .project-text .title {
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 0;
  margin-top: 6px;
}
@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-heading-primary);
  background: var(--sc-surface-2);
  padding: 20px 15px 17px 25px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service-categories ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  background-color: var(--tj-color-theme-primary);
  border-radius: 8px;
  width: 0;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-categories ul li a span {
  color: var(--tj-color-heading-primary);
}
.service-categories ul li a .icon {
  font-size: 23px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: var(--tj-fw-sbold);
  margin-top: -4px;
}
.service-categories ul li a:hover, .service-categories ul li a.active {
  color: var(--tj-color-theme-dark);
}
.service-categories ul li a:hover::before, .service-categories ul li a.active::before {
  width: 100%;
}
.service-categories ul li a:hover span, .service-categories ul li a.active span {
  color: var(--tj-color-theme-dark);
}

.widget-feature-item {
  padding: 20px;
}
.widget-feature-item .feature-box {
  position: relative;
  background: var(--sc-surface-2);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.widget-feature-item .feature-box .feature-content {
  padding: 30px 28px 30px;
}
.widget-feature-item .feature-box .feature-content .title {
  font-size: 64px;
  color: var(--tj-color-common-white);
  margin-bottom: 15px;
  font-weight: var(--tj-fw-sbold);
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content .title {
    font-size: 54px;
  }
}
.widget-feature-item .feature-box .feature-content > span {
  display: block;
  font-size: 20px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-regular);
  color: var(--tj-color-text-body-2);
  line-height: 1;
  margin-bottom: 26px;
}
@media (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content > span {
    margin-bottom: 20px;
  }
}
.widget-feature-item .feature-box .feature-content .feature-contact {
  background-color: transparent;
  padding: 7px 12px;
  border: 3px solid var(--tj-color-theme-primary);
  border-radius: 50px;
  line-height: 1;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
  margin: 0;
}
.widget-feature-item .feature-box .feature-content .feature-contact span {
  color: var(--tj-color-heading-primary);
  font-size: 18px;
  font-weight: var(--tj-fw-sbold);
  font-family: var(--tj-ff-heading);
  margin: 0;
  text-shadow: 0 30px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.widget-feature-item .feature-box .feature-content .feature-contact i {
  color: var(--tj-color-heading-primary);
  font-size: 20px;
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.widget-feature-item .feature-box .feature-content .feature-contact:hover span {
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .widget-feature-item .feature-box .feature-content {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .widget-feature-item .feature-box {
    max-width: 360px;
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  .widget-feature-item .feature-box {
    max-width: 320px;
    margin: 0 auto;
  }
}
.widget-feature-item .feature-box::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  bottom: -30px;
  left: 0;
  -webkit-filter: blur(173px);
          filter: blur(173px);
  backdrop-filter: inherit;
  border-radius: 50%;
  background: var(--tj-color-theme-primary);
  opacity: 1;
  z-index: -1;
}
.widget-feature-item .feature-images {
  width: 399px;
  height: 399px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-margin-start: 30px;
          margin-inline-start: 30px;
  margin-bottom: -42px;
}
.widget-feature-item .feature-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: -2px;
  margin-left: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-feature-item .feature-images {
    width: 320px;
    height: 320px;
    -webkit-margin-start: 32px;
            margin-inline-start: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-feature-item .feature-images {
    width: 300px;
    height: 300px;
    -webkit-margin-start: 20px;
            margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-feature-item .feature-images {
    width: 500px;
    height: 500px;
    -webkit-margin-start: 278px;
            margin-inline-start: 278px;
    margin-bottom: -62px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .widget-feature-item .feature-images {
    -webkit-margin-start: 177px;
            margin-inline-start: 177px;
  }
}
@media (max-width: 400px) {
  .widget-feature-item .feature-images {
    width: 320px;
    height: 320px;
    -webkit-margin-start: 41px;
            margin-inline-start: 41px;
  }
}
@media (max-width: 575px) {
  .widget-feature-item {
    padding: 20px 15px;
  }
}

.details-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  row-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 22px;
  margin-bottom: 52px;
}

.service-details-item {
  background-color: var(--sc-surface-1);
  border-radius: 10px;
  padding: 30px 17px 25px 18px;
  max-width: 280px;
  width: 100%;
}
.service-details-item .number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 33px;
  height: 33px;
  font-size: 16px;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-sbold);
  color: var(--tj-color-theme-dark);
  background-color: var(--tj-color-theme-primary);
  border-radius: 50%;
  margin-bottom: 20px;
}
.service-details-item .title {
  line-height: 1.444;
  font-weight: var(--tj-fw-sbold);
  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: 240px;
  }
}
@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_accordion {
  margin-top: 22px;
  margin-bottom: 30px;
}

.gallery {
  position: relative;
  display: block;
}
.gallery::before {
  content: "\e939";
  font-family: "tekmino-icon" !important;
  color: var(--tj-color-common-white);
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(5, 5, 5, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
}
.gallery:hover::before {
  opacity: 1;
  visibility: visible;
}

.tj-socials-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
  margin-top: 30px;
  position: relative;
}
.tj-socials-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 120%;
  height: 0;
  border-top: 1px solid var(--sc-border);
}
.tj-socials-wrapper .title {
  margin-bottom: 0;
  line-height: 1;
}
.tj-socials-wrapper ul.tj-socials {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.tj-socials-wrapper ul.tj-socials li {
  margin-bottom: 0;
}
.tj-socials-wrapper ul.tj-socials li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 50%;
  background-color: var(--sc-surface-3);
  color: var(--tj-color-theme-bg);
  font-size: 18px;
  line-height: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
  opacity: 0.2;
}
.tj-socials-wrapper ul.tj-socials li a:hover {
  opacity: 1;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
}

/* !END: Blog Details CSS */
/**----------------------------------------
START: Animate CSS
----------------------------------------*/
@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(232, 164, 79);
            box-shadow: 0 0 0 0 rgb(232, 164, 79);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(232, 164, 79);
            box-shadow: 0 0 0 0 rgb(232, 164, 79);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes pulse3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
            box-shadow: 0 0 0 0 rgb(255, 255, 255);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@keyframes pulse3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
            box-shadow: 0 0 0 0 rgb(255, 255, 255);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes pulsePrimary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(232, 164, 79, 0.5);
            box-shadow: 0 0 0 0 rgba(232, 164, 79, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 16px rgba(232, 164, 79, 0);
            box-shadow: 0 0 0 16px rgba(232, 164, 79, 0);
  }
}
@keyframes pulsePrimary {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(232, 164, 79, 0.5);
            box-shadow: 0 0 0 0 rgba(232, 164, 79, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 16px rgba(232, 164, 79, 0);
            box-shadow: 0 0 0 16px rgba(232, 164, 79, 0);
  }
}
@-webkit-keyframes jumping {
  0% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@keyframes jumping {
  0% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  75% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@-webkit-keyframes lineHover {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
    right: 0;
  }
  100% {
    width: 100%;
    left: 0;
  }
}
@keyframes lineHover {
  0% {
    width: 100%;
  }
  50% {
    width: 0;
    right: 0;
  }
  100% {
    width: 100%;
    left: 0;
  }
}
@-webkit-keyframes textRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes textRotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes rotateClock {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateClock {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateAntiClock {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotateAntiClock {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.7, 1.1);
            transform: scale(0.7, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.7);
            transform: scale(1.1, 0.7);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.7, 1.1);
            transform: scale(0.7, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.7);
            transform: scale(1.1, 0.7);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes borderanimate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes borderanimate {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes bellShake {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  30% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  70% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  80%, 90%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes bellShake {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  30% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  70% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  80%, 90%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
            transform: skewX(-25deg) translateX(0);
  }
  100% {
    -webkit-transform: skewX(-25deg) translateX(250%);
            transform: skewX(-25deg) translateX(250%);
  }
}
@keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
            transform: skewX(-25deg) translateX(0);
  }
  100% {
    -webkit-transform: skewX(-25deg) translateX(250%);
            transform: skewX(-25deg) translateX(250%);
  }
}
.tj-bounce {
  -webkit-animation: bounceAnim 4s linear infinite;
          animation: bounceAnim 4s linear infinite;
}

@-webkit-keyframes bounceAnim {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounceAnim {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.bounce-twice {
  -webkit-animation: bounceTwice 5s linear infinite;
          animation: bounceTwice 5s linear infinite;
}

@-webkit-keyframes bounceTwice {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounceTwice {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.zoomInOut {
  -webkit-animation: zoomEffect 3s linear infinite;
          animation: zoomEffect 3s linear infinite;
}

@-webkit-keyframes zoomEffect {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes zoomEffect {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@-webkit-keyframes running {
  0% {
    top: 100%;
  }
  50% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
@keyframes running {
  0% {
    top: 100%;
  }
  50% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes running-2 {
  0% {
    top: 0%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 0%;
  }
}
@keyframes running-2 {
  0% {
    top: 0%;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes movingHorizontal {
  0% {
    left: 0;
  }
  50% {
    left: 95%;
  }
  100% {
    left: 0;
  }
}
@keyframes movingHorizontal {
  0% {
    left: 0;
  }
  50% {
    left: 95%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes flip {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
.circle-ripple::before, .circle-ripple::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.circle-ripple::before {
  -webkit-animation: ripple 2s linear infinite;
          animation: ripple 2s linear infinite;
}
.circle-ripple::after {
  -webkit-animation: ripple 2s linear 1s infinite;
          animation: ripple 2s linear 1s infinite;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
/* !END: Animate CSS */
/**----------------------------------------
START: Integration CSS
----------------------------------------*/
.integration-section-wrap {
  position: relative;
  background-color: var(--sc-surface-1);
  border-radius: 16px;
  padding-top: 120px;
  padding-bottom: 10px;
  overflow: hidden;
  z-index: 1;
}
.integration-section-wrap::before {
  content: "";
  width: 305px;
  height: 305px;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -227px;
  background-color: var(--tj-color-theme-primary);
  -webkit-filter: blur(70px);
          filter: blur(70px);
  opacity: 0.6;
}
.integration-section-wrap .bg-img {
  opacity: 0.12;
  mix-blend-mode: luminosity;
}
.integration-section-wrap .sec-heading .sec_heading_wrap {
  max-width: 550px;
  width: 100%;
}
.integration-section-wrap .sec-heading .sec_content_wrap {
  max-width: 355px;
  width: 100%;
}
.integration-section-wrap .sec-heading .sec_content_wrap .tj-text-btn {
  color: var(--tj-color-heading-primary);
  margin-top: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .integration-section-wrap {
    padding-top: 100px;
    padding-bottom: 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) {
  .integration-section-wrap {
    padding-top: 70px;
    padding-bottom: 5px;
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .integration-section-wrap::before {
    width: 280px;
    height: 280px;
    bottom: -245px;
  }
}

.throwable_wrapper {
  pointer-events: none;
}

.throwable_items_wrap {
  position: relative;
  overflow: hidden;
  height: 445px;
  pointer-events: none;
}
.throwable_items_wrap > * {
  position: absolute;
  display: inline-block;
  margin-bottom: 0;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: auto;
  -webkit-transition: none;
  transition: none;
  margin: 0;
  padding: 0;
}

.integration_item {
  width: 220px;
  height: 76px;
  padding: 13px 30px;
  border: 1px solid var(--sc-border);
  border-radius: 85.5px;
  background-color: var(--sc-surface-2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-transform: translate(-50%, -50%) rotate(0rad);
      -ms-transform: translate(-50%, -50%) rotate(0rad);
          transform: translate(-50%, -50%) rotate(0rad);
}
.integration_item img,
.integration_item svg {
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: rotate(0) !important;
      -ms-transform: rotate(0) !important;
          transform: rotate(0) !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .integration_item {
    width: 190px;
    height: 65px;
    padding: 10px 25px;
  }
}
@media (max-width: 575px) {
  .integration_item {
    width: 140px;
    height: 55px;
    padding: 10px 20px;
  }
}

/* !END: Integration CSS *//*# sourceMappingURL=main.css.map */

/* !START: Regiones LatAm (footer) */
.footer-contact-info .contact-item.sc-regions {
  margin-top: 18px;
}

.sc-regions-label {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.75;
  margin-bottom: 9px;
}

.sc-regions-flags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.sc-regions-flags img {
  width: 24px;
  height: 16px;
  display: block;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
  opacity: 0.9;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.sc-regions-flags img:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 575px) {
  .sc-regions-flags {
    gap: 6px;
  }
  .sc-regions-flags img {
    width: 22px;
    height: 15px;
  }
}
/* !END: Regiones LatAm (footer) */

/* === Studio Complex: texto justificado ===
   Justificado con particion de palabras activada. Sin hyphens el
   justificado abre 'rios' de espacio en las columnas angostas (las
   tarjetas de ~250px son el peor caso); con hyphens:auto y lang='es'
   el navegador corta en silaba y el bloque queda parejo.
   En los bloques centrados el justificado se desactiva, porque
   pisaria el centrado del template. */
p,
.desc,
.desc p {
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-limit-chars: 6 3 3;
          hyphenate-limit-chars: 6 3 3;
}

.text-center p,
.text-center .desc,
.tj-page-header-content p,
.sec-heading.text-center p,
.cta-content p,
.testimonial-item .desc p,
.copyright-text p {
  text-align: center;
}

.copyright-text p,
.tj-page-header-content p {
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}

/* ==========================================================================
   Studio Complex · capa 2026 (naranja neón + cián)
   Va al final a proposito: redefine sobre el template en vez de editar las
   13.000 lineas de arriba, asi se puede revisar o revertir de una sola pieza.
   La paleta base (primary naranja, secondary cian, fondos, tipografia y
   cuerpo de 17px) ya esta cambiada arriba, en :root.
   ========================================================================== */

/* --- Titulos fluidos -----------------------------------------------------
   El template los tenia en px fijos: en una pantalla grande quedaban chicos
   y en uno de 360px se desbordaban. clamp() los ata al ancho del viewport. */
:root {
  --tj-fs-h1: clamp(2.4rem, 5.6vw, 4.2rem);
  --tj-fs-h2: clamp(1.9rem, 3.4vw, 2.9rem);
  --tj-fs-h3: clamp(1.4rem, 2.2vw, 1.9rem);
}
h1, .tj-page-title { letter-spacing: -0.035em; line-height: 1.04; }
h2, .sec-title { letter-spacing: -0.025em; line-height: 1.12; }

/* --- El cian entra donde antes solo habia naranja ------------------------ */
.sec-heading .sub-title,
.banner-content .sub-title,
.sub-title.sub-title,
.project-item .categories a,
.d-card .n,
.service-item .number,
.service-details-item .number,
.tj-service-item .number,
.countup-item .count-plus,
.blog-item .categories a {
  color: var(--sc-ink-accent-2);
}

.eyebrow,
.sub-title {
  letter-spacing: 0.16em;
}

/* --- Taglines: sin corchetes, en negrita --------------------------------
   Los corchetes se sacaron del HTML (eran decoracion de la plantilla), asi
   que el peso es lo unico que separa el tagline del titulo que va abajo.
   La clase se repite para igualar la especificidad de las reglas del
   template tipo ".banner-content .sub-title", que si no le ganan. */
.sub-title.sub-title {
  font-weight: var(--tj-fw-bold, 700);
}

/* --- Resplandor en los botones principales ------------------------------- */
.tj-primary-btn,
.tj-primary-btn.style-2 {
  box-shadow: 0 0 34px -6px var(--tj-color-theme-primary);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.tj-primary-btn:hover,
.tj-primary-btn.style-2:hover {
  box-shadow: 0 0 46px -4px var(--tj-color-theme-primary);
}

/* --- Bordes con degrade en las tarjetas ----------------------------------
   Doble background: uno pinta el relleno hasta el padding-box y el otro el
   degrade hasta el border-box, asi el borde queda degradado sin pseudo. */
.tj-service-item,
.service-item,
.project-item .project-content .content-inner,
.pricing-item,
.faq-item,
.team-item {
  background:
    linear-gradient(var(--sc-surface-1), var(--sc-surface-1)) padding-box,
    linear-gradient(140deg,
      color-mix(in oklab, var(--tj-color-theme-primary) 52%, transparent),
      color-mix(in oklab, var(--tj-color-theme-secondary) 42%, transparent)) border-box;
  border: 1px solid transparent;
}

/* --- Palabra en degrade dentro de los titulos ---------------------------
   Los topes intermedios comprimen la zona sucia: naranja a cian interpolado
   libre pasa por un verde oliva apagado. */
.sec-title .grad,
.tj-page-title .grad,
.banner-title .grad,
h1 .grad {
  background: linear-gradient(100deg,
    var(--tj-color-theme-primary) 0%,
    var(--tj-color-theme-primary) 42%,
    var(--tj-color-theme-secondary) 62%,
    var(--tj-color-theme-secondary) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-style: normal;
}

/* --- Halo de luz detras del hero ---------------------------------------- */
.tj-banner-section,
.tj-hero-section {
  position: relative;
  isolation: isolate;
}
.tj-banner-section::before,
.tj-hero-section::before {
  content: "";
  position: absolute;
  inset: -10% -6% auto -6%;
  height: 78%;
  z-index: -1;
  pointer-events: none;
  /* Sin filter: blur(). Un degradé radial ya sale difuso, y el blur obligaba
     a repintar una capa del tamaño de la pantalla en cada cuadro — con eso
     puesto, cambiar de tema dejaba la página congelada varios segundos en
     máquinas lentas. Los topes intermedios reemplazan el desenfoque. */
  background:
    radial-gradient(60% 70% at 20% 26%,
      color-mix(in oklab, var(--tj-color-theme-primary) 22%, transparent) 0%,
      color-mix(in oklab, var(--tj-color-theme-primary) 9%, transparent) 38%,
      transparent 72%),
    radial-gradient(52% 62% at 84% 14%,
      color-mix(in oklab, var(--tj-color-theme-secondary) 20%, transparent) 0%,
      color-mix(in oklab, var(--tj-color-theme-secondary) 8%, transparent) 38%,
      transparent 72%);
}

@media (prefers-reduced-motion: reduce) {
  .tj-primary-btn,
  .tj-primary-btn.style-2 { transition: none; }
}

/* --- Integraciones: puntuacion de la fila que scrollea al reves ---------- */
/* La segunda fila lleva dir="rtl" solo para invertir el sentido del scroll,
   pero eso tambien invierte la bidireccionalidad del texto y manda el punto
   final al principio de la ultima linea (".real" en vez de "real."). */
[dir="rtl"] .tech-content,
[dir="rtl"] .tech-content .title,
[dir="rtl"] .tech-content .desc {
  direction: ltr;
  text-align: left;
}

/* =========================================================================
   TEMA CLARO
   Se activa con data-theme="light" en el <html>. El sitio nace oscuro: esto
   es una capa de inversion, no un rediseno aparte. Las superficies se dan
   vuelta, la tinta se oscurece, y la tinta que vive ARRIBA del naranja
   (--tj-color-theme-dark) no se toca: tiene que seguir siendo oscura.
   ========================================================================= */
:root[data-theme="light"] {
  --sc-surface-1: #ffffff;
  --sc-surface-2: #f1f4f8;
  --sc-surface-3: #0f1720;
  --sc-surface-4: #0f1720;
  --sc-border: #e2e7ee;

  --tj-color-heading-primary: #0f1720;
  --tj-color-text-body: #47515f;
  --tj-color-text-body-2: #626d7d;
  --tj-color-common-white: #0f1720;
  --tj-color-theme-dark-2: #8a93a3;
  --tj-color-theme-dark-3: #aab2bf;
  --tj-color-border-1: #e2e7ee;

  /* Sobre blanco el naranja de marca da 2.66 de contraste y el cian 1.81:
     ilegibles. Como texto van dos tonos mas profundos; como fondo de boton
     siguen siendo los vivos de siempre. */
  --sc-ink-accent: #C2560A;
  --sc-ink-accent-2: #0E7490;
}

:root[data-theme="light"] body {
  background-color: #ffffff;
}

/* Las texturas de fondo son imagenes oscuras: en claro ensucian. */
:root[data-theme="light"] [data-bg-image$="hero-bg.webp"],
:root[data-theme="light"] [data-bg-image$="footer-bg.webp"],
:root[data-theme="light"] [data-bg-image$="common-bg.webp"],
:root[data-theme="light"] [data-bg-image$="common-bg-2.webp"] {
  background-image: none !important;
}

/* El halo del hero esta pensado para brillar sobre negro. */
:root[data-theme="light"] .tj-banner-section::before,
:root[data-theme="light"] .tj-hero-section::before {
  opacity: 0.4;
}

/* Velos blancos translucidos del template: sobre blanco desaparecen. */
:root[data-theme="light"] .sec-heading.style-3 .sub-title,
:root[data-theme="light"] .search-box input,
:root[data-theme="light"] .hamburger_search input {
  background-color: rgba(15, 23, 32, 0.05);
}

/* Resplandores: en claro molestan mas de lo que suman. */
:root[data-theme="light"] .tj-primary-btn,
:root[data-theme="light"] .tj-primary-btn.style-2 {
  box-shadow: 0 6px 18px -10px rgba(15, 23, 32, 0.45);
}

/* Las tarjetas se apoyaban en el contraste del fondo oscuro; en claro
   necesitan un contorno para no quedar flotando sobre blanco.
   Va como sombra interior y NO como border: un borde cambia el tamanio de
   la caja, y al cambiar de tema eso obliga a GSAP/ScrollTrigger a recalcular
   toda la pagina — se cuelga varios segundos. La sombra solo repinta. */
:root[data-theme="light"] .choose-box,
:root[data-theme="light"] .tech-item,
:root[data-theme="light"] .service-item,
:root[data-theme="light"] .tj-service-item,
:root[data-theme="light"] .testimonial-item,
:root[data-theme="light"] .blog-item,
:root[data-theme="light"] .price-item,
:root[data-theme="light"] .faq-item,
:root[data-theme="light"] .team-item {
  box-shadow: inset 0 0 0 1px var(--sc-border);
}

/* --- Interruptor de tema -------------------------------------------------
   Flota arriba del asistente, no en el header: ahi quedaba en el medio de
   la barra en mobile. Las distancias al borde copian las del asistente
   (ver sc-chat.css) para que queden en la misma columna. */
.sc-theme-toggle {
  position: fixed;
  /* Centrado con el asistente: el asistente mide 56 y esto 44, van 6 de
     diferencia a cada lado. */
  right: 66px;
  bottom: 128px;            /* 60 del asistente + sus 56 de alto + 12 de aire */
  z-index: 998;             /* por debajo del panel del chat, que es 999 */
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--sc-border);
  border-radius: 50%;
  background-color: var(--sc-surface-2);
  color: var(--tj-color-heading-primary);
  cursor: pointer;
  box-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.6);
  transition: color 0.25s ease, border-color 0.25s ease;
}
.sc-theme-toggle:hover {
  color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
}
.sc-theme-toggle svg {
  width: 18px;
  height: 18px;
}
.sc-theme-toggle .sc-moon { display: none; }
:root[data-theme="light"] .sc-theme-toggle .sc-sun { display: none; }
:root[data-theme="light"] .sc-theme-toggle .sc-moon { display: block; }
:root[data-theme="light"] .sc-theme-toggle {
  box-shadow: 0 6px 18px -10px rgba(15, 23, 32, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sc-theme-toggle { right: 51px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sc-theme-toggle {
    right: 20px;
    bottom: 80px;           /* 20 del asistente + sus 50 de alto + 10 de aire */
    width: 40px;
    height: 40px;
  }
  .sc-theme-toggle svg { width: 16px; height: 16px; }
}

/* --- Pagina de agenda ---------------------------------------------------- */
.sc-agenda-pasos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 44px;
}
.sc-agenda-paso {
  padding: 22px 24px;
  border-radius: 14px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
}
.sc-agenda-paso p {
  margin: 10px 0 0;
  font-size: 15.5px;
  text-align: left;
  color: var(--tj-color-text-body);
}
.sc-agenda-num {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sc-ink-accent-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sc-agenda-pasos { grid-template-columns: 1fr; gap: 14px; }
}

.sc-agenda-caja {
  border-radius: 18px;
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-2);
  overflow: hidden;
}
.sc-agenda-previa {
  padding: 56px 32px;
  text-align: center;
}
.sc-agenda-icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 50%;
  background-color: rgba(242, 128, 30, 0.12);
  color: var(--sc-ink-accent);
  font-size: 28px;
}
.sc-agenda-titulo {
  margin: 0 0 12px;
  font-size: 26px;
  font-weight: 700;
}
.sc-agenda-desc {
  max-width: 52ch;
  margin: 0 auto 26px;
  text-align: center;
  color: var(--tj-color-text-body);
}
.sc-agenda-alt {
  margin: 22px 0 0;
  text-align: center;
  font-size: 15px;
  color: var(--tj-color-text-body-2);
}
.sc-agenda-alt a { color: var(--sc-ink-accent-2); }
.sc-agenda-widget { min-height: 700px; }
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sc-agenda-previa { padding: 40px 20px; }
  .sc-agenda-titulo { font-size: 21px; }
}

/* --- Pie: llamada a agendar ----------------------------------------------
   Reemplaza al bloque de mail + horario, que no invitaba a nada. La columna
   del pie pasa a ser el ultimo empujon: una frase corta, el boton grande y
   la letra chica que saca la excusa de encima. */
.sc-footer-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.sc-footer-cta-gancho {
  margin: 0;
  max-width: 24ch;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  color: var(--tj-color-heading-primary);
}
.sc-footer-agenda {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 4px 4px 4px 22px;
  border-radius: 999px;
  background: linear-gradient(120deg, var(--tj-color-theme-primary) 0%, #e2621a 100%);
  color: var(--tj-color-theme-dark);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 28px -10px var(--tj-color-theme-primary);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sc-footer-agenda:hover {
  color: var(--tj-color-theme-dark);
  transform: translateY(-3px);
  box-shadow: 0 16px 34px -10px var(--tj-color-theme-primary);
}
.sc-footer-agenda-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 50%;
  background-color: var(--sc-surface-2);
  color: var(--tj-color-heading-primary);
  font-size: 19px;
  transition: transform 0.25s ease;
}
.sc-footer-agenda:hover .sc-footer-agenda-ico { transform: scale(1.08); }
.sc-footer-cta-letra {
  font-size: 13.5px;
  color: var(--tj-color-text-body-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sc-footer-cta-gancho { font-size: 17px; }
  .sc-footer-agenda { font-size: 15px; padding-left: 20px; }
  .sc-footer-agenda-ico { width: 38px; height: 38px; }
}

/* --- Panel de resultados del hero ----------------------------------------
   Viene del preview que armó Sebastián. Su versión estaba escrita para fondo
   oscuro (velos blancos translúcidos) y con el naranja quemado en el SVG:
   acá va con nuestras variables de superficie, así sirve igual en claro.
   Tampoco lleva backdrop-filter: cuesta caro y con fondo sólido no aporta.
   ------------------------------------------------------------------------ */
/* El panel de resultados ocupa el lugar donde el template ponia una foto.
   Ese contenedor trae una mascara SVG (hero-img-shape.svg) con un recorte
   decorativo pensado para una imagen, mas overflow: hidden. Sobre el panel
   eso le cortaba la esquina de abajo.

   El selector lleva las tres clases a proposito: .banner-img-area .banner-img
   son dos clases, asi que un .sc-hero-panel suelto perdia por especificidad y
   la mascara seguia aplicandose. Ademas los media queries del template solo la
   apagaban en algunos anchos, por eso el corte aparecia y desaparecia segun la
   pantalla. */
.banner-img-area .banner-img.sc-hero-panel {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 520px;
  max-width: 540px;
  padding-bottom: 150px;
  overflow: visible;
  border-radius: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
.hero-dash-card {
  width: 100%;
  max-width: 500px;
  padding: 30px 32px;
  border-radius: 18px;
  background-color: var(--sc-surface-2);
  border: 1px solid var(--sc-border);
  /* El color del gráfico: el SVG usa currentColor, así que se define acá. */
  color: var(--sc-ink-accent);
}
.hero-dash-card__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
}
.hero-dash-card__dot {
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #4ade80;
  animation: heroDashPulse 2s infinite;
}
@keyframes heroDashPulse {
  0%   { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.5); }
  70%  { box-shadow: 0 0 0 8px rgba(74, 222, 128, 0); }
  100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}
.hero-dash-card__title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--tj-color-heading-primary);
}

.hero-dash-card__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 18px;
}
.hero-dash-card__tab {
  padding: 7px 14px;
  border-radius: 20px;
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-1);
  color: var(--tj-color-text-body);
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.hero-dash-card__tab:hover:not(.hero-dash-card__tab--active) {
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-heading-primary);
}
.hero-dash-card__tab:focus-visible {
  outline: 2px solid var(--tj-color-theme-primary);
  outline-offset: 2px;
}
.hero-dash-card__tab--active {
  background-color: var(--tj-color-theme-primary);
  border-color: var(--tj-color-theme-primary);
  color: var(--tj-color-theme-dark);
  font-weight: 600;
}

.hero-dash-card__panel[hidden] { display: none; }
.hero-dash-card__chart {
  display: block;
  width: 100%;
  height: 104px;
  margin-bottom: 18px;
}

.hero-dash-card__stats { display: flex; gap: 10px; }
.hero-dash-card__stat {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--sc-border);
  background-color: var(--sc-surface-1);
}
.hero-dash-card__stat-value-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.hero-dash-card__stat-arrow {
  flex: none;
  font-size: 12px;
  line-height: 1;
  color: var(--sc-ink-accent);
}
.hero-dash-card__stat-value {
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--tj-color-heading-primary);
}
.hero-dash-card__stat-label {
  font-size: 11px;
  color: var(--tj-color-text-body);
}
.hero-dash-card__note {
  margin: 14px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
  text-align: left;
  color: var(--tj-color-text-body-2);
}

/* Los dos globos que flotan sobre el hero se acomodan alrededor de la
   tarjeta: reseñas abajo a la derecha, sello abajo a la izquierda. */
.banner-img-area .customers-box {
  max-width: 210px;
  padding: 16px 18px 14px !important;
}
.banner-img-area .customers-box .customers-number { font-size: 32px; }
.banner-img-area .customers-box .customers ul li img { width: 32px; height: 32px; }
.banner-img-area .trusted {
  top: auto !important;
  bottom: -22px !important;
  inset-inline-start: -10px !important;
  inset-inline-end: auto !important;
  transform: translateY(0);
  max-width: 220px;
  padding: 14px 16px !important;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-img-area .banner-img.sc-hero-panel { min-height: 360px; padding-bottom: 110px; }
  .hero-dash-card { padding: 20px; }
  .hero-dash-card__chart { height: 70px; }
}

/* --- Tarjetas de servicio sin bordes -------------------------------------
   Pedido del 23/9. La tarjeta se arma con varias piezas y cada una traia su
   propio borde: el marco, la pestana del numero, el pie de "Ver mas" y las
   dos muescas que redondean los angulos concavos.

   Ademas la capa 2026 le habia puesto borde degradado a .service-item, que
   no es la tarjeta sino el contenedor que la envuelve. En el home ese
   contenedor es mas alto (reserva 42px para el boton del pie), asi que su
   borde dibujaba un segundo rectangulo corrido en diagonal respecto del
   marco real. Ese era el contorno doble que se veia.

   Se conservan los fondos, los radios y las sombras que recortan las
   muescas: sin ellas quedarian angulos rectos donde las piezas se encastran.
   Para volver atras, borrar este bloque. */
.service-item {
  background: none;
  border: 0;
}
.service-inner,
.service-list,
.service-btn,
.service-item .item-count {
  border: 0;
}
.service-item .item-count::before,
.service-item .item-count::after,
.service-btn::before {
  border: 0;
}

/* --- Tarjetas de proyecto: sin recuadro y etiqueta en naranja -------------
   Pedido del 23/9 sobre el carrusel "Proyectos que Ejecutamos".

   El recuadro alrededor de la etiqueta y el titulo venia del borde degradado
   que la capa 2026 le puso a .content-inner. Se saca igual que en las
   tarjetas de servicio.

   La etiqueta (Automatizacion, Desarrollo Web, SEO & Ads) estaba en cian
   porque el bloque "el cian entra donde antes solo habia naranja" incluye
   .project-item .categories a. Vuelve al naranja de marca y se le saca el
   contorno de pastilla, que sin el recuadro de atras quedaba suelto. */
.project-item .project-content .content-inner {
  background: none;
  border: 0;
}
.project-item .categories a {
  color: var(--sc-ink-accent);
  border: 0;
  background-color: transparent;
  padding-left: 0;
}
.project-item .categories a:hover {
  color: var(--tj-color-theme-primary);
}

/* --- Boton de agendar: texto negro y calendario ---------------------------
   El texto se veia gris claro sobre el naranja. No era herencia: el pie trae
   .footer-contact-info .contact-item span con color de cuerpo, y esa regla
   (tres clases) le gana al color que define .sc-footer-agenda sobre el enlace
   (una clase). Por eso aca se pinta el span directamente, con una clase mas
   de contexto para ganarle sin recurrir a important.

   El icono de calendario va como SVG en linea porque la fuente de iconos del
   template (tekmino-icon) no trae ninguno de calendario ni de fecha. */
.footer-contact-info .contact-item .sc-footer-agenda,
.footer-contact-info .contact-item .sc-footer-agenda .sc-footer-agenda-txt {
  color: #07090c;
}
/* El calendario paso a ir DENTRO del circulo oscuro de la derecha. Sobre el
   naranja, a cualquier tamano, el glifo de trazo fino no se leia; sobre el
   circulo oscuro contrasta y ademas se ahorra un elemento suelto. */
.sc-footer-agenda {
  /* La columna del pie es angosta, asi que el boton ocupa su ancho y el
     circulo queda pegado a la derecha. Sin space-between: con tres elementos
     separaba el icono del texto y dejaba un hueco raro en el medio. */
  gap: 10px;
  width: 100%;
  max-width: 330px;
}
.sc-footer-agenda .sc-footer-agenda-txt {
  white-space: nowrap;
  margin-right: auto;
}
@media only screen and (max-width: 360px) {
  .sc-footer-agenda { font-size: 14px; padding-left: 16px; }
  .sc-footer-agenda-ico { width: 38px; height: 38px; font-size: 17px; }
}

/* Home, Casos de Éxito: enlace a la página con todos los casos */
.sec-heading .sc-casos-ver-todos {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 8px; font-weight: 600; white-space: nowrap;
  color: var(--tj-color-theme-primary);
}
.sec-heading .sc-casos-ver-todos:hover { color: var(--tj-color-theme-secondary); }

/* Home, testimonios: el template les da 432px de relleno arriba porque la
   seccion de video se montaba encima. El video se saco el 23/9 y quedaba
   ese hueco vacio; se vuelve al relleno normal de las demas secciones.
   Si algun dia vuelve el video, sacar la clase sc-testimonios-sin-video. */
.tj-testimonial-section.sc-testimonios-sin-video { padding-top: 120px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-testimonial-section.sc-testimonios-sin-video { padding-top: 100px; }
}
@media (max-width: 991px) {
  .tj-testimonial-section.sc-testimonios-sin-video { padding-top: 70px; }
}

/* Menú principal: desplegable de Servicios. El template lo trae a 220px y
   "Automatización de Leads" quedaba en dos líneas. */
.mainmenu ul > li.has-dropdown > .sub-menu { width: 250px; }
/* Menú de celular: el template pone mayúscula a cada palabra y quedaba
   "Campañas De Ads". Los nombres van tal cual están escritos. */
.hamburger_menu .mean-nav ul li a { text-transform: none; }
/* Home: la sección de servicios es el destino del menú "Servicios" desde
   que se sacó service.html (28/9). El margen deja lugar al header fijo. */
#servicios { scroll-margin-top: 110px; }
/* Home, tarjetas de servicios: el justificado general del sitio abría
   huecos grandes entre palabras en columnas tan angostas. */

/* Testimonios ocultos con el atributo hidden hasta tener testimonios reales. */
.tj-testimonial-section[hidden] { display: none !important; }
/* Sobre Nosotros: el cuadro del logo traía una imagen con el texto
   "Tekmino" (el nombre de la plantilla). Ahora es texto. */
.about-logo-text .sc-logo-texto { display: block; font-size: 19px; font-weight: 800; letter-spacing: -0.01em; color: #07090c; text-align: center; line-height: 1.1; }
/* Home, "Cómo trabajamos": las muescas de los costados salen de una
   máscara SVG de 420x299 escalada con cover, así que solo quedan a la
   altura de la línea punteada si la tarjeta tiene esa misma proporción.
   Con los textos nuevos (más cortos) la tarjeta quedaba más baja y la
   línea pasaba por detrás, fuera de las muescas. */
@media (min-width: 992px) {
  .process-wrap .process-item { aspect-ratio: 420 / 299; }
}
/* Equipo: ícono de Behance (la fuente de la plantilla no lo trae). Mismo
   tamaño que los tji- de las redes. */
.team-item .social-links .sc-ico-behance { width: 16px; height: 16px; display: block; }
/* Encabezados centrados: la bajada heredaba el justificado general y
   quedaba angosta, alineada a la izquierda y con palabras cortadas con
   guion ("gigan-tes"). Va centrada, sin cortes y del ancho del título. */
.sec-heading-centered .desc, .tj-team-section .sec-heading-centered .desc,
.sec-heading-centered p { max-width: 52ch; margin-left: auto; margin-right: auto; }

/* Buscador del menú con Whois (sc-buscador.js) */
.sc-bus { margin-top: 22px; max-width: 760px; }
.sc-bus-ayuda { margin: 0; font-size: 15px; color: var(--tj-color-text-body-2); }
.sc-bus-ayuda a { color: var(--tj-color-theme-primary); font-weight: 700; }
.sc-bus-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sc-bus-lista a { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; border-radius: 14px; background: var(--sc-surface-1); box-shadow: inset 0 0 0 1px var(--sc-border); transition: box-shadow .2s ease; }
.sc-bus-lista a:hover { box-shadow: inset 0 0 0 1px var(--tj-color-theme-primary); }
.sc-bus-lista b { color: var(--tj-color-heading-primary); font-size: 16px; }
.sc-bus-lista span { font-size: 14px; color: var(--tj-color-text-body-2); }
.sc-bus-dom { padding: 22px 24px; border-radius: 18px; background: var(--sc-surface-1); box-shadow: inset 0 0 0 1px var(--sc-border); display: grid; gap: 10px; justify-items: start; }
.sc-bus-dom p { margin: 0; font-size: 17px; color: var(--tj-color-text-body); }
.sc-bus-dom p b { color: var(--tj-color-heading-primary); }
.sc-bus-dom.libre { box-shadow: inset 0 0 0 1.5px #22c55e, 0 20px 50px -30px #22c55e; }
.sc-bus-estado { font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; background: color-mix(in oklab, #fff 8%, transparent); color: var(--tj-color-text-body-2); }
.libre .sc-bus-estado { background: rgba(34,197,94,.15); color: #34d399; }
.sc-bus-dom dl { margin: 4px 0 0; display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; font-size: 14.5px; }
.sc-bus-dom dt { color: var(--tj-color-text-body-2); }
.sc-bus-dom dd { margin: 0; color: var(--tj-color-heading-primary); word-break: break-word; }
.sc-bus-btn { margin-top: 6px; display: inline-flex; align-items: center; padding: 12px 20px; border-radius: 999px; font-weight: 700; background: var(--tj-color-theme-primary); color: #07090c !important; }
.sc-bus-btn.sec { background: transparent; color: var(--tj-color-heading-primary) !important; box-shadow: inset 0 0 0 1.5px color-mix(in oklab, #fff 25%, transparent); }
/* Formulario de nuevo proyecto dentro del buscador */
.sc-bus-link { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; color: var(--tj-color-theme-primary); cursor: pointer; }
button.sc-bus-btn { border: 0; cursor: pointer; font: inherit; font-weight: 700; }
.sc-bus-form { padding: 24px; border-radius: 18px; background: var(--sc-surface-1); box-shadow: inset 0 0 0 1px var(--sc-border); display: grid; gap: 14px; }
.sc-bus-form h3 { margin: 0; font-size: 22px; }
.sc-bus-campos { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
@media (max-width: 600px) { .sc-bus-campos { grid-template-columns: 1fr; } }
.sc-bus-campos label { display: grid; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--tj-color-text-body-2); }
.sc-bus-campos label.ancho { grid-column: 1 / -1; }
.sc-bus-campos input, .sc-bus-campos select, .sc-bus-campos textarea { width: 100%; font: inherit; font-size: 15px; color: var(--tj-color-heading-primary); background: var(--sc-surface-2); border: 0; border-radius: 10px; padding: 11px 13px; box-shadow: inset 0 0 0 1px var(--sc-border); }
.sc-bus-campos input:focus, .sc-bus-campos select:focus, .sc-bus-campos textarea:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--tj-color-theme-primary); }
.sc-bus-error { margin: 0; color: #f87171; font-size: 14px; }
.sc-bus-error[hidden] { display: none; }
.search_popup .sc-bus { max-height: 62vh; overflow-y: auto; }

/* === Texto justificado en TODAS las secciones (regla del usuario, 29/9) ===
   Todo el texto corrido va justificado, con partición en sílabas para que
   no se abran huecos. En los bloques centrados (encabezados centrados y
   cierres) también se justifica y solo la última línea va al centro. No
   aplica a etiquetas, botones ni a las mini piezas visuales.
   Lleva "html body" delante para ganarle a sc-sv.css y sc-caso.css, que
   se cargan después de main.css. */
html body .sc-sv p, html body .sc-sv li, html body .sc-caso p, html body .sc-caso li,
html body .sc-caso-intro, html body .sc-pf-bajada, html body .sc-nb-bajada,
html body .sc-nota-bajada, html body .sc-nota-cuerpo p, html body .sc-nota-cuerpo li,
html body .sc-bento p, html body .sc-sv-lead, html body .service-item .desc,
html body .sec-heading .desc, html body .sec-heading-centered p,
html body .sc-union-puntos span, html body .sc-bus-ayuda {
  text-align: justify;
  -webkit-hyphens: auto; hyphens: auto;
  -webkit-hyphenate-limit-chars: 6 3 3; hyphenate-limit-chars: 6 3 3;
}
html body .sec-heading-centered p, html body .sc-sv-cierre-caja p,
html body .sc-caso-cta-caja p, html body .sc-caso .sc-caso-cta-caja p, html body .text-center p, html body .fin p { text-align: justify; text-align-last: center; }
/* Las mini piezas visuales (maquetas, chats, tableros) no se justifican */
html body .sc-sv-vis p, html body .sc-sv-chat p, html body .b-vis p, html body .sc-prob-vis p,
html body .sc-sv-comp-lado p { text-align: left; -webkit-hyphens: manual; hyphens: manual; }
html body .sc-sv-v-txt { text-align: center; }